Update src/app/page.tsx

Merge version_2 into main
2026-02-23 11:01:45 +00:00 · 2026-02-23 10:29:42 +00:00 · 2026-02-23 10:29:38 +00:00 · 2026-02-23 10:29:37 +00:00 · 2026-02-23 10:29:36 +00:00 · 2026-02-23 10:29:35 +00:00
5 changed files with 106 additions and 10 deletions
--- a/src/app/blog/page.tsx
+++ b/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"
--- a/src/app/layout.tsx
+++ b/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: {
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,11 +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 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 } from 'lucide-react';
+import { MapPin, Shirt, Users, Sparkles } from 'lucide-react';

 export default function LandingPage() {
  return (
@@ -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,39 @@ export default function LandingPage() {
          ariaLabel='About us section with key metrics'
        />
      </div>
+      <div id="pricing" data-section="pricing">
+        <PricingCardOne 
+          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',
+              badge: 'Starter Kit',
+              price: '$29/month',
+              subtitle: 'Perfect for casual enthusiasts',
+              features: ['Basic access to new drops', 'Weekly style insights', 'Community forum access'],
+            },
+            {
+              id: 'urban-explorer',
+              badge: 'Urban Explorer',
+              badgeIcon: Sparkles,
+              price: '$59/month',
+              subtitle: 'Ideal for evolving wardrobes',
+              features: ['All Starter Kit features', 'Early access to exclusive drops', 'Personalized style recommendations', 'Priority customer support'],
+            },
+            {
+              id: 'streetwear-pro',
+              badge: 'Streetwear Pro',
+              price: '$99/month',
+              subtitle: 'For the ultimate trendsetter',
+              features: ['All Urban Explorer features', 'VIP access to limited editions', 'Dedicated style consultant', 'Free express shipping on all orders', 'Exclusive member events'],
+            }
+          ]}
+        />
+      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen 
          title='What Our Trendsetters Say'
@@ -127,4 +170,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/shop/[id]/page.tsx
+++ b/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"
--- a/src/app/shop/page.tsx
+++ b/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"
Author	SHA1	Message	Date
bender	b89a471d05	Update src/app/page.tsx	2026-02-23 11:01:45 +00:00
bender	b7863f5b8d	Merge version_2 into main Merge version_2 into main	2026-02-23 10:29:42 +00:00
bender	8df879bb28	Update src/app/shop/page.tsx	2026-02-23 10:29:38 +00:00
bender	9aea972ed9	Update src/app/shop/[id]/page.tsx	2026-02-23 10:29:37 +00:00
bender	cc51619879	Update src/app/page.tsx	2026-02-23 10:29:36 +00:00
bender	af1193218f	Update src/app/layout.tsx	2026-02-23 10:29:35 +00:00
bender	065056cde6	Update src/app/blog/page.tsx	2026-02-23 10:29:34 +00:00
bender	15984ee164	Merge version_1 into main Merge version_1 into main	2026-02-23 10:08:22 +00:00
bender	06ab47f8ca	Merge version_1 into main Merge version_1 into main	2026-02-23 10:07:15 +00:00
bender	7b8ce23c51	Merge version_1 into main Merge version_1 into main	2026-02-23 10:04:27 +00:00