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

@@ -30,12 +30,16 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        { name: "Home", id: "hero" },
+        {
-        { name: "Menu", id: "menu" },
+          name: "Home",          id: "hero"},
-        { name: "About", id: "about" },
+        {
-        { name: "Gallery", id: "gallery" },
+          name: "Menu",          id: "menu"},
-        { name: "Info", id: "info" },
+        {
-        { name: "Contact", id: "contact" },
+          name: "About",          id: "about"},
+        {
+          name: "Gallery",          id: "gallery"},
+        {
+          name: "Contact",          id: "contact"},
       ]}
       brandName="CR Dines"
     />
@@ -43,14 +47,29 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{ variant: "gradient-bars" }}
+      background={{
+        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: "Explore Menu", href: "#menu" }]}
+      buttons={[
+        {
+          text: "Reserve a Table",          href: "#contact"},
+        {
+          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/restaurant-open-space-new-concept_140725-7438.jpg", imageAlt: "Warm restaurant ambiance" },
+          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/close-up-vegetable-decoration-with-slate_23-2147681615.jpg", imageAlt: "Fresh ingredients" },
+        {
+          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/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/decoration-bean-old-closeup-aroma_1203-5601.jpg",          imageAlt: "Cozy restaurant interior"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -70,12 +89,21 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       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: "2", name: "Grilled Salmon Fillet", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak_74190-5520.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: "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: "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: "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: "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="Featuring a blend of fresh greens, savory grilled meats, and artisanal textures."
+      description="Hand-picked favorites from our seasonal menu."
     />
   </div>
 
@@ -85,23 +113,36 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        { id: "starters", badge: "Beginnings", price: "Starters", subtitle: "Appetizers to share", features: ["Warm Sourdough", "Roasted Tomato Soup", "Garden Salad"], buttons: [{ text: "Reserve Now", href: "#contact" }] },
+        {
-        { id: "mains", badge: "Signature", price: "Mains", subtitle: "Handcrafted entrees", features: ["Slow-Cooked Beef (4hr slow roast)", "Grilled Salmon (lemon butter sauce)", "Mushroom Risotto (wild truffle oil)"], buttons: [{ text: "Reserve Now", href: "#contact" }] },
+          id: "starters",          badge: "Beginnings",          price: "Starters",          subtitle: "Appetizers to share",          features: [
-        { id: "desserts", badge: "Sweet", price: "Desserts", subtitle: "Finishing touches", features: ["Fruit Tart", "Chocolate Ganache", "Vanilla Bean Gelato"], buttons: [{ text: "Reserve Now", href: "#contact" }] },
+            "Warm Sourdough",            "Roasted Tomato Soup",            "Garden Salad"],
+          buttons: [
+            {
+              text: "Reserve Now",              href: "#contact"},
+          ],
+        },
+        {
+          id: "mains",          badge: "Signature",          price: "Mains",          subtitle: "Handcrafted entrees",          features: [
+            "Slow-Cooked Beef",            "Grilled Salmon",            "Mushroom Risotto"],
+          buttons: [
+            {
+              text: "Reserve Now",              href: "#contact"},
+          ],
+        },
+        {
+          id: "desserts",          badge: "Sweet",          price: "Desserts",          subtitle: "Finishing touches",          features: [
+            "Fruit Tart",            "Chocolate Ganache",            "Vanilla Bean Gelato"],
+          buttons: [
+            {
+              text: "Reserve Now",              href: "#contact"},
+          ],
+        },
       ]}
       title="Explore Our Menu"
       description="Discover our carefully curated seasonal offerings."
     />
   </div>
 
-  <div id="info" data-section="info">
-      <TextAbout
-      useInvertedBackground={true}
-      title="Client Information & Guidelines"
-      tag="Our Service"
-    />
-  </div>
-
   <div id="gallery" data-section="gallery">
       <TeamCardTwo
       animationType="slide-up"
@@ -109,24 +150,55 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       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: "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."
     />
   </div>
 
+  <div id="testimonials" data-section="testimonials">
+      <TestimonialCardTwelve
+      useInvertedBackground={false}
+      testimonials={[
+        {
+          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: "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: "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"
+      cardAnimation="slide-up"
+    />
+  </div>
+
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={true}
       title="Reserve Your Table"
-      description="Please let us know your requirements. Open daily: 11 AM - 10 PM. Phone: (555) 123-4567"
+      description="Book your table directly with us."
       inputs={[
-        { name: "name", type: "text", placeholder: "Full Name" },
+        {
-        { name: "email", type: "email", placeholder: "Email Address" },
+          name: "name",          type: "text",          placeholder: "Your Name", required: true},
-        { name: "phone", type: "tel", placeholder: "Phone Number" },
+        {
-        { name: "date", type: "date", placeholder: "Reservation Date" },
+          name: "guests",          type: "number",          placeholder: "Number of Guests", required: true},
-        { name: "guests", type: "number", placeholder: "Number of Guests" }
+        {
+          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"
     />
@@ -135,9 +207,30 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        { title: "Navigate", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
+        {
-        { title: "Details", items: [{ label: "Timings: 11AM-10PM" }, { label: "Contact: (555) 123-4567" }] },
+          title: "Navigate",          items: [
-        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+            {
+              label: "Home",              href: "#hero"},
+            {
+              label: "Menu",              href: "#menu"},
+          ],
+        },
+        {
+          title: "Company",          items: [
+            {
+              label: "About",              href: "#about"},
+            {
+              label: "Careers",              href: "#"},
+          ],
+        },
+        {
+          title: "Legal",          items: [
+            {
+              label: "Privacy Policy",              href: "#"},
+            {
+              label: "Terms of Service",              href: "#"},
+          ],
+        },
       ]}
       bottomLeftText="© 2024 CR Dines"
       bottomRightText="123 Dining St, Culinary City"