Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import TextAbout from '@/components/sections/about/TextAbout';
 import { Award, Users, Zap } from "lucide-react";
@@ -33,17 +33,11 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
       ]}
       brandName="TrendForge"
     />
@@ -55,9 +49,7 @@ export default function LandingPage() {
       description="Generate TikTok & Instagram ideas, hooks, and scripts instantly. Stop staring at blank screens and start going viral in seconds."
       buttons={[
         {
-          text: "Start Free",
-          href: "#",
-        },
+          text: "Start Free",          href: "#"},
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104476.jpg"
@@ -71,9 +63,7 @@ export default function LandingPage() {
       title="Your Personal AI Content Studio"
       buttons={[
         {
-          text: "Explore Features",
-          href: "#features",
-        },
+          text: "Explore Features",          href: "#features"},
       ]}
     />
   </div>
@@ -84,23 +74,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Rapid Idea Generation",
-          description: "Get 10 fresh viral ideas based on your niche in one click.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-ideas-design-creativity-concept_53876-64920.jpg",
-          imageAlt: "Speed",
-        },
+          title: "Rapid Idea Generation",          description: "Get 10 fresh viral ideas based on your niche in one click.",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-ideas-design-creativity-concept_53876-64920.jpg",          imageAlt: "Speed"},
         {
-          title: "Hook & Script Builder",
-          description: "High-conversion hooks and full scripts written by AI.",
-          imageSrc: "http://img.b2bpic.net/free-photo/robot-90s_23-2151901224.jpg",
-          imageAlt: "Scripts",
-        },
+          title: "Hook & Script Builder",          description: "High-conversion hooks and full scripts written by AI.",          imageSrc: "http://img.b2bpic.net/free-photo/robot-90s_23-2151901224.jpg",          imageAlt: "Scripts"},
         {
-          title: "Viral Analytics Insight",
-          description: "See why trends are working before you even film.",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-holding-up-thought-bubbles-with-social-media-concept-icons_53876-24718.jpg",
-          imageAlt: "Analytics",
-        },
+          title: "Viral Analytics Insight",          description: "See why trends are working before you even film.",          imageSrc: "http://img.b2bpic.net/free-photo/friends-holding-up-thought-bubbles-with-social-media-concept-icons_53876-24718.jpg",          imageAlt: "Analytics"},
       ]}
       title="Key Features for Creators"
       description="Everything you need to scale your social media presence."
@@ -114,23 +92,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          icon: Zap,
-          title: "Ideas Generated",
-          value: "500k+",
-        },
+          id: "m1",          icon: Zap,
+          title: "Ideas Generated",          value: "500k+"},
         {
-          id: "m2",
-          icon: Award,
-          title: "Viral Success",
-          value: "12k+",
-        },
+          id: "m2",          icon: Award,
+          title: "Viral Success",          value: "12k+"},
         {
-          id: "m3",
-          icon: Users,
-          title: "Active Creators",
-          value: "5,000+",
-        },
+          id: "m3",          icon: Users,
+          title: "Active Creators",          value: "5,000+"},
       ]}
       title="Proven Performance"
       description="Join thousands of creators seeing growth."
@@ -138,46 +107,41 @@ export default function LandingPage() {
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardOne
+      <PricingCardThree
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      plans={[
-        {
-          id: "free",
-          badge: "Essential",
-          price: "0€",
-          subtitle: "For Beginners",
-          features: [
-            "5 generations/day",
-            "Basic idea generation",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Popular",
-          price: "9.99€",
-          subtitle: "For Creators",
-          features: [
-            "100 generations/month",
-            "Advanced Hooks & Scripts",
-            "Priority Support",
-          ],
-        },
-        {
-          id: "prem",
-          badge: "Unlimited",
-          price: "19.99€",
-          subtitle: "For Pros",
-          features: [
-            "Unlimited generations",
-            "Trending Topics",
-            "Advanced Idea Analysis",
-          ],
-        },
-      ]}
       title="Transparent Pricing"
       description="Choose the plan that fits your growth needs."
+      plans={[
+        {
+          id: "free",          price: "0€",          name: "Essential",          buttons: [
+            {
+              text: "Get Started",              href: "#"
+            }
+          ],
+          features: [
+            "5 generations/day",            "Basic idea generation"],
+        },
+        {
+          id: "pro",          price: "9.99€",          name: "Popular",          buttons: [
+            {
+              text: "Upgrade Now",              href: "#"
+            }
+          ],
+          features: [
+            "100 generations/month",            "Advanced Hooks & Scripts",            "Priority Support"],
+        },
+        {
+          id: "prem",          price: "19.99€",          name: "Unlimited",          buttons: [
+            {
+              text: "Go Unlimited",              href: "#"
+            }
+          ],
+          features: [
+            "Unlimited generations",            "Trending Topics",            "Advanced Idea Analysis"],
+        },
+      ]}
     />
   </div>
 
@@ -187,45 +151,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          title: "Changed my game",
-          quote: "I never run out of ideas anymore.",
-          name: "Sarah J.",
-          role: "Travel Creator",
-          imageSrc: "http://img.b2bpic.net/free-photo/talkative-attractive-glamour-young-20s-european-woman-wearing-sweater-knitted-headband-tilting-head-looking-away-smiling-curious-enjoying-pleasant-conversation-via-smartphone-talking-friend_1258-307491.jpg",
-        },
+          id: "1",          title: "Changed my game",          quote: "I never run out of ideas anymore.",          name: "Sarah J.",          role: "Travel Creator",          imageSrc: "http://img.b2bpic.net/free-photo/talkative-attractive-glamour-young-20s-european-woman-wearing-sweater-knitted-headband-tilting-head-looking-away-smiling-curious-enjoying-pleasant-conversation-via-smartphone-talking-friend_1258-307491.jpg"},
         {
-          id: "2",
-          title: "Fast and effective",
-          quote: "The scripts actually sound like me.",
-          name: "Mike R.",
-          role: "Tech Influencer",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
-        },
+          id: "2",          title: "Fast and effective",          quote: "The scripts actually sound like me.",          name: "Mike R.",          role: "Tech Influencer",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
         {
-          id: "3",
-          title: "Viral success!",
-          quote: "Two videos hit 1M+ views in one week.",
-          name: "Elena P.",
-          role: "Fitness Coach",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sunglasses-holds-tablet-pc-grey-background_613910-14650.jpg",
-        },
+          id: "3",          title: "Viral success!",          quote: "Two videos hit 1M+ views in one week.",          name: "Elena P.",          role: "Fitness Coach",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sunglasses-holds-tablet-pc-grey-background_613910-14650.jpg"},
         {
-          id: "4",
-          title: "Absolute time saver",
-          quote: "TrendForge saves me 5 hours a week.",
-          name: "David W.",
-          role: "Lifestyle Vlogger",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg",
-        },
+          id: "4",          title: "Absolute time saver",          quote: "TrendForge saves me 5 hours a week.",          name: "David W.",          role: "Lifestyle Vlogger",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg"},
         {
-          id: "5",
-          title: "Incredible hooks",
-          quote: "The hooks are pure magic.",
-          name: "Chloe M.",
-          role: "Fashion Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/usb-flash-drive-tech-device-with-minimalist-monochrome-background_23-2150763324.jpg",
-        },
+          id: "5",          title: "Incredible hooks",          quote: "The hooks are pure magic.",          name: "Chloe M.",          role: "Fashion Lead",          imageSrc: "http://img.b2bpic.net/free-photo/usb-flash-drive-tech-device-with-minimalist-monochrome-background_23-2150763324.jpg"},
       ]}
       title="Creator Testimonials"
       description="Hear what others are saying about TrendForge."
@@ -237,20 +171,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Is it free to start?",
-          content: "Yes, we have a generous free tier for beginners.",
-        },
+          id: "f1",          title: "Is it free to start?",          content: "Yes, we have a generous free tier for beginners."},
         {
-          id: "f2",
-          title: "Can I cancel anytime?",
-          content: "Absolutely, subscriptions can be managed in your dashboard.",
-        },
+          id: "f2",          title: "Can I cancel anytime?",          content: "Absolutely, subscriptions can be managed in your dashboard."},
         {
-          id: "f3",
-          title: "Which platforms are supported?",
-          content: "Currently TikTok and Instagram reels.",
-        },
+          id: "f3",          title: "Which platforms are supported?",          content: "Currently TikTok and Instagram reels."},
       ]}
       sideTitle="Questions?"
       sideDescription="Get answers about TrendForge."
@@ -262,14 +187,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       text="Ready to go viral?"
       buttons={[
         {
-          text: "Get Started",
-          href: "#",
-        },
+          text: "Get Started",          href: "#"},
       ]}
     />
   </div>
@@ -279,42 +201,27 @@ export default function LandingPage() {
       logoText="TrendForge"
       columns={[
         {
-          title: "Product",
-          items: [
+          title: "Product",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#",
-            },
+              label: "About",              href: "#"},
             {
-              label: "Support",
-              href: "#",
-            },
+              label: "Support",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}
@@ -323,4 +230,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}