Update src/app/about/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
+
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "About", id: "/about" }
+];
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="mediumLargeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline 
+            navItems={navItems} 
+            brandName="ChefSelect" 
+            button={{ text: "Book Now" }} 
+          />
+        </div>
+        <div className="pt-24">
+          <div id="about-split" data-section="about-split">
+            <SplitAbout 
+              title="Our History & Mission"
+              description="Founded on the belief that dining is an art form, ChefSelect has spent years perfecting the private culinary experience. Our mission is to transform your home into the finest restaurant in the city, using only the freshest ingredients and culinary expertise."
+              textboxLayout="default"
+              useInvertedBackground={false}
+              bulletPoints={[
+                { title: "Established 2015", description: "Started with a passion for local ingredients." },
+                { title: "Our Mission", description: "To deliver unparalleled luxury dining experiences." }
+              ]}
+            />
+          </div>
+          <div id="team-section" data-section="team-section">
+            <TeamCardTwo 
+              title="Meet The Team"
+              description="The culinary experts and visionaries behind ChefSelect."
+              gridVariant="uniform-all-items-equal"
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              members={[
+                { id: "1", name: "Elena Rossi", role: "Founder & Executive Chef", description: "A Michelin-star background with a vision for intimate dining." },
+                { id: "2", name: "Marcus Thorne", role: "Director of Operations", description: "Ensuring every detail of your event is flawless." }
+              ]}
+            />
+          </div>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/catalog/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+
+export default function CatalogPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Catalog", id: "/catalog" }
+  ];
+
+  const products = [
+    { id: "1", name: "Signature Knife Set", price: "$299", variant: "Professional", imageSrc: "https://images.unsplash.com/photo-1593618998160-e34014d3e098?w=800&h=600" },
+    { id: "2", name: "Artisan Ceramic Bowl", price: "$45", variant: "Handmade", imageSrc: "https://images.unsplash.com/photo-1594971206138-c627f10b7842?w=800&h=600" },
+    { id: "3", name: "Cast Iron Skillet", price: "$120", variant: "Heritage", imageSrc: "https://images.unsplash.com/photo-1583394838336-acd977736f90?w=800&h=600" },
+    { id: "4", name: "Copper Mixing Bowls", price: "$185", variant: "Set of 3", imageSrc: "https://images.unsplash.com/photo-1603953531649-143003013824?w=800&h=600" }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="mediumLargeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple navItems={navItems} brandName="ChefSelect" />
+        <ProductCardFour
+          products={products}
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          title="Our Culinary Catalog"
+          description="Discover our curated selection of professional kitchen essentials and artisan tools."
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+
+export default function ContactPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Contact", id: "/contact" }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="mediumLargeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen navItems={navItems} brandName="ChefSelect" />
+        <ContactCenter
+            tag="Contact Us"
+            title="Get in Touch"
+            description="We're here to help elevate your next dining experience. Reach out for bookings, inquiries, or business opportunities."
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,8 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 
 export default function LandingPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Contact", id: "/contact" }
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -18,6 +24,7 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
+        <NavbarStyleFullscreen navItems={navItems} brandName="ChefSelect" />
         <div className="min-h-screen flex items-center justify-center">
           <h1 className="text-4xl">Project Scrapped</h1>
         </div>