Update src/app/products/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -30,7 +30,8 @@ export default function LandingPage() {
         <NavbarLayoutFloatingInline
           brandName="KC Donuts"
           navItems={[
-            { name: "Home", id: "hero" },
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
             { name: "Menu", id: "products" },
             { name: "About", id: "about" },
             { name: "Reviews", id: "testimonials" }
@@ -85,15 +86,18 @@ export default function LandingPage() {
           gridVariant="three-columns-all-equal-width"
           products={[
             {
-              id: "1",              name: "Classic Glazed",              price: "$2.50",              imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-bun_1252-891.jpg",              imageAlt: "Classic glazed donut"
+              id: "1",              name: "Classic Glazed",              price: "$3.99",              imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-bun_1252-891.jpg?_wi=3",              imageAlt: "Classic glazed donut"
             },
             {
-              id: "2",              name: "Chocolate Frosted",              price: "$3.00",              imageSrc: "http://img.b2bpic.net/free-photo/chocolate-doughnuts-black-surface_114579-16025.jpg",              imageAlt: "Chocolate frosted donut with sprinkles"
+              id: "2",              name: "Chocolate Frosted",              price: "$4.49",              imageSrc: "http://img.b2bpic.net/free-photo/chocolate-doughnuts-black-surface_114579-16025.jpg?_wi=2",              imageAlt: "Chocolate frosted donut with sprinkles"
             },
             {
-              id: "3",              name: "Rainbow Sprinkle",              price: "$3.25",              imageSrc: "http://img.b2bpic.net/free-photo/strawberry-donuts-topped-with-large-amount-icing-topping_1150-19732.jpg",              imageAlt: "Colorful rainbow sprinkle donut"
+              id: "3",              name: "Rainbow Sprinkle",              price: "$4.99",              imageSrc: "http://img.b2bpic.net/free-photo/strawberry-donuts-topped-with-large-amount-icing-topping_1150-19732.jpg?_wi=2",              imageAlt: "Colorful rainbow sprinkle donut"
             }
           ]}
+          buttons={[
+            { text: "View All Products", href: "/products" }
+          ]}
         />
       </div>
 

src/app/products/page.tsx

@@ -0,0 +1,78 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Star } from 'lucide-react';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="largeSmallSizeMediumTitles"
+      background="none"
+      cardStyle="glass-depth"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="KC Donuts"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "Menu", id: "products" },
+            { name: "About", id: "about" },
+            { name: "Reviews", id: "testimonials" }
+          ]}
+          button={{ text: "Order Now", href: "contact" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardOne
+          title="Our Complete Menu"
+          description="Explore our full selection of handcrafted donuts, each made fresh daily with premium ingredients"
+          tag="All Products"
+          tagIcon={Star}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="four-items-2x2-equal-grid"
+          products={[
+            {
+              id: "1",              name: "Classic Glazed",              price: "$3.99",              imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-bun_1252-891.jpg?_wi=1",              imageAlt: "Classic glazed donut"
+            },
+            {
+              id: "2",              name: "Chocolate Frosted",              price: "$4.49",              imageSrc: "http://img.b2bpic.net/free-photo/chocolate-doughnuts-black-surface_114579-16025.jpg?_wi=1",              imageAlt: "Chocolate frosted donut with sprinkles"
+            },
+            {
+              id: "3",              name: "Rainbow Sprinkle",              price: "$4.99",              imageSrc: "http://img.b2bpic.net/free-photo/strawberry-donuts-topped-with-large-amount-icing-topping_1150-19732.jpg?_wi=1",              imageAlt: "Colorful rainbow sprinkle donut"
+            },
+            {
+              id: "4",              name: "Maple Bacon",              price: "$5.49",              imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-bun_1252-891.jpg?_wi=2",              imageAlt: "Maple bacon donut"
+            }
+          ]}
+          buttons={[
+            { text: "Back to Home", href: "/" }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="KC Donuts"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}