Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -5,12 +5,12 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { MapPin, Shirt, Users, Sparkles } from 'lucide-react';
+import { MapPin, Shirt, Users } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -89,7 +89,7 @@ export default function LandingPage() {
         />
       </div>
       <div id="pricing" data-section="pricing">
-        <PricingCardOne 
+        <PricingCardNine 
           title='Unlock Your Style'
           description='Choose the perfect plan that fits your urban fashion aspirations and budget.'
           animationType='slide-up'
@@ -98,25 +98,30 @@ export default function LandingPage() {
           plans={[
             {
               id: 'starter',
-              badge: 'Starter Kit',
+              title: 'Starter Kit',
-              price: '$29/month',
+              price: '$29',
-              subtitle: 'Perfect for casual enthusiasts',
+              period: '/month',
               features: ['Basic access to new drops', 'Weekly style insights', 'Community forum access'],
+              button: { text: 'Choose Plan', href: '#contact' },
+              imageSrc: '/placeholders/placeholder.jpg?_wi=1'
             },
             {
               id: 'urban-explorer',
-              badge: 'Urban Explorer',
+              title: 'Urban Explorer',
-              badgeIcon: Sparkles,
+              price: '$59',
-              price: '$59/month',
+              period: '/month',
-              subtitle: 'Ideal for evolving wardrobes',
               features: ['All Starter Kit features', 'Early access to exclusive drops', 'Personalized style recommendations', 'Priority customer support'],
+              button: { text: 'Choose Plan', href: '#contact' },
+              imageSrc: '/placeholders/placeholder.jpg?_wi=2'
             },
             {
               id: 'streetwear-pro',
-              badge: 'Streetwear Pro',
+              title: 'Streetwear Pro',
-              price: '$99/month',
+              price: '$99',
-              subtitle: 'For the ultimate trendsetter',
+              period: '/month',
               features: ['All Urban Explorer features', 'VIP access to limited editions', 'Dedicated style consultant', 'Free express shipping on all orders', 'Exclusive member events'],
+              button: { text: 'Choose Plan', href: '#contact' },
+              imageSrc: '/placeholders/placeholder.jpg?_wi=3'
             }
           ]}
         />