Update src/app/shop/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -29,25 +29,17 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "/#about"},
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "/#services"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Shop",          id: "/shop"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Testimonials",          id: "/#testimonials"},
+        {
+          name: "Contact",          id: "/#contact"},
       ]}
       brandName="Chef Artisan"
     />
@@ -56,8 +48,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Bespoke Culinary Excellence"
       description="Transforming your home into a Michelin-starred dining destination with curated menus and exquisite presentation."
       imageSrc="http://img.b2bpic.net/free-photo/elderly-baker-adding-flour-metallic-sieve-sprinkling-dough-happy-elderly-chef-with-kitchen-uniform-mixing-sprinkling-adding-sifting-spreading-raw-ingredients-baking-traditional-bread_482257-5869.jpg"
@@ -82,20 +73,11 @@ export default function LandingPage() {
       description="I provide a full range of high-end culinary services designed to elevate every occasion."
       accordionItems={[
         {
-          id: "s1",
-          title: "In-Home Fine Dining",
-          content: "Full multi-course gourmet service for intimate gatherings, including personalized menu design and professional table service.",
-        },
+          id: "s1",          title: "In-Home Fine Dining",          content: "Full multi-course gourmet service for intimate gatherings, including personalized menu design and professional table service."},
         {
-          id: "s2",
-          title: "Private Cooking Masterclasses",
-          content: "Interactive culinary experiences where you learn secret techniques and professional plating skills directly from the chef.",
-        },
+          id: "s2",          title: "Private Cooking Masterclasses",          content: "Interactive culinary experiences where you learn secret techniques and professional plating skills directly from the chef."},
         {
-          id: "s3",
-          title: "Corporate Event Catering",
-          content: "Elevate your professional gatherings with custom, high-end menus that impress your most discerning guests.",
-        },
+          id: "s3",          title: "Corporate Event Catering",          content: "Elevate your professional gatherings with custom, high-end menus that impress your most discerning guests."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/side-view-man-eating-caprice-salad-with-arugula-caviar_140725-11477.jpg"
       imageAlt="Service overview"
@@ -111,101 +93,52 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Elena Rodriguez",
-          role: "CEO",
-          company: "Vanguard Group",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-sitting-table_23-2149212131.jpg?_wi=1",
-        },
+          id: "1",          name: "Sarah Jenkins",          role: "Private Client",          company: "Home Dining",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-sitting-table_23-2149212131.jpg?_wi=1"},
         {
-          id: "2",
-          name: "Marcus Chen",
-          role: "Creative Director",
-          company: "Design Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hugging-man-table_23-2148014530.jpg",
-        },
-        {
-          id: "3",
-          name: "Sophia Moretti",
-          role: "Founder",
-          company: "Lifestyle Inc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-enjoying-dinner-party_52683-132622.jpg",
-        },
-        {
-          id: "4",
-          name: "Julian Thorne",
-          role: "Consultant",
-          company: "Global Strategy",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-glass-wine_140725-4323.jpg",
-        },
-        {
-          id: "5",
-          name: "Amelia Vance",
-          role: "Food Critic",
-          company: "Culinary Times",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-sitting-table_23-2149212131.jpg?_wi=2",
-        },
+          id: "2",          name: "Mark Peterson",          role: "Executive",          company: "Tech Group",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hugging-man-table_23-2148014530.jpg"},
       ]}
-      title="A Symphony of Flavors"
-      description="Read what our distinguished clients say about their bespoke dining journeys."
+      title="Client Experiences"
+      description="Real feedback from our satisfied culinary enthusiasts."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplit
+      tag="Contact Us"
+      title="Inquire About Your Event"
+      description="Interested in bringing a professional chef to your home? Leave your details and we will reach out to discuss your specific requirements."
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Ready to design your perfect menu? Let's discuss your next event."
-      buttons={[
-        {
-          text: "Book Consultation",
-          href: "mailto:chef@example.com",
-        },
-      ]}
+      inputPlaceholder="Enter your email"
+      buttonText="Send Inquiry"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBase
       columns={[
         {
-          title: "Connect",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
+          title: "Navigation",          items: [
+            { label: "Home", href: "/" },
+            { label: "About", href: "/#about" },
+            { label: "Services", href: "/#services" },
+            { label: "Shop", href: "/shop" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+          title: "Company",          items: [
+            { label: "About Us", href: "/#about" },
+            { label: "Inquiry", href: "/#contact" },
           ],
         },
       ]}
-      copyrightText="© 2024 Chef Artisan. All rights reserved."
+      logoText="Chef Artisan"
+      copyrightText="© 2025 | Chef Artisan"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/product-catalog/page.tsx

@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+
+export default function ProductCatalogPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="largeSmallSizeMediumTitles"
+        background="grid"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Catalog", id: "/product-catalog" },
+              { name: "About", id: "/#about" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Chef Artisan"
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardFour
+            title="Cologne Inventory"
+            description="Discover our curated collection of premium fragrances."
+            useInvertedBackground={false}
+            animationType="slide-up"
+            gridVariant="four-items-2x2-equal-grid"
+            textboxLayout="default"
+            products={[
+              { id: "1", name: "Midnight Oud", price: "$120", variant: "Eau de Parfum", imageSrc: "https://img.b2bpic.net/free-photo/luxury-perfume-bottle-minimalist-background_23-2148766150.jpg" },
+              { id: "2", name: "Citrus Breeze", price: "$95", variant: "Eau de Toilette", imageSrc: "https://img.b2bpic.net/free-photo/perfume-bottle-blue-background_23-2148766155.jpg" },
+              { id: "3", name: "Sandalwood Soul", price: "$140", variant: "Extrait de Parfum", imageSrc: "https://img.b2bpic.net/free-photo/wooden-background-with-perfume-bottle_23-2148766160.jpg" },
+              { id: "4", name: "Floral Amber", price: "$110", variant: "Eau de Parfum", imageSrc: "https://img.b2bpic.net/free-photo/perfume-bottle-flowers_23-2148766165.jpg" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              { title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Catalog", href: "/product-catalog" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+            ]}
+            copyrightText="© 2024 Chef Artisan. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/shop/page.tsx

@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="small"
+        sizing="largeSmallSizeMediumTitles"
+        background="grid"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Shop", id: "/shop" },
+              { name: "About", id: "/#about" },
+              { name: "Services", id: "/#services" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Chef Artisan"
+          />
+        </div>
+        <div className="pt-24">
+            <ProductCardOne
+            title="Curated Gourmet Selection"
+            description="Explore our premium selection of ingredients and culinary tools."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            products={[
+                { id: "p1", name: "Artisan Olive Oil", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/extra-virgin-olive-oil-with-rosemary-wooden-table_23-2148443905.jpg" },
+                { id: "p2", name: "Truffle Infused Salt", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salt-various-spices-bowl-with-copy-space_23-2148560946.jpg" },
+                { id: "p3", name: "Professional Chef Knife", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/professional-kitchen-knife-set-wooden-background_23-2148206253.jpg" },
+                { id: "p4", name: "Culinary Masterclass Kit", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-kitchen-tools-with-copy-space_23-2148441113.jpg" }
+            ]}
+            />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            columns={[
+              { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            ]}
+            copyrightText="© 2024 Chef Artisan. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}