Update src/app/products/page.tsx

src/app/page.tsx

@@ -35,6 +35,7 @@ export default function LandingPage() {
             { name: 'Bestsellers', id: 'product' },
             { name: 'About', id: 'about' },
             { name: 'Reviews', id: 'testimonial' },
+            { name: 'Products', id: '/products' },
             { name: 'Visit Store', id: 'store-info' }
           ]}
           button={{ text: 'Shop Now', href: 'product' }}
@@ -50,7 +51,7 @@ export default function LandingPage() {
             { text: 'Shop Collection', href: 'product' },
             { text: 'Visit Store', href: 'store-info' }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5782.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5782.jpg?_wi=1"
           imageAlt="LOOK AESTHETIC Fashion Store"
           showDimOverlay={true}
           buttonAnimation="slide-up"
@@ -72,14 +73,14 @@ export default function LandingPage() {
               id: '02',
               title: 'Women\'s Collection',
               description: 'Trendy tops, classy outfits, and party wear. Elegant styles for every occasion.',
-              imageSrc: 'http://img.b2bpic.net/free-photo/joyful-female-shopper-choosing-party-dress-looking-clothes-rack-boutique-woman-shopping-store-consumerism-concept_74855-11841.jpg',
+              imageSrc: 'http://img.b2bpic.net/free-photo/joyful-female-shopper-choosing-party-dress-looking-clothes-rack-boutique-woman-shopping-store-consumerism-concept_74855-11841.jpg?_wi=1',
               imageAlt: 'Women\'s Collection'
             },
             {
               id: '03',
               title: 'Seasonal Picks',
               description: 'Festival wear and trending fits. Fresh styles for every season and celebration.',
-              imageSrc: 'http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923342.jpg',
+              imageSrc: 'http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923342.jpg?_wi=1',
               imageAlt: 'Seasonal Picks'
             }
           ]}
@@ -137,7 +138,7 @@ export default function LandingPage() {
               id: '1',
               name: 'Oversized Graphic Tee',
               price: '₹599',
-              imageSrc: 'http://img.b2bpic.net/free-vector/harder-you-work-luckier-you-get-quote-typographic-design_1284-36468.jpg',
+              imageSrc: 'http://img.b2bpic.net/free-vector/harder-you-work-luckier-you-get-quote-typographic-design_1284-36468.jpg?_wi=1',
               imageAlt: 'Oversized Graphic Tee',
               initialQuantity: 1
             },
@@ -145,7 +146,7 @@ export default function LandingPage() {
               id: '2',
               name: 'Streetwear Jacket',
               price: '₹1,499',
-              imageSrc: 'http://img.b2bpic.net/free-photo/lifestyle-positive-portrait-cheerful-happy-woman-pink-pullover_273443-896.jpg',
+              imageSrc: 'http://img.b2bpic.net/free-photo/lifestyle-positive-portrait-cheerful-happy-woman-pink-pullover_273443-896.jpg?_wi=1',
               imageAlt: 'Streetwear Jacket',
               initialQuantity: 1
             },
@@ -153,7 +154,7 @@ export default function LandingPage() {
               id: '3',
               name: 'Trendy Casual Shirt',
               price: '₹799',
-              imageSrc: 'http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-thoughtful-male-posing-street-background-outdoors-sunset_158538-20632.jpg',
+              imageSrc: 'http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-thoughtful-male-posing-street-background-outdoors-sunset_158538-20632.jpg?_wi=1',
               imageAlt: 'Trendy Casual Shirt',
               initialQuantity: 1
             },
@@ -161,7 +162,7 @@ export default function LandingPage() {
               id: '4',
               name: 'Premium Denim Fit',
               price: '₹1,299',
-              imageSrc: 'http://img.b2bpic.net/free-photo/young-boy-blue-denim-jacket-street_146671-18135.jpg',
+              imageSrc: 'http://img.b2bpic.net/free-photo/young-boy-blue-denim-jacket-street_146671-18135.jpg?_wi=1',
               imageAlt: 'Premium Denim Fit',
               initialQuantity: 1
             },
@@ -169,7 +170,7 @@ export default function LandingPage() {
               id: '5',
               name: 'Classy Party Outfit',
               price: '₹1,799',
-              imageSrc: 'http://img.b2bpic.net/free-photo/new-year-club-party-with-three-friends_23-2147709208.jpg',
+              imageSrc: 'http://img.b2bpic.net/free-photo/new-year-club-party-with-three-friends_23-2147709208.jpg?_wi=1',
               imageAlt: 'Classy Party Outfit',
               initialQuantity: 1
             }
@@ -308,4 +309,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,182 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Flame } from 'lucide-react';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="noiseDiagonalGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: 'Collections', id: '/#features' },
+            { name: 'Bestsellers', id: '/#product' },
+            { name: 'About', id: '/#about' },
+            { name: 'Reviews', id: '/#testimonial' },
+            { name: 'Products', id: '/products' },
+            { name: 'Visit Store', id: '/#store-info' }
+          ]}
+          button={{ text: 'Shop Now', href: '/products' }}
+          brandName="LOOK AESTHETIC"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogo
+          logoText="All Products"
+          description="Browse our complete collection of premium fashion items at affordable prices"
+          buttons={[
+            { text: 'Back to Home', href: '/' },
+            { text: 'Visit Store', href: '/#store-info' }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5782.jpg?_wi=2"
+          imageAlt="LOOK AESTHETIC Products"
+          showDimOverlay={true}
+          buttonAnimation="slide-up"
+          ariaLabel="Products page hero"
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardThree
+          products={[
+            {
+              id: '1',
+              name: 'Oversized Graphic Tee',
+              price: '₹599',
+              imageSrc: 'http://img.b2bpic.net/free-vector/harder-you-work-luckier-you-get-quote-typographic-design_1284-36468.jpg?_wi=2',
+              imageAlt: 'Oversized Graphic Tee',
+              initialQuantity: 1
+            },
+            {
+              id: '2',
+              name: 'Streetwear Jacket',
+              price: '₹1,499',
+              imageSrc: 'http://img.b2bpic.net/free-photo/lifestyle-positive-portrait-cheerful-happy-woman-pink-pullover_273443-896.jpg?_wi=2',
+              imageAlt: 'Streetwear Jacket',
+              initialQuantity: 1
+            },
+            {
+              id: '3',
+              name: 'Trendy Casual Shirt',
+              price: '₹799',
+              imageSrc: 'http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-thoughtful-male-posing-street-background-outdoors-sunset_158538-20632.jpg?_wi=2',
+              imageAlt: 'Trendy Casual Shirt',
+              initialQuantity: 1
+            },
+            {
+              id: '4',
+              name: 'Premium Denim Fit',
+              price: '₹1,299',
+              imageSrc: 'http://img.b2bpic.net/free-photo/young-boy-blue-denim-jacket-street_146671-18135.jpg?_wi=2',
+              imageAlt: 'Premium Denim Fit',
+              initialQuantity: 1
+            },
+            {
+              id: '5',
+              name: 'Classy Party Outfit',
+              price: '₹1,799',
+              imageSrc: 'http://img.b2bpic.net/free-photo/new-year-club-party-with-three-friends_23-2147709208.jpg?_wi=2',
+              imageAlt: 'Classy Party Outfit',
+              initialQuantity: 1
+            },
+            {
+              id: '6',
+              name: 'Casual Summer Top',
+              price: '₹499',
+              imageSrc: 'http://img.b2bpic.net/free-photo/joyful-female-shopper-choosing-party-dress-looking-clothes-rack-boutique-woman-shopping-store-consumerism-concept_74855-11841.jpg?_wi=2',
+              imageAlt: 'Casual Summer Top',
+              initialQuantity: 1
+            },
+            {
+              id: '7',
+              name: 'Fashion Forward Blazer',
+              price: '₹2,299',
+              imageSrc: 'http://img.b2bpic.net/free-photo/portrait-woman-wearing-knitted-cap_23-2148923342.jpg?_wi=2',
+              imageAlt: 'Fashion Forward Blazer',
+              initialQuantity: 1
+            },
+            {
+              id: '8',
+              name: 'Urban Chic Pants',
+              price: '₹1,199',
+              imageSrc: 'http://img.b2bpic.net/free-photo/modern-woman-posing-with-shopping-bags_23-2147893955.jpg',
+              imageAlt: 'Urban Chic Pants',
+              initialQuantity: 1
+            }
+          ]}
+          title="Our Complete Collection"
+          description="Discover all of our premium fashion items, carefully curated for style and quality"
+          tag="All Products"
+          tagIcon={Flame}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="LOOK AESTHETIC"
+          copyrightText="© 2025 LOOK AESTHETIC FASHION STORE | Belagavi's Home of Trend & Drip"
+          columns={[
+            {
+              title: 'Shop',
+              items: [
+                { label: 'Men\'s Collection', href: '/#features' },
+                { label: 'Women\'s Collection', href: '/#features' },
+                { label: 'Bestsellers', href: '/#product' },
+                { label: 'All Products', href: '/products' }
+              ]
+            },
+            {
+              title: 'Company',
+              items: [
+                { label: 'About Us', href: '/#about' },
+                { label: 'Why We Stand Out', href: '/#metrics' },
+                { label: 'Customer Reviews', href: '/#testimonial' },
+                { label: 'Contact', href: '/#store-info' }
+              ]
+            },
+            {
+              title: 'Store',
+              items: [
+                { label: 'Visit Store', href: '/#store-info' },
+                { label: 'Get Directions', href: '#' },
+                { label: 'Hours: 11 AM - 9 PM', href: '#' },
+                { label: 'Call Store', href: '#' }
+              ]
+            },
+            {
+              title: 'Follow',
+              items: [
+                { label: 'Instagram', href: 'https://instagram.com' },
+                { label: 'WhatsApp', href: 'https://wa.me' },
+                { label: 'TikTok', href: 'https://tiktok.com' },
+                { label: 'Facebook', href: 'https://facebook.com' }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}