From cc5161987971d3f5b56fdb11a4fba49f063c87e2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 23 Feb 2026 10:29:36 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 55 ++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 53 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 271377b..58f73a0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,6 +5,7 @@ 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 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';
@@ -27,7 +28,16 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen 
-          navItems={[{name: 'New Arrivals', id: 'products'}, {name: 'About Us', id: 'about'}, {name: 'Testimonials', id: 'testimonials'}, {name: 'FAQ', id: 'faq'}, {name: 'Contact', id: 'contact'}]}
+          navItems={[
+            {name: 'New Arrivals', id: 'products'},
+            {name: 'Pricing', id: 'pricing'},
+            {name: 'About Us', id: 'about'},
+            {name: 'Testimonials', id: 'testimonials'},
+            {name: 'FAQ', id: 'faq'},
+            {name: 'Contact', id: 'contact'},
+            {name: 'Shop', id: '/shop'},
+            {name: 'Blog', id: '/blog'}
+          ]}
           brandName='UrbanThreads NYC'
           bottomLeftText='New York City'
           bottomRightText='Shop@UrbanThreads.com'
@@ -78,6 +88,47 @@ export default function LandingPage() {
           ariaLabel='About us section with key metrics'
         />
       </div>
+      <div id="pricing" data-section="pricing">
+        <PricingCardNine 
+          title='Unlock Your Style'
+          description='Choose the perfect plan that fits your urban fashion aspirations and budget.'
+          animationType='slide-up'
+          textboxLayout='default'
+          useInvertedBackground={false}
+          plans={[
+            {
+              id: 'starter',
+              title: 'Starter Kit',
+              price: '$29',
+              period: '/month',
+              imageSrc: 'https://img.b2bpic.net/free-photo/man-city-street-style_23-2148719812.jpg',
+              imageAlt: 'Man in casual urban outfit',
+              features: ['Basic access to new drops', 'Weekly style insights', 'Community forum access'],
+              button: {text: 'Get Started', href: '#contact'}
+            },
+            {
+              id: 'urban-explorer',
+              title: 'Urban Explorer',
+              price: '$59',
+              period: '/month',
+              imageSrc: 'https://img.b2bpic.net/free-photo/young-african-american-man-hat-street-style-fashion_1321-2940.jpg',
+              imageAlt: 'Man in trendy urban clothes',
+              features: ['All Starter Kit features', 'Early access to exclusive drops', 'Personalized style recommendations', 'Priority customer support'],
+              button: {text: 'Choose Plan', href: '#contact'}
+            },
+            {
+              id: 'streetwear-pro',
+              title: 'Streetwear Pro',
+              price: '$99',
+              period: '/month',
+              imageSrc: 'https://img.b2bpic.net/free-photo/guy-urban-clothing-street_23-2148270501.jpg',
+              imageAlt: 'Man posing in streetwear',
+              features: ['All Urban Explorer features', 'VIP access to limited editions', 'Dedicated style consultant', 'Free express shipping on all orders', 'Exclusive member events'],
+              button: {text: 'Go Pro', href: '#contact'}
+            }
+          ]}
+        />
+      </div>
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardThirteen 
           title='What Our Trendsetters Say'
@@ -127,4 +178,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}