Update src/app/gallery/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import TextAbout from '@/components/sections/about/TextAbout';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "About", id: "/about" }, { name: "Gallery", id: "/gallery" }, { name: "Contact", id: "/contact" }]} />
+        </div>
+        <div id="about" data-section="about">
+          <TextAbout title="About CR Dines" useInvertedBackground={false} />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple columns={[]} bottomLeftText="© 2025 CR Dines" bottomRightText="All Rights Reserved" />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "About", id: "/about" }, { name: "Gallery", id: "/gallery" }, { name: "Contact", id: "/contact" }]} />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm title="Contact Us" description="Get in touch." inputs={[{name: "name", type: "text", placeholder: "Name"}, {name: "email", type: "email", placeholder: "Email"}]} useInvertedBackground={false} />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple columns={[]} bottomLeftText="© 2025 CR Dines" bottomRightText="All Rights Reserved" />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/gallery/page.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "About", id: "/about" }, { name: "Gallery", id: "/gallery" }, { name: "Contact", id: "/contact" }]} />
+        </div>
+        <div id="gallery" data-section="gallery">
+          <TeamCardTwo 
+            animationType="slide-up" 
+            gridVariant="three-columns-all-equal-width" 
+            title="Gallery" 
+            description="Explore our curated collection of works and highlights from our team's creative journey."
+            members={[]} 
+            textboxLayout="default" 
+            useInvertedBackground={false} 
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple columns={[]} bottomLeftText="© 2025 CR Dines" bottomRightText="All Rights Reserved" />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/menu/page.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "About", id: "/about" }, { name: "Gallery", id: "/gallery" }, { name: "Contact", id: "/contact" }]} />
+        </div>
+        <div id="menu" data-section="menu">
+          <PricingCardEight animationType="slide-up" title="Our Menu" description="Check out our daily selection of seasonal dishes." plans={[]} textboxLayout="default" useInvertedBackground={false} />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple columns={[]} bottomLeftText="© 2025 CR Dines" bottomRightText="All Rights Reserved" />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,25 +31,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Menu",
-          id: "menu",
-        },
+          name: "Menu",          id: "menu"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Gallery",
-          id: "gallery",
-        },
+          name: "Gallery",          id: "gallery"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="CR Dines"
     />
@@ -58,45 +48,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Where Flavor Meets Warmth"
       description="Experience thoughtfully crafted dishes made with passion, fresh ingredients, and a touch of home."
       buttons={[
         {
-          text: "Reserve a Table",
-          href: "#contact",
-        },
+          text: "Reserve a Table",          href: "#contact"},
         {
-          text: "Explore Menu",
-          href: "#menu",
-        },
+          text: "Explore Menu",          href: "#menu"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-jelly-dessert-plate_23-2148238723.jpg",
-          imageAlt: "Gourmet dish presentation",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/delicious-black-jelly-dessert-plate_23-2148238723.jpg",          imageAlt: "Gourmet dish presentation"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-open-space-new-concept_140725-7438.jpg",
-          imageAlt: "Warm restaurant ambiance",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/restaurant-open-space-new-concept_140725-7438.jpg",          imageAlt: "Warm restaurant ambiance"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-decoration-with-slate_23-2147681615.jpg",
-          imageAlt: "Fresh ingredients",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-decoration-with-slate_23-2147681615.jpg",          imageAlt: "Fresh ingredients"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-adding-sauce-dish_23-2148763222.jpg",
-          imageAlt: "Chef preparing food",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-adding-sauce-dish_23-2148763222.jpg",          imageAlt: "Chef preparing food"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157779.jpg",
-          imageAlt: "Elegant dining table",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157779.jpg",          imageAlt: "Elegant dining table"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/decoration-bean-old-closeup-aroma_1203-5601.jpg",
-          imageAlt: "Cozy restaurant interior",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/decoration-bean-old-closeup-aroma_1203-5601.jpg",          imageAlt: "Cozy restaurant interior"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -117,41 +90,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "1",
-          name: "Roasted Garden Salad",
-          price: "$16",
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-chickpea-salad-with-tomatolettuce-cucumber-wooden-table_123827-32420.jpg",
-        },
+          id: "1",          name: "Roasted Garden Salad",          price: "$16",          imageSrc: "http://img.b2bpic.net/free-photo/healthy-chickpea-salad-with-tomatolettuce-cucumber-wooden-table_123827-32420.jpg"},
         {
-          id: "2",
-          name: "Grilled Salmon Fillet",
-          price: "$28",
-          imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak_74190-5520.jpg",
-        },
+          id: "2",          name: "Grilled Salmon Fillet",          price: "$28",          imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak_74190-5520.jpg"},
         {
-          id: "3",
-          name: "Slow-Cooked Beef",
-          price: "$32",
-          imageSrc: "http://img.b2bpic.net/free-photo/juicy-grilled-steak-with-rosemary-spices-dipping-sauce_84443-72351.jpg",
-        },
+          id: "3",          name: "Slow-Cooked Beef",          price: "$32",          imageSrc: "http://img.b2bpic.net/free-photo/juicy-grilled-steak-with-rosemary-spices-dipping-sauce_84443-72351.jpg"},
         {
-          id: "4",
-          name: "Herb-Crusted Chicken",
-          price: "$24",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-chicken-cutting-board-with-orange-slices_23-2148682751.jpg",
-        },
+          id: "4",          name: "Herb-Crusted Chicken",          price: "$24",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-chicken-cutting-board-with-orange-slices_23-2148682751.jpg"},
         {
-          id: "5",
-          name: "Wild Mushroom Risotto",
-          price: "$22",
-          imageSrc: "http://img.b2bpic.net/free-photo/plate-mushroom-risotto-topped-with-grated-cheese_141793-469.jpg",
-        },
+          id: "5",          name: "Wild Mushroom Risotto",          price: "$22",          imageSrc: "http://img.b2bpic.net/free-photo/plate-mushroom-risotto-topped-with-grated-cheese_141793-469.jpg"},
         {
-          id: "6",
-          name: "Seasonal Fruit Tart",
-          price: "$12",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pie-plate_23-2149629046.jpg",
-        },
+          id: "6",          name: "Seasonal Fruit Tart",          price: "$12",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pie-plate_23-2149629046.jpg"},
       ]}
       title="Signature Dishes"
       description="Hand-picked favorites from our seasonal menu."
@@ -165,54 +114,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "starters",
-          badge: "Beginnings",
-          price: "Starters",
-          subtitle: "Appetizers to share",
-          features: [
-            "Warm Sourdough",
-            "Roasted Tomato Soup",
-            "Garden Salad",
-          ],
+          id: "starters",          badge: "Beginnings",          price: "Starters",          subtitle: "Appetizers to share",          features: [
+            "Warm Sourdough",            "Roasted Tomato Soup",            "Garden Salad"],
           buttons: [
             {
-              text: "Reserve Now",
-              href: "#contact",
-            },
+              text: "Reserve Now",              href: "#contact"},
           ],
         },
         {
-          id: "mains",
-          badge: "Signature",
-          price: "Mains",
-          subtitle: "Handcrafted entrees",
-          features: [
-            "Slow-Cooked Beef",
-            "Grilled Salmon",
-            "Mushroom Risotto",
-          ],
+          id: "mains",          badge: "Signature",          price: "Mains",          subtitle: "Handcrafted entrees",          features: [
+            "Slow-Cooked Beef",            "Grilled Salmon",            "Mushroom Risotto"],
           buttons: [
             {
-              text: "Reserve Now",
-              href: "#contact",
-            },
+              text: "Reserve Now",              href: "#contact"},
           ],
         },
         {
-          id: "desserts",
-          badge: "Sweet",
-          price: "Desserts",
-          subtitle: "Finishing touches",
-          features: [
-            "Fruit Tart",
-            "Chocolate Ganache",
-            "Vanilla Bean Gelato",
-          ],
+          id: "desserts",          badge: "Sweet",          price: "Desserts",          subtitle: "Finishing touches",          features: [
+            "Fruit Tart",            "Chocolate Ganache",            "Vanilla Bean Gelato"],
           buttons: [
             {
-              text: "Reserve Now",
-              href: "#contact",
-            },
+              text: "Reserve Now",              href: "#contact"},
           ],
         },
       ]}
@@ -229,26 +151,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       members={[
         {
-          id: "1",
-          name: "Elena Rossi",
-          role: "Executive Chef",
-          description: "15 years of culinary mastery.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-with-medical-mask_23-2148723311.jpg",
-        },
+          id: "1",          name: "Elena Rossi",          role: "Executive Chef",          description: "15 years of culinary mastery.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-with-medical-mask_23-2148723311.jpg"},
         {
-          id: "2",
-          name: "Mark Bennett",
-          role: "Head Sommelier",
-          description: "Curating the finest wine pairings.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg",
-        },
+          id: "2",          name: "Mark Bennett",          role: "Head Sommelier",          description: "Curating the finest wine pairings.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg"},
         {
-          id: "3",
-          name: "Sarah Chen",
-          role: "Pastry Specialist",
-          description: "Creating artisanal desserts daily.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-clay_23-2148878513.jpg",
-        },
+          id: "3",          name: "Sarah Chen",          role: "Pastry Specialist",          description: "Creating artisanal desserts daily.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-clay_23-2148878513.jpg"},
       ]}
       title="Meet the Minds Behind CR Dines"
       description="Our culinary experts committed to excellence."
@@ -260,30 +167,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "John Doe",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg",
-        },
+          id: "1",          name: "John Doe",          imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg"},
         {
-          id: "2",
-          name: "Jane Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-eating-chocolate-muffin-paper-holder_23-2147974666.jpg",
-        },
+          id: "2",          name: "Jane Smith",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-eating-chocolate-muffin-paper-holder_23-2147974666.jpg"},
         {
-          id: "3",
-          name: "Michael Brown",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg",
-        },
+          id: "3",          name: "Michael Brown",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg"},
         {
-          id: "4",
-          name: "Lisa Wang",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg",
-        },
+          id: "4",          name: "Lisa Wang",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg"},
         {
-          id: "5",
-          name: "David Wilson",
-          imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg",
-        },
+          id: "5",          name: "David Wilson",          imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg"},
       ]}
       cardTitle="Guest Experiences"
       cardTag="Testimonials"
@@ -298,15 +190,15 @@ export default function LandingPage() {
       description="Book your table directly with us."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
+          name: "name",          type: "text",          placeholder: "Your Name", required: true},
         {
-          name: "guests",
-          type: "number",
-          placeholder: "Number of Guests",
-        },
+          name: "guests",          type: "number",          placeholder: "Number of Guests", required: true},
+        {
+          name: "date",          type: "date",          placeholder: "Reservation Date", required: true},
+        {
+          name: "email",          type: "email",          placeholder: "Email Address", required: true},
+        {
+          name: "phone",          type: "tel",          placeholder: "Phone Number", required: true}
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/businesswoman-s-hand-checking-list-restaurant_23-2147970868.jpg"
     />
@@ -316,42 +208,27 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Navigate",
-          items: [
+          title: "Navigate",          items: [
             {
-              label: "Home",
-              href: "#hero",
-            },
+              label: "Home",              href: "#hero"},
             {
-              label: "Menu",
-              href: "#menu",
-            },
+              label: "Menu",              href: "#menu"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}