Merge version_4 into main

Merge version_4 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

@@ -190,13 +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"},
+          name: "date",          type: "date",          placeholder: "Reservation Date", required: true},
         {
-          name: "email",          type: "email",          placeholder: "Email Address"}
+          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"
     />
@@ -237,4 +239,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}