From bc8a05e9556b2312ef390e3ca788342d3adb9ccd Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 25 Mar 2026 07:21:21 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 102 ++++++++++++----------------------------------- 1 file changed, 26 insertions(+), 76 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a7965c9..8320032 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -29,28 +29,18 @@ export default function SaasTemplatePage() { const features: FeatureCard[] = [ { - bentoComponent: "globe", - title: "Global Reach", - description: "Connect with users worldwide through our distributed infrastructure", - }, + bentoComponent: "globe", title: "Global Reach", description: "Connect with users worldwide through our distributed infrastructure"}, { - bentoComponent: "marquee", - variant: "text", - centerIcon: Zap, + bentoComponent: "marquee", variant: "text", centerIcon: Zap, texts: ["Fast", "Reliable", "Secure", "Scalable", "Modern"], - title: "Built for Speed", - description: "Lightning fast performance with optimized delivery", - }, + title: "Built for Speed", description: "Lightning fast performance with optimized delivery"}, { - bentoComponent: "3d-stack-cards", - items: [ + bentoComponent: "3d-stack-cards", items: [ { icon: Shield, title: "Security", subtitle: "Enterprise-grade", detail: "Bank-level encryption" }, { icon: Rocket, title: "Performance", subtitle: "99.9% uptime", detail: "Always available" }, { icon: Target, title: "Accuracy", subtitle: "100% reliable", detail: "Data you can trust" }, ], - title: "Built for Scale", - description: "Deploy to any region with automatic failover support", - } + title: "Built for Scale", description: "Deploy to any region with automatic failover support"} ]; return ( @@ -69,12 +59,10 @@ export default function SaasTemplatePage() { description="Create stunning, responsive websites with our comprehensive component library designed" buttons={[ { - text: "Get Started", - onClick: () => console.log("Get Started clicked"), + text: "Get Started", onClick: () => console.log("Get Started clicked"), }, { - text: "Learn More", - onClick: () => console.log("Learn More clicked"), + text: "Learn More", onClick: () => console.log("Learn More clicked"), }, ]} marqueeItems={[ @@ -105,24 +93,16 @@ export default function SaasTemplatePage() { features={[ { icon: Layers, - title: "Modular Architecture", - description: "Build with composable components that scale with your needs", - }, + title: "Modular Architecture", description: "Build with composable components that scale with your needs"}, { icon: Code, - title: "Developer Experience", - description: "Clean APIs and comprehensive documentation for faster development", - }, + title: "Developer Experience", description: "Clean APIs and comprehensive documentation for faster development"}, { icon: Shield, - title: "Enterprise Security", - description: "Bank-level encryption and compliance with industry standards", - }, + title: "Enterprise Security", description: "Bank-level encryption and compliance with industry standards"}, { icon: Rocket, - title: "Lightning Fast", - description: "Optimized for performance with sub-second response times", - }, + title: "Lightning Fast", description: "Optimized for performance with sub-second response times"}, ]} /> console.log("Starter clicked") }, ], features: [ - "Up to 5 projects", - "Basic analytics", - "24/7 email support", - "API access", - ], + "Up to 5 projects", "Basic analytics", "24/7 email support", "API access"], }, { - id: "pro", - badge: "Pro", - badgeIcon: Rocket, - price: "$49/mo", - subtitle: "For growing teams", - buttons: [ + id: "pro", badge: "Pro", badgeIcon: Rocket, + price: "$49/mo", subtitle: "For growing teams", buttons: [ { text: "Get Started", onClick: () => console.log("Pro clicked") }, ], features: [ - "Unlimited projects", - "Advanced analytics", - "Priority support", - "Custom integrations", - "Team collaboration", - ], + "Unlimited projects", "Advanced analytics", "Priority support", "Custom integrations", "Team collaboration"], }, { - id: "enterprise", - badge: "Enterprise", - badgeIcon: Crown, - price: "$99/mo", - subtitle: "For large organizations", - buttons: [ + id: "enterprise", badge: "Enterprise", badgeIcon: Crown, + price: "$99/mo", subtitle: "For large organizations", buttons: [ { text: "Contact Sales", onClick: () => console.log("Enterprise clicked") }, ], features: [ - "Everything in Pro", - "Dedicated account manager", - "Custom SLA", - "On-premise deployment", - "Advanced security", - ], + "Everything in Pro", "Dedicated account manager", "Custom SLA", "On-premise deployment", "Advanced security"], }, ]} /> @@ -203,14 +157,13 @@ export default function SaasTemplatePage() { background={{ variant: "animated-grid" }} useInvertedBackground={false} inputPlaceholder="Enter your email" - buttonText="Get Early Access" + buttonText="Get Started" onSubmit={(email) => console.log("Email submitted:", email)} /> ); -} +} \ No newline at end of file -- 2.49.1