Update src/app/menu/page.tsx

Merge version_3 into main

src/app/admin/page.tsx

@@ -0,0 +1,55 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import { LayoutDashboard, Utensils, ShoppingCart, BarChart3, Settings } from "lucide-react";
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="grid"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <div className="min-h-screen">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Admin Dashboard", id: "/admin" },
+            { name: "Menu", id: "/menu" },
+            { name: "About", id: "/about" },
+            { name: "Gallery", id: "/gallery" },
+            { name: "Contact", id: "/contact" },
+            { name: "Order Online", id: "/order" },
+          ]}
+          brandName="Admin Portal"
+        />
+        
+        <main className="pt-32 pb-20 px-6 max-w-7xl mx-auto">
+          <h1 className="text-4xl font-bold mb-8">Service Management Dashboard</h1>
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+            {[ 
+              { title: "Menu Management", icon: Utensils, desc: "Edit, add, or delete menu items." },
+              { title: "Services", icon: Settings, desc: "Manage operational services." },
+              { title: "Orders", icon: ShoppingCart, desc: "View and process customer orders." },
+              { title: "Analytics", icon: BarChart3, desc: "View site performance metrics." },
+            ].map((item, idx) => (
+              <div key={idx} className="p-6 rounded-xl border border-white/10 bg-white/5 hover:bg-white/10 transition">
+                <item.icon className="w-10 h-10 mb-4 text-primary" />
+                <h2 className="text-xl font-semibold mb-2">{item.title}</h2>
+                <p className="text-sm opacity-70">{item.desc}</p>
+              </div>
+            ))}
+          </div>
+        </main>
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/gallery/page.tsx

@@ -4,58 +4,32 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 
 export default function GalleryPage() {
   return (
-    <ThemeProvider 
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
-      defaultButtonVariant="text-stagger" 
-      defaultTextAnimation="entrance-slide" 
-      background="circleGradient" 
-      cardStyle="glass-elevated" 
-      primaryButtonStyle="gradient" 
-      secondaryButtonStyle="glass" 
-      headingFontWeight="normal" 
-      borderRadius="rounded" 
-      contentWidth="smallMedium" 
-      sizing="mediumLargeSizeMediumTitles"
-    >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
-          <NavbarStyleFullscreen
+          navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Gallery", id: "/gallery" }, { name: "Testimonials", id: "/testimonials" }, { name: "Reservations", id: "/reservations" }, { name: "Contact", id: "/contact" }]} 
-            navItems={[
+          brandName="Lolly’s Food Joint"
-              { name: "Home", id: "/" },
-              { name: "About", id: "/about" },
-              { name: "Gallery", id: "/gallery" },
-              { name: "Contact", id: "/contact" },
-            ]}
-            brandName="Lolly’s Food Joint"
-          />
-        </div>
-        <ProductCardTwo
-          title="Our Gallery"
-          description="A collection of our favorite dishes and moments at the restaurant."
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          products={[
-            { id: "g1", brand: "Food", name: "Signature Burger", price: "", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/home-made-tasty-burgers_628469-332.jpg?_wi=1" },
-            { id: "g2", brand: "Drinks", name: "Fresh Shakes", price: "", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/cacao-milkshake-topped-with-colourful-sprinkles-ice-cream-oreo_140725-8264.jpg?_wi=1" },
-            { id: "g3", brand: "Food", name: "Fresh Wraps", price: "", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-materials-textiles-disguised-as-sushi-rolls_23-2150771195.jpg?_wi=1" },
-            { id: "g4", brand: "Food", name: "Side Bites", price: "", rating: 5, reviewCount: "", imageSrc: "http://img.b2bpic.net/free-photo/delicious-creamy-melted-cheese_23-2149332823.jpg?_wi=1" },
-          ]}
         />
-        <div id="footer" data-section="footer">
+        <div className="pt-32 pb-20">
-          <FooterSimple
+            <SplitAbout 
-            columns={[
+                title="Our Food Gallery"
-              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Gallery", href: "/gallery" }] },
+                description="A visual journey through our kitchen's best creations."
-              { title: "Order", items: [{ label: "Contact Us", href: "/contact" }] },
+                imageSrc="http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept_639032-421.jpg"
-            ]}
+                mediaAnimation="slide-up"
-            bottomLeftText="© 2024 Lolly's Food Joint"
+                textboxLayout="split"
-            bottomRightText="All rights reserved."
+                bulletPoints={[]}
-          />
+                useInvertedBackground={false}
+            />
         </div>
+        <FooterSimple 
+            columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+            bottomLeftText="© 2024 Lolly's Food Joint"
+            bottomRightText="Privacy Policy"
+        />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/menu/page.tsx

@@ -3,85 +3,36 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { useState } from "react";
-
-const categories = [
-  { id: "burgers", name: "Burgers" },
-  { id: "street-food", name: "Street Food" },
-  { id: "wraps", name: "Wraps" },
-  { id: "fries", name: "Fries & Sides" },
-  { id: "drinks", name: "Drinks" },
-  { id: "milkshakes", name: "Milkshakes" },
-];
 
 export default function MenuPage() {
-  const [activeCategory, setActiveCategory] = useState("burgers");
-
   return (
-    <ThemeProvider 
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
-      defaultButtonVariant="text-stagger" 
-      defaultTextAnimation="entrance-slide" 
-      background="circleGradient" 
-      cardStyle="glass-elevated" 
-      primaryButtonStyle="gradient" 
-      secondaryButtonStyle="glass" 
-      headingFontWeight="normal" 
-      borderRadius="rounded" 
-      contentWidth="smallMedium" 
-      sizing="mediumLargeSizeMediumTitles"
-    >
       <ReactLenis root>
-        <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
-          <NavbarStyleFullscreen
+          navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Gallery", id: "/gallery" }, { name: "Testimonials", id: "/testimonials" }, { name: "Reservations", id: "/reservations" }, { name: "Contact", id: "/contact" }]} 
-            navItems={[
+          brandName="Lolly’s Food Joint"
-              { name: "Home", id: "/" },
+        />
-              { name: "Menu", id: "/menu" },
+        <div className="pt-32 pb-20">
-              { name: "About", id: "/about" },
+            <ProductCardTwo
-              { name: "Gallery", id: "/gallery" },
+                title="Full Menu"
-              { name: "Contact", id: "/contact" },
+                description="Explore our complete selection of fresh, signature dishes."
-              { name: "Order Online", id: "/order" },
+                gridVariant="four-items-2x2-equal-grid"
-            ]}
+                animationType="slide-up"
-            brandName="Lolly’s Food Joint"
+                textboxLayout="default"
-          />
+                useInvertedBackground={false}
+                products={[
+                    { id: "m1", brand: "Burgers", name: "Signature Burger", price: "$12.99", rating: 5, reviewCount: "100", imageSrc: "http://img.b2bpic.net/free-photo/home-made-tasty-burgers_628469-332.jpg" },
+                    { id: "m2", brand: "Sides", name: "Hand-cut Fries", price: "$5.99", rating: 4, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/delicious-creamy-melted-cheese_23-2149332823.jpg" }
+                ]}
+            />
         </div>
-
+        <FooterSimple 
-        <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
+            columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
-          <h1 className="text-4xl md:text-5xl font-bold mb-10 text-center">Our Menu</h1>
-          
-          <div className="flex flex-wrap gap-2 justify-center mb-12">
-            {categories.map((cat) => (
-              <button 
-                key={cat.id}
-                onClick={() => setActiveCategory(cat.id)}
-                className={`px-6 py-2 rounded-full transition ${activeCategory === cat.id ? "bg-primary text-white" : "bg-card hover:bg-muted"}`}
-              >
-                {cat.name}
-              </button>
-            ))}
-          </div>
-
-          <div className="grid gap-6 md:grid-cols-2">
-            {[1, 2, 3, 4, 5, 6].map((item) => (
-              <div key={item} className="p-6 rounded-xl border border-border bg-card shadow-sm">
-                <h3 className="text-xl font-bold">Signature Item {item}</h3>
-                <p className="text-muted-foreground mt-2">Delicious description of our amazing {categories.find(c => c.id === activeCategory)?.name || "dish"}.</p>
-                <p className="font-bold mt-4">$9.99</p>
-              </div>
-            ))}
-          </div>
-        </main>
-
-        <div id="footer" data-section="footer">
-          <FooterSimple
-            columns={[
-              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Menu", href: "/menu" }] },
-              { title: "Order", items: [{ label: "Order Online", href: "/order" }, { label: "Contact Us", href: "/contact" }] },
-            ]}
             bottomLeftText="© 2024 Lolly's Food Joint"
-            bottomRightText="All rights reserved."
+            bottomRightText="Privacy Policy"
-          />
+        />
-        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -95,10 +95,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        { id: "p1", brand: "Burgers", name: "Lolly's Classic Burger", price: "$12.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/home-made-tasty-burgers_628469-332.jpg", onProductClick: () => window.location.href = '/order' },
+        { id: "p1", brand: "Burgers", name: "Lolly's Classic Burger", price: "R 129.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/home-made-tasty-burgers_628469-332.jpg", onProductClick: () => window.location.href = '/order' },
-        { id: "p2", brand: "Street Food", name: "Crispy Fries & Sauce", price: "$5.99", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/delicious-creamy-melted-cheese_23-2149332823.jpg", onProductClick: () => window.location.href = '/order' },
+        { id: "p2", brand: "Street Food", name: "Crispy Fries & Sauce", price: "R 59.99", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/delicious-creamy-melted-cheese_23-2149332823.jpg", onProductClick: () => window.location.href = '/order' },
-        { id: "p3", brand: "Wraps", name: "Signature Spicy Wrap", price: "$9.49", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-materials-textiles-disguised-as-sushi-rolls_23-2150771195.jpg", onProductClick: () => window.location.href = '/order' },
+        { id: "p3", brand: "Wraps", name: "Signature Spicy Wrap", price: "R 94.99", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-materials-textiles-disguised-as-sushi-rolls_23-2150771195.jpg", onProductClick: () => window.location.href = '/order' },
-        { id: "p4", brand: "Drinks", name: "Creamy Milkshake", price: "$6.99", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/cacao-milkshake-topped-with-colourful-sprinkles-ice-cream-oreo_140725-8264.jpg", onProductClick: () => window.location.href = '/order' },
+        { id: "p4", brand: "Drinks", name: "Creamy Milkshake", price: "R 69.99", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/cacao-milkshake-topped-with-colourful-sprinkles-ice-cream-oreo_140725-8264.jpg", onProductClick: () => window.location.href = '/order' },
       ]}
       title="Featured Favourites"
       description="Our signature dishes you must try today."

src/app/reservations/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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function ReservationsPage() {
+  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>
+        <NavbarStyleFullscreen
+          navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Gallery", id: "/gallery" }, { name: "Testimonials", id: "/testimonials" }, { name: "Reservations", id: "/reservations" }, { name: "Contact", id: "/contact" }]} 
+          brandName="Lolly’s Food Joint"
+        />
+        <div className="pt-32 pb-20">
+            <ContactSplitForm 
+                title="Book a Table"
+                description="Secure your reservation today for a premium dining experience."
+                inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "date", type: "date", placeholder: "Date" }]} 
+                useInvertedBackground={false}
+            />
+        </div>
+        <FooterSimple 
+            columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+            bottomLeftText="© 2024 Lolly's Food Joint"
+            bottomRightText="Privacy Policy"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-raleway), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-raleway), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #FFF8E1;
+  --background: #0a0a0a;
-  --card: #FFFFFF;
+  --card: #1a1a1a;
-  --foreground: #1A1A1A;
+  --foreground: #f5f5f5;
   --primary-cta: #B71C1C;
   --primary-cta-text: #FFFFFF;
   --secondary-cta: #FFD700;
   --secondary-cta-text: #1C1C1C;
   --accent: #B71C1C;
-  --background-accent: #FFF8E1;
+  --background-accent: #2a2928;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/testimonials/page.tsx

@@ -0,0 +1,36 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function TestimonialsPage() {
+  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>
+        <NavbarStyleFullscreen
+          navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Gallery", id: "/gallery" }, { name: "Testimonials", id: "/testimonials" }, { name: "Reservations", id: "/reservations" }, { name: "Contact", id: "/contact" }]} 
+          brandName="Lolly’s Food Joint"
+        />
+        <div className="pt-32 pb-20">
+            <TestimonialCardFive 
+                title="Customer Stories"
+                description="See what our happy customers are saying about us."
+                textboxLayout="default"
+                useInvertedBackground={false}
+                testimonials={[
+                    { id: "t1", name: "John Doe", date: "2024-01-01", title: "Excellent!", quote: "Best food in town!", tag: "Foodie", avatarSrc: "" }
+                ]}
+            />
+        </div>
+        <FooterSimple 
+            columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+            bottomLeftText="© 2024 Lolly's Food Joint"
+            bottomRightText="Privacy Policy"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}