Update src/app/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+
+export default function AboutPage() {
+  const navLinks = [
+    { name: "Home", id: "/" },
+    { name: "Menu", id: "/menu" },
+    { name: "About", id: "/about" }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={navLinks}
+            brandName="DINE HOUSE"
+            button={{ text: "Reserve", href: "/contact" }}
+          />
+        </div>
+
+        <TextSplitAbout
+            title="Our Story"
+            description={[
+                "Founded with a passion for quality, Dine House brings together world-class chefs and fresh ingredients.",                "Our mission is to provide an unforgettable culinary journey in an elegant atmosphere."
+            ]}
+            useInvertedBackground={false}
+        />
+
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="DINE HOUSE"
+            columns={[]}
+            copyrightText="© 2024 Dine House Restaurant. No delivery or table booking services available."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[{name: 'Home', id: '/'}, {name: 'Contact', id: '/contact'}]}
+            brandName="DINE HOUSE"
+            button={{ text: "Reserve", href: "/contact" }}
+          />
+        </div>
+
+        <ContactCenter
+          tag="Get in touch"
+          title="We'd love to hear from you"
+          description="Contact us for private dining inquiries, feedback, or any general questions."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="DINE HOUSE"
+            columns={[{ title: 'Navigation', items: [{label: 'Home', href: '/'}, {label: 'Contact', href: '/contact'}]}]}
+            copyrightText="© 2024 Dine House Restaurant. No delivery or table booking services available."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/menu/page.tsx

@@ -0,0 +1,62 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+
+export default function MenuPage() {
+  const navLinks = [
+    { name: "Home", id: "/" },
+    { name: "Menu", id: "/menu" },
+    { name: "About", id: "/about" }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={navLinks}
+            brandName="DINE HOUSE"
+            button={{ text: "Reserve", href: "/contact" }}
+          />
+        </div>
+
+        <ProductCardOne
+            title="Our Menu"
+            description="Explore our curated selection of fine dining dishes."
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+                { id: "1", name: "Signature Steak", price: "$45", imageSrc: "/images/steak.jpg" },
+                { id: "2", name: "Truffle Pasta", price: "$32", imageSrc: "/images/pasta.jpg" },
+                { id: "3", name: "Seared Scallops", price: "$28", imageSrc: "/images/scallops.jpg" }
+            ]}
+        />
+
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="DINE HOUSE"
+            columns={[]}
+            copyrightText="© 2024 Dine House Restaurant. No delivery or table booking services available."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,16 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function LandingPage() {
   return (
@@ -28,176 +20,22 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Menu", id: "products" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="DINE HOUSE"
-      button={{ text: "Reservations", href: "#contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[{name: 'Home', id: '/'}, {name: 'Contact', id: '/contact'}]}
+            brandName="DINE HOUSE"
+            button={{ text: "Reserve", href: "/contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{ variant: "radial-gradient" }}
-      title="Exquisite Dining Experiences at DINE HOUSE"
-      description="Where culinary artistry meets professional service. Join us for an unforgettable evening of flavors."
-      kpis={[
-        { value: "15+", label: "Years Experience" },
-        { value: "5k+", label: "Satisfied Guests" },
-        { value: "4.9", label: "Average Rating" },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[{ text: "Book a Table", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg", alt: "Customer 1" },
-        { src: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg", alt: "Customer 2" },
-        { src: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg", alt: "Customer 3" },
-        { src: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", alt: "Customer 4" },
-        { src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-cutlery_23-2149293981.jpg", alt: "Customer 5" },
-      ]}
-      avatarText="Trusted by 5,000+ food enthusiasts"
-      marqueeItems={[
-        { type: "text", text: "Michelin Star Quality" },
-        { type: "text", text: "Farm-to-Table Fresh" },
-        { type: "text", text: "Sustainable Sourcing" },
-        { type: "text", text: "Artisan Craftsmanship" },
-        { type: "text", text: "Premier Fine Dining" },
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="A Passion for Perfection"
-      description="Dine House started with a simple vision: to serve the freshest local ingredients with timeless technique. Our kitchen is where tradition meets modern innovation."
-      metrics={[
-        { value: "100%", title: "Local Sourced" },
-        { value: "24", title: "Award Winning Chefs" },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/set-fresh-raw-vegetables-products-table-modern-kitchen-room-healthy-eating-organic-food_1157-41855.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        { id: "p1", name: "Prime Steakhouse Cut", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/meatballs-tomato-sauce-bottle-wine_140725-4804.jpg" },
-        { id: "p2", name: "Handmade Truffle Pasta", price: "$32.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pilaf-with-meet-dried-fruits-chestnut-jug-round-plate_176474-3426.jpg" },
-        { id: "p3", name: "Pan-Seared Salmon", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/salmon-dish-decorated-with-orange-slice-strawberries-chia-seeds_181624-44859.jpg" },
-        { id: "p4", name: "Dark Chocolate Ganache", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg" },
-        { id: "p5", name: "Garden Heirloom Salad", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/beef-with-pistachio-topping-served-with-fruits-berries_7502-7390.jpg" },
-        { id: "p6", name: "Artisan Bread Basket", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/slices-bread-toast-breakfast-top-view_116380-14.jpg" },
-      ]}
-      title="Curated Seasonal Menu"
-      description="Explore our signature dishes crafted by world-class chefs."
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureCardTwentyNine
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={false}
-      features={[
-        { title: "Private Wine Cellar", description: "Hand-picked wines from around the world.", imageSrc: "http://img.b2bpic.net/free-photo/dinner-with-wine_1182-787.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-glass-wine-vineyard-with-nature-sunset-views_23-2151514942.jpg", buttonText: "View List" },
-        { title: "Exclusive Event Hosting", description: "Perfect for your private celebrations.", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-mushrooms-tomato_140725-3752.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-serious_140725-163894.jpg", buttonText: "Book Event" },
-        { title: "Sustainable Practices", description: "Committed to eco-friendly dining.", imageSrc: "http://img.b2bpic.net/free-photo/founder-eco-market-unlocks-packaging_482257-76694.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/view-ready-eat-delicious-meal-go_23-2151187704.jpg", buttonText: "Read More" },
-      ]}
-      title="Beyond Just Dining"
-      description="Elevating every aspect of your visit to ensure complete comfort and enjoyment."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        { id: "m1", value: "12", title: "Regional Locations", items: ["Serving major cities", "Consistent quality control", "Family-owned since day one"] },
-        { id: "m2", value: "200+", title: "Unique Recipes", items: ["Seasonal flavor profiles", "Handcrafted ingredients", "Master-level techniques"] },
-        { id: "m3", value: "500k", title: "Happy Guests", items: ["Exceptional service rating", "Return guest program", "Community favorites"] },
-      ]}
-      title="By The Numbers"
-      description="Our history of serving quality and consistency."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Dine House exceeded all expectations. The atmosphere was intimate, the service impeccable, and the steak was perfectly prepared. Truly a five-star experience."
-      rating={5}
-      author="Jonathan R., Food Critic"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg", alt: "Sarah J" },
-        { src: "http://img.b2bpic.net/free-photo/contemplated-young-woman-with-dessert-table-caf_23-2147871284.jpg", alt: "Mark K" },
-        { src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg", alt: "Elena G" },
-        { src: "http://img.b2bpic.net/free-photo/senior-woman-eating-restaurant-with-friends_23-2149316752.jpg", alt: "David S" },
-        { src: "http://img.b2bpic.net/free-photo/table-with-alcohol-glasses-home_23-2148741483.jpg", alt: "Anna L" },
-      ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        { id: "f1", title: "Do you accept reservations?", content: "Yes, we highly recommend booking in advance through our contact section." },
-        { id: "f2", title: "Is there a dress code?", content: "We maintain a business-casual dress code to match the elegant atmosphere." },
-        { id: "f3", title: "Do you accommodate allergies?", content: "Our kitchen is fully equipped to handle dietary restrictions with advance notice." },
-      ]}
-      title="Frequently Asked Questions"
-      description="Everything you need to know about your upcoming dining experience."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Join Us for Dinner"
-      description="Reserve your table at Dine House today. Let us know any special requirements for your party."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Your Name", required: true },
-        { name: "email", type: "email", placeholder: "Your Email", required: true },
-        { name: "date", type: "date", placeholder: "Preferred Date", required: true },
-      ]}
-      textarea={{ name: "message", placeholder: "Special requests or party size...", rows: 4, required: false }}
-      imageSrc="http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="DINE HOUSE"
-      columns={[
-        { title: "Explore", items: [{ label: "Menu", href: "#products" }, { label: "About", href: "#about" }] },
-        { title: "Policy", items: [{ label: "Privacy", href: "#" }, { label: "Careers", href: "#" }] },
-      ]}
-      copyrightText="© 2024 Dine House Restaurant."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="DINE HOUSE"
+            columns={[{ title: 'Navigation', items: [{label: 'Home', href: '/'}, {label: 'Contact', href: '/contact'}]}]}
+            copyrightText="© 2024 Dine House Restaurant. No delivery or table booking services available."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/reservations/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+
+export default function ReservationsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[{name: 'Home', id: '/'}, {name: 'Contact', id: '/contact'}, {name: 'Reservations', id: '/reservations'}]}
+            brandName="DINE HOUSE"
+            button={{ text: "Book Now", href: "/reservations" }}
+          />
+        </div>
+
+        <ContactCenter
+          tag="Reserve your table"
+          title="Book your dining experience"
+          description="Secure your spot at Dine House for an unforgettable meal."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="DINE HOUSE"
+            columns={[{ title: 'Navigation', items: [{label: 'Home', href: '/'}, {label: 'Contact', href: '/contact'}, {label: 'Reservations', href: '/reservations'}]}]}
+            copyrightText="© 2024 Dine House Restaurant."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}