4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T111d,import { cn } from "@/lib/utils"; import { Button } from "@/components/ui/button"; import * as PricingCard from "@/components/pricing-card"; export function PricingSection() { return (

Pricing

Plans that Scale with You

Whether you're just starting out or growing fast, our flexible pricing has you covered.

{plans.map((plan, index) => ( {plan.icon} {plan.name} {plan.badge && ( {plan.badge} )} {plan.price} {plan.period} {plan.original && ( {plan.original} )} {plan.description} {plan.features.map((item) => ( ))} ))}

); } const plans = [ { icon: ( ), description: "Perfect for individuals", name: "Basic", price: "Free", variant: "outline", features: [ "Automated Meeting Scheduling", "Basic Calendar Sync", "Daily Schedule Overview", "Email Reminders", "Task Management", "24/7 Customer Support", "Single User Access", "Basic Reporting", "Mobile App Access", ], }, { icon: ( ), description: "Ideal for small teams", name: "Pro", badge: "Popular", price: "$29", original: "$39", period: "/month", variant: "default", features: [ "All Basic Plan Features", "Advanced Calendar Integrations", "Customizable Notifications", "Priority Support", "Analytics and Insights", "Group Scheduling", "Multiple User Roles", "Advanced Reporting", "Custom Branding Options", ], }, { icon: ( ), name: "Enterprise", description: "Perfect for large scale companies", price: "$99", original: "$129", period: "/month", variant: "outline", features: [ "All Pro Plan Features", "Dedicated Account Manager", "Custom Integrations", "Advanced Security Features", "Team Collaboration Tools", "Onboarding and Training", "Unlimited Users", "API Access with Higher Limits", "Advanced Audit Logs", ], }, ]; 51:Tcdd,import { cn } from "@/lib/utils"; import type React from "react"; function Card({ className, ...props }: React.ComponentProps<"div">) { return (

); } function Header({ className, children, isPopular, ...props }: React.ComponentProps<"div"> & { isPopular?: boolean; }) { return (

{children}

); } function Plan({ className, ...props }: React.ComponentProps<"div">) { return (

); } function Description({ className, ...props }: React.ComponentProps<"p">) { return (

); } function PlanName({ className, ...props }: React.ComponentProps<"div">) { return (

); } function Badge({ className, ...props }: React.ComponentProps<"span">) { return ( ); } function Price({ className, ...props }: React.ComponentProps<"div">) { return (

); } function MainPrice({ className, ...props }: React.ComponentProps<"span">) { return ( ); } function Period({ className, ...props }: React.ComponentProps<"span">) { return ( ); } function OriginalPrice({ className, ...props }: React.ComponentProps<"span">) { return ( ); } function Body({ className, ...props }: React.ComponentProps<"div">) { return

; } function List({ className, ...props }: React.ComponentProps<"ul">) { return

); } function Separator({ children = "Upgrade to access", className, ...props }: React.ComponentProps<"div"> & { children?: string; className?: string; }) { return (
{children}
); } export { Card, Header, Description, Plan, PlanName, Badge, Price, MainPrice, Period, OriginalPrice, Body, List, ListItem, Separator, }; 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4e",null,{"namespace":"@efferd","registryDependencies":["button"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/blocks/pricing/3/pricing-section.tsx","content":"$50","type":"registry:component"},{"path":"registry/blocks/pricing/3/pricing-card.tsx","content":"$51","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]