From 2a0df70f2d23b629d281ed1f8d3f20f799567832 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 8 Apr 2026 19:53:32 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 100 ++++++++++++----------------------------------- 1 file changed, 25 insertions(+), 75 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 25fa826..24a2c21 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"], }, ]} /> @@ -210,8 +164,7 @@ export default function SaasTemplatePage() { logoText="SaaSify" columns={[ { - title: "Product", - items: [ + title: "Product", items: [ { label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Integrations", href: "#" }, @@ -219,8 +172,7 @@ export default function SaasTemplatePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About", href: "#about" }, { label: "Blog", href: "#" }, { label: "Careers", href: "#" }, @@ -228,8 +180,7 @@ export default function SaasTemplatePage() { ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { label: "Documentation", href: "#" }, { label: "Help Center", href: "#" }, { label: "Community", href: "#" }, @@ -237,8 +188,7 @@ export default function SaasTemplatePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Security", href: "#" }, @@ -250,4 +200,4 @@ export default function SaasTemplatePage() { ); -} +} \ No newline at end of file -- 2.49.1 From 173a534d8c0c5e9b6c2b86ab216a209fe2069f3d Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 8 Apr 2026 19:53:32 +0000 Subject: [PATCH 2/2] Update src/app/styles/variables.css --- src/app/styles/variables.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 1a5bb9f..82ee3cc 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f5f4f0; - --card: #ffffff; + --background: #f1f1f1; + --card: #e8e8e8; --foreground: #1a1a1a; - --primary-cta: #2c2c2c; + --primary-cta: #4a4a4a; --primary-cta-text: #f5f4f0; - --secondary-cta: #f5f4f0; + --secondary-cta: #d4d4d4; --secondary-cta-text: #1a1a1a; - --accent: #8a8a8a; - --background-accent: #e8e6e1; + --accent: #b0b0b0; + --background-accent: #c9c9c9; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); -- 2.49.1