Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
-import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
+import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
@@ -56,12 +56,12 @@ export default function LandingPage() {
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGykJLWuejlEv5Zr54ZFlJ2tfV/a-tiktok-style-vertical-video-preview-sh-1774130479551-8a68bd8f.png?_wi=1",              imageAlt: "Sunset landscape vertical video generated by SparkReel"
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGykJLWuejlEv5Zr54ZFlJ2tfV/a-vertical-product-showcase-video-in-9-1-1774130481988-5b814438.jpg",              imageAlt: "Product showcase video with effects"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGykJLWuejlEv5Zr54ZFlJ2tfV/a-vertical-product-showcase-video-in-9-1-1774130481988-5b814438.jpg?_wi=1",              imageAlt: "Product showcase video with effects"
             }
           ]}
           rightCarouselItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGykJLWuejlEv5Zr54ZFlJ2tfV/a-vertical-educational-explainer-video-i-1774130480241-8a246d9a.png",              imageAlt: "Educational explainer video"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGykJLWuejlEv5Zr54ZFlJ2tfV/a-vertical-educational-explainer-video-i-1774130480241-8a246d9a.png?_wi=1",              imageAlt: "Educational explainer video"
             },
             {
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGykJLWuejlEv5Zr54ZFlJ2tfV/a-tiktok-style-vertical-video-preview-sh-1774130479551-8a68bd8f.png?_wi=2",              imageAlt: "TikTok-style trending video"
@@ -138,47 +138,47 @@ export default function LandingPage() {
       </div>
 
       <div id="pricing" data-section="pricing">
-        <PricingCardEight
+        <PricingCardNine
           title="Simple, Fair Pricing"
           description="No hidden fees. No surprise charges. Pay only for what you create. Credits rollover up to 50%. Start free, upgrade anytime. Referral bonuses too—turn your friends into creators."
-          textboxLayout="default"
+          textboxLayout="split"
           useInvertedBackground={false}
           animationType="slide-up"
           plans={[
             {
-              id: "free",              badge: "Get Started",              badgeIcon: Sparkles,
-              price: "Free",              subtitle: "1 video/month • 480p • Basic styles",              buttons: [{ text: "Start Creating", href: "#" }],
-              features: [
+              id: "free",              title: "Get Started",              price: "Free",              period: "",              features: [
                 "1 video/month",                "480p resolution",                "Basic templates",                "Watermark included",                "Limited AI voices (5)",                "Basic captions (3 styles)",                "Perfect for trying it out"
-              ]
+              ],
+              button: { text: "Start Free", href: "#" },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGykJLWuejlEv5Zr54ZFlJ2tfV/a-tiktok-style-vertical-video-preview-sh-1774130479551-8a68bd8f.png?_wi=1",              imageAlt: "Free tier - TikTok style video"
             },
             {
-              id: "starter",              badge: "Popular",              badgeIcon: TrendingUp,
-              price: "$10/mo",              subtitle: "200 credits • No watermark",              buttons: [{ text: "Choose Plan", href: "#" }],
-              features: [
+              id: "starter",              title: "Popular",              price: "$10/mo",              period: "",              features: [
                 "200 credits/month",                "No watermark",                "Basic styles + Subtitles",                "25+ trending templates",                "150+ AI voices",                "Advanced captions (10 styles)",                "Priority support",                "Perfect for casual creators"
-              ]
+              ],
+              button: { text: "Start Now", href: "#" },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGykJLWuejlEv5Zr54ZFlJ2tfV/a-vertical-product-showcase-video-in-9-1-1774130481988-5b814438.jpg?_wi=2",              imageAlt: "Starter tier - Product showcase"
             },
             {
-              id: "creator",              badge: "Most Popular",              badgeIcon: Star,
-              price: "$29/mo",              subtitle: "800 credits • All features",              buttons: [{ text: "Choose Plan", href: "#" }],
-              features: [
+              id: "creator",              title: "Most Popular",              price: "$29/mo",              period: "",              features: [
                 "800 credits/month",                "Custom AI avatars (face upload)",                "Avatars + Music + Templates",                "All trending templates + custom",                "150+ voices, 50+ languages",                "Animated caption styles (25+)",                "AI music stems (custom mixing)",                "Analytics dashboard",                "Perfect for serious creators"
-              ]
+              ],
+              button: { text: "Upgrade Now", href: "#" },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGykJLWuejlEv5Zr54ZFlJ2tfV/a-vertical-educational-explainer-video-i-1774130480241-8a246d9a.png?_wi=2",              imageAlt: "Creator tier - Educational video"
             },
             {
-              id: "pro",              badge: "Premium Power",              badgeIcon: Zap,
-              price: "$49/mo",              subtitle: "2,500 credits • Priority",              buttons: [{ text: "Choose Plan", href: "#" }],
-              features: [
+              id: "pro",              title: "Premium Power",              price: "$49/mo",              period: "",              features: [
                 "2,500 credits/month",                "4K unlimited (no credit penalty)",                "Priority generation queue",                "Trend detector included",                "Multi-video batch generation",                "Real-time collab editing",                "Video remix & continuation",                "Advanced analytics",                "Trend alerts",                "Perfect for YouTube/Reels pros"
-              ]
+              ],
+              button: { text: "Go Pro", href: "#" },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGykJLWuejlEv5Zr54ZFlJ2tfV/a-tiktok-style-vertical-video-preview-sh-1774130479551-8a68bd8f.png?_wi=2",              imageAlt: "Pro tier - Trending video"
             },
             {
-              id: "business",              badge: "Enterprise",              badgeIcon: Crown,
-              price: "$149/mo",              subtitle: "Unlimited • Teams",              buttons: [{ text: "Choose Plan", href: "#" }],
-              features: [
+              id: "business",              title: "Enterprise",              price: "$149/mo",              period: "",              features: [
                 "Unlimited credits",                "Team seats (up to 5)",                "API access",                "White-label option",                "Brand kit management",                "Full video editing suite",                "24/7 priority support",                "Custom integrations",                "Perfect for agencies & e-commerce"
-              ]
+              ],
+              button: { text: "Contact Sales", href: "#" },
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BGykJLWuejlEv5Zr54ZFlJ2tfV/a-vertical-product-showcase-video-in-9-1-1774130481988-5b814438.jpg?_wi=3",              imageAlt: "Enterprise tier - Advanced showcase"
             }
           ]}
         />
@@ -295,4 +295,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}