Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import { CheckCircle, Star, TrendingUp, Users } from "lucide-react";
@@ -30,17 +30,11 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
       ]}
       brandName="ElevateMe"
     />
@@ -49,33 +43,22 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Transform Your Life, One Habit at a Time"
       description="Build confidence, improve personality, and track your habits with our smart platform."
       buttons={[
         {
-          text: "Get Started",
-          href: "#",
-        },
+          text: "Get Started",          href: "#"},
         {
-          text: "Learn More",
-          href: "#",
-        },
+          text: "Learn More",          href: "#"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=1",
-          imageAlt: "Hero visual",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=1",          imageAlt: "Hero visual"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=2",
-          imageAlt: "Hero visual",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=2",          imageAlt: "Hero visual"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=3",
-          imageAlt: "Hero visual",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=3",          imageAlt: "Hero visual"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -87,23 +70,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Personality Development",
-          description: "Improve communication and confidence through daily guided exercises.",
-          imageSrc: "http://img.b2bpic.net/free-vector/counslting-branding-identity-corporate-vector-logo-design_460848-13846.jpg",
-          imageAlt: "Development",
-        },
+          title: "Personality Development",          description: "Improve communication and confidence through daily guided exercises.",          imageSrc: "http://img.b2bpic.net/free-vector/counslting-branding-identity-corporate-vector-logo-design_460848-13846.jpg",          imageAlt: "Development"},
         {
-          title: "Habit Tracker",
-          description: "Track your daily routines and visualize your progress over time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-arrangement-with-notebook_23-2149046720.jpg",
-          imageAlt: "Habit",
-        },
+          title: "Habit Tracker",          description: "Track your daily routines and visualize your progress over time.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-arrangement-with-notebook_23-2149046720.jpg",          imageAlt: "Habit"},
         {
-          title: "Smart Assistance",
-          description: "Get personalized daily tips, reminders, and motivation.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-condom-white-background_23-2148259780.jpg",
-          imageAlt: "Assistance",
-        },
+          title: "Smart Assistance",          description: "Get personalized daily tips, reminders, and motivation.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-condom-white-background_23-2148259780.jpg",          imageAlt: "Assistance"},
       ]}
       title="Features"
       description="Powerful tools to help you grow every single day."
@@ -117,49 +88,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          badge: "Free",
-          price: "$0/month",
-          subtitle: "Perfect for beginners",
-          buttons: [
+          id: "basic",          badge: "Free",          price: "$0/month",          subtitle: "Perfect for beginners",          buttons: [
             {
-              text: "Get Started",
-            },
+              text: "Get Started"},
           ],
           features: [
-            "Limited tracking",
-            "Community access",
-          ],
+            "Limited tracking",            "Community access"],
         },
         {
-          id: "pro",
-          badge: "Pro",
-          price: "$10/month",
-          subtitle: "Level up your habits",
-          buttons: [
+          id: "pro",          badge: "Pro",          price: "$10/month",          subtitle: "Level up your habits",          buttons: [
             {
-              text: "Upgrade",
-            },
+              text: "Upgrade"},
           ],
           features: [
-            "Full habit tracking",
-            "Personalized tips",
-          ],
+            "Full habit tracking",            "Personalized tips"],
         },
         {
-          id: "prem",
-          badge: "Premium",
-          price: "$20/month",
-          subtitle: "Total transformation",
-          buttons: [
+          id: "prem",          badge: "Premium",          price: "$20/month",          subtitle: "Total transformation",          buttons: [
             {
-              text: "Go Premium",
-            },
+              text: "Go Premium"},
           ],
           features: [
-            "Unlimited access",
-            "1-on-1 coaching",
-          ],
+            "Unlimited access",            "1-on-1 coaching"],
         },
       ]}
       title="Pricing Plans"
@@ -178,70 +128,38 @@ export default function LandingPage() {
       faqsAnimation="slide-up"
       faqs={[
         {
-          id: "q1",
-          title: "How does ElevateMe help with personal growth?",
-          content: "Our platform combines habit tracking with daily personality development exercises designed by experts.",
-        },
+          id: "q1",          title: "How does ElevateMe help with personal growth?",          content: "Our platform combines habit tracking with daily personality development exercises designed by experts."},
         {
-          id: "q2",
-          title: "Is there a free trial for the Pro plan?",
-          content: "Yes, you can try our Pro features free for 14 days when you sign up.",
-        },
+          id: "q2",          title: "Is there a free trial for the Pro plan?",          content: "Yes, you can try our Pro features free for 14 days when you sign up."},
         {
-          id: "q3",
-          title: "Can I cancel my subscription at any time?",
-          content: "Absolutely, your subscription can be managed or canceled directly from your account settings.",
-        },
+          id: "q3",          title: "Can I cancel my subscription at any time?",          content: "Absolutely, your subscription can be managed or canceled directly from your account settings."},
         {
-          id: "q4",
-          title: "What kind of habits can I track?",
-          content: "You can track any type of habit, from health and fitness to professional and personal development goals.",
-        },
+          id: "q4",          title: "What kind of habits can I track?",          content: "You can track any type of habit, from health and fitness to professional and personal development goals."},
         {
-          id: "q5",
-          title: "Does the app work offline?",
-          content: "ElevateMe synchronizes your data when you are connected, but you can track your habits locally at any time.",
-        },
+          id: "q5",          title: "Does the app work offline?",          content: "ElevateMe synchronizes your data when you are connected, but you can track your habits locally at any time."},
       ]}
     />
   </div>
 
   <div id="metric" data-section="metric">
-      <MetricCardOne
+      <MetricCardEleven
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       title="Our Impact"
       description="See the progress our community has made together."
       metrics={[
         {
-          id: "m1",
-          value: "50k+",
-          title: "Active Users",
-          description: "People growing daily",
-          icon: Users,
+          id: "m1",          value: "50k+",          title: "Active Users",          description: "People growing daily",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=1"
         },
         {
-          id: "m2",
-          value: "1M+",
-          title: "Habits Built",
-          description: "Consistent success",
-          icon: CheckCircle,
+          id: "m2",          value: "1M+",          title: "Habits Built",          description: "Consistent success",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=2"
         },
         {
-          id: "m3",
-          value: "4.9/5",
-          title: "User Rating",
-          description: "Highly recommended",
-          icon: Star,
+          id: "m3",          value: "4.9/5",          title: "User Rating",          description: "Highly recommended",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=3"
         },
         {
-          id: "m4",
-          value: "85%",
-          title: "Goal Completion",
-          description: "High success rate",
-          icon: TrendingUp,
+          id: "m4",          value: "85%",          title: "Goal Completion",          description: "High success rate",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-notebook_23-2148960419.jpg?_wi=4"
         },
       ]}
     />
@@ -253,29 +171,19 @@ export default function LandingPage() {
       logoText="ElevateMe"
       columns={[
         {
-          title: "Product",
-          items: [
+          title: "Product",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}