Update theme colors

src/app/page.tsx

@@ -29,28 +29,18 @@ export default function SaasTemplatePage() {
 
     const features: FeatureCard[] = [
         {
-            bentoComponent: "globe",
+            bentoComponent: "globe",            title: "Global Reach",            description: "Connect with users worldwide through our distributed infrastructure"},
-            title: "Global Reach",
-            description: "Connect with users worldwide through our distributed infrastructure",
-        },
         {
-            bentoComponent: "marquee",
+            bentoComponent: "marquee",            variant: "text",            centerIcon: Zap,
-            variant: "text",
-            centerIcon: Zap,
             texts: ["Fast", "Reliable", "Secure", "Scalable", "Modern"],
-            title: "Built for Speed",
+            title: "Built for Speed",            description: "Lightning fast performance with optimized delivery"},
-            description: "Lightning fast performance with optimized delivery",
-        },
         {
-            bentoComponent: "3d-stack-cards",
+            bentoComponent: "3d-stack-cards",            items: [
-            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",
+            title: "Built for Scale",            description: "Deploy to any region with automatic failover support"}
-            description: "Deploy to any region with automatic failover support",
-        }
     ];
 
     return (
@@ -65,16 +55,14 @@ export default function SaasTemplatePage() {
                     background={{ variant: "rotated-rays-animated-grid" }}
                     avatars={avatars}
                     avatarText="Trusted by 1000+ users"
-                    title="Build Modern Web Experiences-Out of the world california apple"
+                    title="Launch Your SaaS Faster with Scalable Solutions"
-                    description="Create stunning, responsive websites with our comprehensive component library designed"
+                    description="Accelerate development and build robust, user-friendly SaaS products from concept to launch with our expert services."
                     buttons={[
                         {
-                            text: "Get Started",
+                            text: "Get Started",                            onClick: () => console.log("Get Started clicked"),
-                            onClick: () => console.log("Get Started clicked"),
                         },
                         {
-                            text: "Learn More",
+                            text: "Learn More",                            onClick: () => console.log("Learn More clicked"),
-                            onClick: () => console.log("Learn More clicked"),
                         },
                     ]}
                     marqueeItems={[
@@ -105,24 +93,16 @@ export default function SaasTemplatePage() {
                     features={[
                         {
                             icon: Layers,
-                            title: "Modular Architecture",
+                            title: "Modular Architecture",                            description: "Build with composable components that scale with your needs"},
-                            description: "Build with composable components that scale with your needs",
-                        },
                         {
                             icon: Code,
-                            title: "Developer Experience",
+                            title: "Developer Experience",                            description: "Clean APIs and comprehensive documentation for faster development"},
-                            description: "Clean APIs and comprehensive documentation for faster development",
-                        },
                         {
                             icon: Shield,
-                            title: "Enterprise Security",
+                            title: "Enterprise Security",                            description: "Bank-level encryption and compliance with industry standards"},
-                            description: "Bank-level encryption and compliance with industry standards",
-                        },
                         {
                             icon: Rocket,
-                            title: "Lightning Fast",
+                            title: "Lightning Fast",                            description: "Optimized for performance with sub-second response times"},
-                            description: "Optimized for performance with sub-second response times",
-                        },
                     ]}
                 />
                 <TestimonialCardFifteen
@@ -144,54 +124,28 @@ export default function SaasTemplatePage() {
                     useInvertedBackground={false}
                     plans={[
                         {
-                            id: "starter",
+                            id: "starter",                            badge: "Starter",                            badgeIcon: Zap,
-                            badge: "Starter",
+                            price: "$19/mo",                            subtitle: "Perfect for individuals",                            buttons: [
-                            badgeIcon: Zap,
-                            price: "$19/mo",
-                            subtitle: "Perfect for individuals",
-                            buttons: [
                                 { text: "Get Started", onClick: () => console.log("Starter clicked") },
                             ],
                             features: [
-                                "Up to 5 projects",
+                                "Up to 5 projects",                                "Basic analytics",                                "24/7 email support",                                "API access"],
-                                "Basic analytics",
-                                "24/7 email support",
-                                "API access",
-                            ],
                         },
                         {
-                            id: "pro",
+                            id: "pro",                            badge: "Pro",                            badgeIcon: Rocket,
-                            badge: "Pro",
+                            price: "$49/mo",                            subtitle: "For growing teams",                            buttons: [
-                            badgeIcon: Rocket,
-                            price: "$49/mo",
-                            subtitle: "For growing teams",
-                            buttons: [
                                 { text: "Get Started", onClick: () => console.log("Pro clicked") },
                             ],
                             features: [
-                                "Unlimited projects",
+                                "Unlimited projects",                                "Advanced analytics",                                "Priority support",                                "Custom integrations",                                "Team collaboration"],
-                                "Advanced analytics",
-                                "Priority support",
-                                "Custom integrations",
-                                "Team collaboration",
-                            ],
                         },
                         {
-                            id: "enterprise",
+                            id: "enterprise",                            badge: "Enterprise",                            badgeIcon: Crown,
-                            badge: "Enterprise",
+                            price: "$99/mo",                            subtitle: "For large organizations",                            buttons: [
-                            badgeIcon: Crown,
-                            price: "$99/mo",
-                            subtitle: "For large organizations",
-                            buttons: [
                                 { text: "Contact Sales", onClick: () => console.log("Enterprise clicked") },
                             ],
                             features: [
-                                "Everything in Pro",
+                                "Everything in Pro",                                "Dedicated account manager",                                "Custom SLA",                                "On-premise deployment",                                "Advanced security"],
-                                "Dedicated account manager",
-                                "Custom SLA",
-                                "On-premise deployment",
-                                "Advanced security",
-                            ],
                         },
                     ]}
                 />
@@ -209,8 +163,7 @@ export default function SaasTemplatePage() {
                 <FooterBaseReveal
                     columns={[
                         {
-                            title: "Product",
+                            title: "Product",                            items: [
-                            items: [
                                 { label: "Features", href: "#features" },
                                 { label: "Pricing", href: "#pricing" },
                                 { label: "Integrations", href: "#" },
@@ -218,8 +171,7 @@ export default function SaasTemplatePage() {
                             ],
                         },
                         {
-                            title: "Company",
+                            title: "Company",                            items: [
-                            items: [
                                 { label: "About", href: "#about" },
                                 { label: "Blog", href: "#" },
                                 { label: "Careers", href: "#" },
@@ -227,8 +179,7 @@ export default function SaasTemplatePage() {
                             ],
                         },
                         {
-                            title: "Resources",
+                            title: "Resources",                            items: [
-                            items: [
                                 { label: "Documentation", href: "#" },
                                 { label: "Help Center", href: "#" },
                                 { label: "Community", href: "#" },
@@ -236,8 +187,7 @@ export default function SaasTemplatePage() {
                             ],
                         },
                         {
-                            title: "Legal",
+                            title: "Legal",                            items: [
-                            items: [
                                 { label: "Privacy", href: "#" },
                                 { label: "Terms", href: "#" },
                                 { label: "Security", href: "#" },

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #050012;
+  --background: #ffffff;
-  --card: #040121;
+  --card: #f9f9f9;
-  --foreground: #f0e6ff;
+  --foreground: #000612e6;
-  --primary-cta: #c89bff;
+  --primary-cta: #106EFB;
-  --primary-cta-text: #050012;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #1d123b;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #f0e6ff;
+  --secondary-cta-text: #000612e6;
-  --accent: #684f7b;
+  --accent: #e2e2e2;
-  --background-accent: #65417c;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);