Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -31,17 +31,11 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "How it Works",
+          name: "How it Works",          id: "how-it-works"},
-          id: "how-it-works",
-        },
         {
-          name: "Demo",
+          name: "Demo",          id: "demo"},
-          id: "demo",
-        },
       ]}
       brandName="MoodifyAI"
     />
@@ -51,54 +45,31 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Notifications that actually convert."
       description="AI-powered messaging that understands user mood, behavior, and trends — automatically."
       testimonials={[
         {
-          name: "Sarah Chen",
+          name: "Sarah Chen",          handle: "@sarahc",          testimonial: "MoodifyAI increased our click-through rate by 40% in just two weeks.",          rating: 5,
-          handle: "@sarahc",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=1"},
-          testimonial: "MoodifyAI increased our click-through rate by 40% in just two weeks.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=1",
-        },
         {
-          name: "James Wilson",
+          name: "James Wilson",          handle: "@jwilson",          testimonial: "Finally, marketing that feels human and speaks to user needs.",          rating: 5,
-          handle: "@jwilson",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-using-digital-tablet_1170-1828.jpg?_wi=1"},
-          testimonial: "Finally, marketing that feels human and speaks to user needs.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-using-digital-tablet_1170-1828.jpg?_wi=1",
-        },
         {
-          name: "Elena Rodriguez",
+          name: "Elena Rodriguez",          handle: "@elena_r",          testimonial: "The mood detection feature is absolute magic for our engagement strategy.",          rating: 5,
-          handle: "@elena_r",
+          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099201.jpg?_wi=1"},
-          testimonial: "The mood detection feature is absolute magic for our engagement strategy.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099201.jpg?_wi=1",
-        },
         {
-          name: "Michael Scott",
+          name: "Michael Scott",          handle: "@mscott",          testimonial: "Our churn rate dropped significantly after implementing these AI flows.",          rating: 5,
-          handle: "@mscott",
+          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg?_wi=1"},
-          testimonial: "Our churn rate dropped significantly after implementing these AI flows.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg?_wi=1",
-        },
         {
-          name: "Jessica Lee",
+          name: "Jessica Lee",          handle: "@jlee",          testimonial: "The most intuitive platform for growth hacking I've used so far.",          rating: 5,
-          handle: "@jlee",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=2"},
-          testimonial: "The most intuitive platform for growth hacking I've used so far.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=2",
-        },
       ]}
       buttons={[
         {
-          text: "Get Early Access",
+          text: "Get Early Access"},
-        },
         {
-          text: "See Demo",
+          text: "See Demo"},
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/a-sleek-professional-ui-dashboard-mockup-1774695161540-d6f168e0.png?_wi=1"
       imageAlt="AI Notification Dashboard Mockup"
@@ -113,22 +84,13 @@ export default function LandingPage() {
       features={[
         {
           id: 1,
-          title: "Users ignore notifications",
+          title: "Users ignore notifications",          description: "Generic spam leads to immediate uninstalls and churn.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/a-minimalist-flat-icon-representing-noti-1774695162211-2d4206cf.png"},
-          description: "Generic spam leads to immediate uninstalls and churn.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/a-minimalist-flat-icon-representing-noti-1774695162211-2d4206cf.png",
-        },
         {
           id: 2,
-          title: "Generic messaging doesn't work",
+          title: "Generic messaging doesn't work",          description: "One-size-fits-all campaigns lack the context of user behavior.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/abstract-graphic-representation-of-robot-1774695162311-9848193b.png"},
-          description: "One-size-fits-all campaigns lack the context of user behavior.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/abstract-graphic-representation-of-robot-1774695162311-9848193b.png",
-        },
         {
           id: 3,
-          title: "Manual marketing is slow",
+          title: "Manual marketing is slow",          description: "Human teams cannot scale personalized messaging 24/7.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/a-stylized-clock-icon-depicting-time-del-1774695162118-3d98d150.png"},
-          description: "Human teams cannot scale personalized messaging 24/7.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/a-stylized-clock-icon-depicting-time-del-1774695162118-3d98d150.png",
-        },
       ]}
       title="Why current strategies fail"
       description="Traditional notification systems are outdated and impersonal."
@@ -152,23 +114,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
+          id: "1",          name: "Funny & Casual",          price: "High Open Rate",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/three-mobile-phone-screens-aligned-in-a--1774695161946-994942e2.png?_wi=1"},
-          name: "Funny & Casual",
-          price: "High Open Rate",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/three-mobile-phone-screens-aligned-in-a--1774695161946-994942e2.png?_wi=1",
-        },
         {
-          id: "2",
+          id: "2",          name: "Empathy-Driven",          price: "High Trust Rate",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/three-mobile-phone-screens-aligned-in-a--1774695161946-994942e2.png?_wi=2"},
-          name: "Empathy-Driven",
-          price: "High Trust Rate",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/three-mobile-phone-screens-aligned-in-a--1774695161946-994942e2.png?_wi=2",
-        },
         {
-          id: "3",
+          id: "3",          name: "Discount-Focused",          price: "Conversion King",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/three-mobile-phone-screens-aligned-in-a--1774695161946-994942e2.png?_wi=3"},
-          name: "Discount-Focused",
-          price: "Conversion King",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/three-mobile-phone-screens-aligned-in-a--1774695161946-994942e2.png?_wi=3",
-        },
       ]}
       title="Mobile Notification Experience"
       description="See the difference AI makes with tailored messaging strategies."
@@ -182,34 +132,19 @@ export default function LandingPage() {
       features={[
         {
           id: 1,
-          title: "AI Personalization",
+          title: "AI Personalization",          description: "Dynamic messaging based on unique user personas.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/ai-brain-icon-minimal-clean-line-art-pro-1774695159248-e54d5e90.png?_wi=1"},
-          description: "Dynamic messaging based on unique user personas.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/ai-brain-icon-minimal-clean-line-art-pro-1774695159248-e54d5e90.png?_wi=1",
-        },
         {
           id: 2,
-          title: "Trend Intelligence",
+          title: "Trend Intelligence",          description: "Real-time adjustments based on market-wide trends.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/trend-intelligence-graph-icon-upward-tre-1774695158928-608a5f17.png?_wi=1"},
-          description: "Real-time adjustments based on market-wide trends.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/trend-intelligence-graph-icon-upward-tre-1774695158928-608a5f17.png?_wi=1",
-        },
         {
           id: 3,
-          title: "Multi-channel",
+          title: "Multi-channel",          description: "Seamless delivery across push, email, and web.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/multi-channel-messaging-bubble-icon-clea-1774695159642-8b35e051.png"},
-          description: "Seamless delivery across push, email, and web.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/multi-channel-messaging-bubble-icon-clea-1774695159642-8b35e051.png",
-        },
         {
           id: 4,
-          title: "Smart Timing",
+          title: "Smart Timing",          description: "Sent only when the user is most likely to act.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/ai-brain-icon-minimal-clean-line-art-pro-1774695159248-e54d5e90.png?_wi=2"},
-          description: "Sent only when the user is most likely to act.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/ai-brain-icon-minimal-clean-line-art-pro-1774695159248-e54d5e90.png?_wi=2",
-        },
         {
           id: 5,
-          title: "Conversion Analytics",
+          title: "Conversion Analytics",          description: "Full-funnel insights for measurable growth.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/trend-intelligence-graph-icon-upward-tre-1774695158928-608a5f17.png?_wi=2"},
-          description: "Full-funnel insights for measurable growth.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZSSZlr3uqWzqDh2PdEYKy89qM/trend-intelligence-graph-icon-upward-tre-1774695158928-608a5f17.png?_wi=2",
-        },
       ]}
       title="Platform Capabilities"
       description="Engineered for scaling growth and engagement."
@@ -223,44 +158,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",
+          id: "1",          value: "01",          title: "Data Sync",          items: [
-          value: "01",
+            "Connect your API",            "Sync historical user data",            "Real-time event streaming"],
-          title: "Data Sync",
-          items: [
-            "Connect your API",
-            "Sync historical user data",
-            "Real-time event streaming",
-          ],
         },
         {
-          id: "2",
+          id: "2",          value: "02",          title: "AI Analysis",          items: [
-          value: "02",
+            "Behavioral mapping",            "Mood profile generation",            "Trend pattern identification"],
-          title: "AI Analysis",
-          items: [
-            "Behavioral mapping",
-            "Mood profile generation",
-            "Trend pattern identification",
-          ],
         },
         {
-          id: "3",
+          id: "3",          value: "03",          title: "Generation",          items: [
-          value: "03",
+            "Message crafting",            "A/B variant creation",            "Sentiment optimization"],
-          title: "Generation",
-          items: [
-            "Message crafting",
-            "A/B variant creation",
-            "Sentiment optimization",
-          ],
         },
         {
-          id: "4",
+          id: "4",          value: "04",          title: "Delivery",          items: [
-          value: "04",
+            "Automated scheduling",            "Adaptive delivery",            "Conversion feedback loop"],
-          title: "Delivery",
-          items: [
-            "Automated scheduling",
-            "Adaptive delivery",
-            "Conversion feedback loop",
-          ],
         },
       ]}
       title="How it works"
@@ -275,59 +186,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Alice W.",          role: "CEO",          company: "GrowthOps",          rating: 5,
-          name: "Alice W.",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=3"},
-          role: "CEO",
-          company: "GrowthOps",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=3",
-        },
         {
-          id: "2",
+          id: "2",          name: "Mark B.",          role: "CTO",          company: "CloudNine",          rating: 5,
-          name: "Mark B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-using-digital-tablet_1170-1828.jpg?_wi=2"},
-          role: "CTO",
-          company: "CloudNine",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-using-digital-tablet_1170-1828.jpg?_wi=2",
-        },
         {
-          id: "3",
+          id: "3",          name: "Sophia L.",          role: "Head of Growth",          company: "AppFlow",          rating: 5,
-          name: "Sophia L.",
+          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099201.jpg?_wi=2"},
-          role: "Head of Growth",
-          company: "AppFlow",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099201.jpg?_wi=2",
-        },
         {
-          id: "4",
+          id: "4",          name: "David T.",          role: "Founder",          company: "Venture",          rating: 5,
-          name: "David T.",
+          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg?_wi=2"},
-          role: "Founder",
-          company: "Venture",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg?_wi=2",
-        },
         {
-          id: "5",
+          id: "5",          name: "Emma P.",          role: "Founder",          company: "ScaleUp",          rating: 5,
-          name: "Emma P.",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=4"},
-          role: "Founder",
-          company: "ScaleUp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-female-entrepreneur-smiling-front-looking-confident-determined-standing-white-wall_176420-42649.jpg?_wi=4",
-        },
       ]}
       kpiItems={[
         {
-          value: "40%",
+          value: "40%",          label: "Avg Conversion Lift"},
-          label: "Avg Conversion Lift",
-        },
         {
-          value: "200+",
+          value: "200+",          label: "Active Integrations"},
-          label: "Active Integrations",
-        },
         {
-          value: "5M+",
+          value: "5M+",          label: "Notifications Sent"},
-          label: "Notifications Sent",
-        },
       ]}
       title="Loved by founders"
       description="Startups and enterprises alike are scaling with us."
@@ -338,8 +218,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       tag="Get Early Access"
       title="Start increasing conversions today"
       description="Join the waitlist for early access to the future of AI messaging."
@@ -356,49 +235,31 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Product",
+              label: "Product",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Features",
+              label: "Features",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Pricing",
+              label: "Pricing",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Company",
+              label: "Company",              href: "#"},
-              href: "#",
-            },
             {
-              label: "About",
+              label: "About",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Support",
+              label: "Support",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F8FAFC;
+  --background: #0a0a0a;
-  --card: #ffffff;
+  --card: #1a1a1a;
-  --foreground: #111827;
+  --foreground: #ffffff;
-  --primary-cta: #6366F1;
+  --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #22C55E;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #0F172A;
+  --accent: #535353;
-  --background-accent: #E2E8F0;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);