Add src/app/products/page.tsx

2026-02-24 06:49:19 +00:00
parent 5f2052886a
commit b320e5372d
1 changed files with 76 additions and 0 deletions
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -0,0 +1,76 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+
+export default function ProductsPage() {
+  const unifiedNavItems = [
+    { name: 'Home', id: '/' },
+    { name: 'Products', id: '/products' },
+    { name: 'Shop', id: '/shop' },
+    { name: 'Blog', id: '/blog' },
+    { name: 'About', id: '/#about' },
+    { name: 'Testimonials', id: '/#testimonials' },
+    { name: 'Contact', id: '/#contact' }
+  ];
+
+  const unifiedFooterColumns = [
+    { title: 'Explore', items: [{ label: 'Home', href: '/' }, { label: 'Products', href: '/products' }, { label: 'About Us', href: '/#about' }] },
+    { title: 'Connect', items: [{ label: 'Contact', href: '/#contact' }, { label: 'Instagram', href: 'https://www.instagram.com/pia.coffeeshop' }] },
+    { title: 'Legal', items: [{ label: 'Privacy Policy', href: '/privacy' }, { label: 'Terms of Service', href: '/terms' }] }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="largeSizeMediumTitles"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="glass"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={unifiedNavItems}
+          brandName="Pia"
+          bottomLeftText="Experience the perfect brew."
+          bottomRightText="hello@piacoffee.com"
+        />
+      </div>
+
+      <div id="products-list" data-section="products-list">
+        <ProductCardFour
+          title="Our Full Product Catalog"
+          description="Discover our extensive range of premium coffees, teas, and delicious pastries."
+          tag="All Products"
+          products={[
+            { id: '1', name: 'Espresso Macchiato', price: '$4.50', variant: 'Rich & Bold', imageSrc: 'https://img.b2bpic.net/free-photo/coffee-cup-with-cookies-coffee-beans-grinded-coffee-cinnamon-sticks-top-view-grey-plaster-background_176474-64438.jpg?_wi=2', imageAlt: 'Espresso Macchiato' },
+            { id: '2', name: 'Cappuccino', price: '$5.00', variant: 'Creamy & Frothy', imageSrc: 'https://img.b2bpic.net/free-photo/close-up-coffee-with-heart_1203-1992.jpg?_wi=2', imageAlt: 'Cappuccino with latte art' },
+            { id: '3', name: 'Almond Croissant', price: '$3.75', variant: 'Flaky & Sweet', imageSrc: 'https://img.b2bpic.net/free-photo/bakery-atmospheric-photo_1321-4640.jpg?_wi=2', imageAlt: 'Almond Croissant' },
+            { id: '4', name: 'Cold Brew', price: '$5.50', variant: 'Smooth & Refreshing', imageSrc: 'https://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg?_wi=2', imageAlt: 'Cold Brew coffee' },
+            { id: '5', name: 'Latte', price: '$5.25', variant: 'Smooth & Milky', imageSrc: 'https://img.b2bpic.net/free-photo/coffee-latte-art-cafe_1416-2495.jpg', imageAlt: 'Latte with art' },
+            { id: '6', name: 'Matcha Latte', price: '$5.75', variant: 'Earthy & Vibrant', imageSrc: 'https://img.b2bpic.net/free-photo/matcha-tea-cup-top-view_109151-17182.jpg', imageAlt: 'Matcha Latte' }
+          ]}
+          gridVariant="two-columns-alternating-heights"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={unifiedFooterColumns}
+          bottomLeftText="© 2024 Pia Coffeeshop. All rights reserved."
+          bottomRightText="Crafted with care by Pia"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}