Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -11,7 +11,7 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { CheckCircle, Lightbulb, LineChart } from "lucide-react";
+import { CheckCircle, Lightbulb, LineChart, ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,18 +31,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Features", id: "#features" },
-          name: "Features",
+        { name: "About", id: "#about" },
-          id: "#features",
+        { name: "Waitlist", id: "#contact" },
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Waitlist",
-          id: "#contact",
-        },
       ]}
       brandName="Vylx"
     />
@@ -53,36 +44,15 @@ export default function LandingPage() {
       logoText="Vylx"
       description="Your emotional wellbeing, simplified. Join the waitlist and gain early access to AI-powered personalized insights."
       buttons={[
-        {
+        { text: "Start Your Wellness Journey", href: "#contact" },
-          text: "Join Waitlist",
-          href: "#contact",
-        },
       ]}
       slides={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-easter-decorative-egg_23-2150245745.jpg", imageAlt: "Abstract art" },
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-easter-decorative-egg_23-2150245745.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", imageAlt: "Analytics dashboard" },
-          imageAlt: "Abstract art",
+        { imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-sunset-projector-lamp_53876-103791.jpg", imageAlt: "Gradient flow" },
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-school-supplies-with-copyspace_23-2148198161.jpg", imageAlt: "Crystal insights" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149930146.jpg", imageAlt: "Interface login" },
-          imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-ethereal-environment_23-2151113672.jpg", imageAlt: "Zen abstract" },
-          imageAlt: "Analytics dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-sunset-projector-lamp_53876-103791.jpg",
-          imageAlt: "Gradient flow",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-school-supplies-with-copyspace_23-2148198161.jpg",
-          imageAlt: "Crystal insights",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149930146.jpg",
-          imageAlt: "Interface login",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-ethereal-environment_23-2151113672.jpg",
-          imageAlt: "Zen abstract",
-        },
       ]}
     />
   </div>
@@ -90,23 +60,23 @@ export default function LandingPage() {
   <div id="features" data-section="features">
       <FeatureHoverPattern
       animationType="slide-up"
-      textboxLayout="split"
+      textboxLayout="split-actions"
       useInvertedBackground={true}
+      buttons={[
+        { text: "Explore All Capabilities", href: "#contact" }
+      ]}
       features={[
         {
           icon: CheckCircle,
-          title: "Daily Mood Logging",
+          title: "Daily Mood Logging",          description: "Quickly capture your mood throughout the day with ease.",          button: { text: "Learn More", href: "#about" }
-          description: "Quickly capture your mood throughout the day with ease.",
         },
         {
           icon: LineChart,
-          title: "Trend Analysis",
+          title: "Trend Analysis",          description: "Identify hidden patterns in your mental wellness journey.",          button: { text: "Learn More", href: "#about" }
-          description: "Identify hidden patterns in your mental wellness journey.",
         },
         {
           icon: Lightbulb,
-          title: "AI Coaching",
+          title: "AI Coaching",          description: "Personalized advice based on your unique emotional data.",          button: { text: "Learn More", href: "#about" }
-          description: "Personalized advice based on your unique emotional data.",
         },
       ]}
       title="Smart Features for Better Days"
@@ -130,27 +100,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "85%", title: "Improved Clarity", description: "Users reported better understanding of mood triggers.", imageSrc: "http://img.b2bpic.net/free-vector/set-computer-icon-vectors_53876-60023.jpg" },
-          id: "m1",
+        { id: "m2", value: "12min", title: "Daily Average", description: "Time saved in emotional processing.", imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-right-side-with-white-background_187299-39725.jpg" },
-          value: "85%",
+        { id: "m3", value: "4.8/5", title: "User Rating", description: "Our current rating from early beta testers.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-banner-sale-ads_23-2150695149.jpg" },
-          title: "Improved Clarity",
-          description: "Users reported better understanding of mood triggers.",
-          imageSrc: "http://img.b2bpic.net/free-vector/set-computer-icon-vectors_53876-60023.jpg",
-        },
-        {
-          id: "m2",
-          value: "12min",
-          title: "Daily Average",
-          description: "Time saved in emotional processing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-right-side-with-white-background_187299-39725.jpg",
-        },
-        {
-          id: "m3",
-          value: "4.8/5",
-          title: "User Rating",
-          description: "Our current rating from early beta testers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-banner-sale-ads_23-2150695149.jpg",
-        },
       ]}
       title="Real Results"
       description="Our beta testing shows significant improvements in user mindfulness."
@@ -163,41 +115,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Johnson", role: "Designer", testimonial: "Vylx completely changed how I track my daily stress levels.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg" },
-          id: "1",
+        { id: "2", name: "Michael Chen", role: "Developer", testimonial: "The AI insights feel incredibly personalized and helpful.", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg" },
-          name: "Sarah Johnson",
+        { id: "3", name: "Emily Rodriguez", role: "Student", testimonial: "So simple to use and the patterns are so clear.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-sunglasses_23-2149105478.jpg" },
-          role: "Designer",
+        { id: "4", name: "David Kim", role: "Manager", testimonial: "An essential tool for my daily mindfulness routine.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-portrait_23-2149051749.jpg" },
-          testimonial: "Vylx completely changed how I track my daily stress levels.",
+        { id: "5", name: "Jessica Lee", role: "Writer", testimonial: "Finally, a tracker that understands my daily routine.", imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "Developer",
-          testimonial: "The AI insights feel incredibly personalized and helpful.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Student",
-          testimonial: "So simple to use and the patterns are so clear.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-sunglasses_23-2149105478.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Manager",
-          testimonial: "An essential tool for my daily mindfulness routine.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-portrait_23-2149051749.jpg",
-        },
-        {
-          id: "5",
-          name: "Jessica Lee",
-          role: "Writer",
-          testimonial: "Finally, a tracker that understands my daily routine.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg",
-        },
       ]}
       title="Loved by Beta Testers"
       description="Hear what early adopters have to say about Vylx."
@@ -209,21 +131,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "f1", title: "Is Vylx free?", content: "The basic version is free, with premium features available via subscription." },
-          id: "f1",
+        { id: "f2", title: "When is launch?", content: "We are targeting a Q3 2025 release." },
-          title: "Is Vylx free?",
+        { id: "f3", title: "Can I refer friends?", content: "Yes, sharing your link earns you priority access on the waitlist." },
-          content: "The basic version is free, with premium features available via subscription.",
-        },
-        {
-          id: "f2",
-          title: "When is launch?",
-          content: "We are targeting a Q3 2025 release.",
-        },
-        {
-          id: "f3",
-          title: "Can I refer friends?",
-          content: "Yes, sharing your link earns you priority access on the waitlist.",
-        },
       ]}
       title="Common Questions"
       description="Answers to your questions about Vylx."
@@ -234,9 +144,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
-      }}
       tag="Waitlist"
       title="Get Early Access"
       description="Join thousands of others starting their journey with Vylx."
@@ -248,29 +156,15 @@ export default function LandingPage() {
       logoText="Vylx"
       columns={[
         {
-          title: "Product",
+          title: "Product",          items: [
-          items: [
+            { label: "Features", href: "#features" },
-            {
+            { label: "Early Access", href: "#contact" },
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Early Access",
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
+            { label: "About", href: "#about" },
-            {
+            { label: "Privacy Policy", href: "#" },
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
           ],
         },
       ]}