Update src/app/shop/page.tsx

Merge version_1 into main

src/app/blog/page.tsx

@@ -28,11 +28,14 @@ export default function BlogPage() {
                     <NavbarStyleFullscreen
                         navItems={[
                             { name: "Home", id: "/" },
+                            { name: "Shop", id: "/shop" },
+                            { name: "Blog", id: "/blog" },
                             { 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: "Contact", id: "/#contact" }
                         ]}
                         brandName="UrbanThreads NYC"
                         bottomLeftText="New York City"

src/app/layout.tsx

@@ -18,7 +18,7 @@ export const metadata: Metadata = {
   openGraph: {
     title: "UrbanThreads NYC - Your Style Destination for Urban Apparel",    description: "Discover the latest urban fashion and streetwear trends in New York City. Shop exclusive collections of hoodies, joggers, tees, and more at UrbanThreads NYC.",    url: "https://www.urbanthreadsnyc.com",    siteName: "UrbanThreads NYC",    images: [
       {
-        url: "https://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2927.jpg",        alt: "Stylish models in urban fashion on a New York City street"},
+        url: "https://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-2927.jpg",        alt: "Stylish models in urban fashion on a New York City street"}
     ],
     type: "website"},
   twitter: {

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>
   );
-}
+}

src/app/shop/[id]/page.tsx

@@ -91,7 +91,17 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="nav" data-section="nav">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[
+                                { name: "Home", id: "/" },
+                                { name: "Shop", id: "/shop" },
+                                { name: "Blog", id: "/blog" },
+                                { 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" }
+                            ]}
                             brandName="UrbanThreads NYC"
                             bottomLeftText="New York City"
                             bottomRightText="Shop@UrbanThreads.com"
@@ -123,7 +133,17 @@ function ProductPageContent({ params }: ProductPageProps) {
                 <ReactLenis root>
                     <div id="nav" data-section="nav">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[
+                                { name: "Home", id: "/" },
+                                { name: "Shop", id: "/shop" },
+                                { name: "Blog", id: "/blog" },
+                                { 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" }
+                            ]}
                             brandName="UrbanThreads NYC"
                             bottomLeftText="New York City"
                             bottomRightText="Shop@UrbanThreads.com"
@@ -162,7 +182,17 @@ function ProductPageContent({ params }: ProductPageProps) {
             <ReactLenis root>
                 <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Shop", id: "/shop" },
+                            { name: "Blog", id: "/blog" },
+                            { 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" }
+                        ]}
                         brandName="UrbanThreads NYC"
                         bottomLeftText="New York City"
                         bottomRightText="Shop@UrbanThreads.com"

src/app/shop/page.tsx

@@ -34,7 +34,17 @@ function ShopPageContent() {
                 <ReactLenis root>
                     <div id="nav" data-section="nav">
                         <NavbarStyleFullscreen
-                            navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                            navItems={[
+                                { name: "Home", id: "/" },
+                                { name: "Shop", id: "/shop" },
+                                { name: "Blog", id: "/blog" },
+                                { 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" }
+                            ]}
                             brandName="UrbanThreads NYC"
                             bottomLeftText="New York City"
                             bottomRightText="Shop@UrbanThreads.com"
@@ -65,7 +75,17 @@ function ShopPageContent() {
             <ReactLenis root>
                 <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
-                        navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "Shop", id: "/shop" },
+                            { name: "Blog", id: "/blog" },
+                            { 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" }
+                        ]}
                         brandName="UrbanThreads NYC"
                         bottomLeftText="New York City"
                         bottomRightText="Shop@UrbanThreads.com"