"use client" // third-party import { motion, useMotionValue, useMotionTemplate } from "framer-motion" import QRCode from "react-qr-code" // project-imports import Particles from "@/components/animation/Particles" // Spotlight wrapper for each bento card function BentoCard({ children, className, colSpan, }: { children: React.ReactNode className?: string colSpan: string }) { const mouseX = useMotionValue(0) const mouseY = useMotionValue(0) function handleMouseMove({ currentTarget, clientX, clientY, }: React.MouseEvent) { const { left, top } = currentTarget.getBoundingClientRect() mouseX.set(clientX - left) mouseY.set(clientY - top) } return (

{children}

) } // ------------------------------ | BENTO 7 | ------------------------------ // export default function Bento7() { return (

Startup Boost

Boost Your Startup to the{" "} Next Level

A command center for billing. Experience unmatched control over subscriptions, direct payouts, and sales charts.

Company Ledger

Manage your company

Synchronize internal ledger records and categorize expense types in real-time. Keep a clean treasury ledger without overhead.

Transactions Live feed

{[ { name: "Monthly Revenue (Stripe)", amount: "+$14,250.00", type: "income", color: "text-emerald-400", }, { name: "SaaS Subscriptions", amount: "-$840.00", type: "expense", color: "text-rose-400", }, ].map((tx, idx) => (

{tx.name}

{tx.amount}

))}

Instant Payouts

Withdraw your funds

Unlock immediate liquidity. Withdraw funds direct to bank rails or settle on crypto cards via scan.

Settle via QR Code Scan to instantly authorize local payout on card.

Checkout

Sell products & services

Turn every checkout into a seamless buying experience.

Email Address

customer@example.com

Card Number

•••• •••• •••• 4242 Visa

Recurring Engine

Launch a recurring model

Monthly Recurring Revenue $158,400

+28% this Mo

) }