Update src/app/menu/page.tsx

Update src/app/testimonials/page.tsx
Update src/app/reservations/page.tsx
2026-04-15 16:59:36 +00:00 · 2026-04-15 16:59:09 +00:00 · 2026-04-15 16:59:09 +00:00 · 2026-04-15 16:59:08 +00:00 · 2026-04-15 16:59:08 +00:00 · 2026-04-15 16:58:38 +00:00
11 changed files with 327 additions and 467 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,82 +2,59 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import { User, Users, UserCheck, UserCog } from "lucide-react";

 export default function AboutPage() {
  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"
+    <ThemeProvider 
+      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
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Menu", id: "/menu" },
-        { name: "About", id: "/about" },
-        { name: "Gallery", id: "/gallery" },
-        { name: "Contact", id: "/contact" },
-        { name: "Order Online", id: "/order" },
-      ]}
-      brandName="Lolly’s Food Joint"
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Origins"
-      description="Founded by food lovers."
-      imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
-      mediaAnimation="slide-up"
-      bulletPoints={[
-        { title: "Heritage", description: "Traditional recipes." },
-        { title: "Innovation", description: "Modern twists." },
-      ]}
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Team"
-      description="The people behind the flavor."
-      features={[
-        { title: "Expert Chefs", description: "Culinary mastery.", buttonIcon: User, imageSrc: "http://img.b2bpic.net/free-photo/delicious-realistic-burger_23-2150902326.jpg?_wi=2", imageAlt: "Delicious realistic burger" },
-        { title: "Fast Servers", description: "Friendly service.", buttonIcon: Users, imageSrc: "http://img.b2bpic.net/free-photo/hamburger-chips_23-2147695734.jpg?_wi=4", imageAlt: "Delicious realistic burger" },
-        { title: "Quality Staff", description: "Training daily.", buttonIcon: UserCheck, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-street-cafe-close-up_169016-43231.jpg?_wi=4", imageAlt: "Delicious realistic burger" },
-        { title: "Manager", description: "Service excellence.", buttonIcon: UserCog, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43235.jpg?_wi=4", imageAlt: "Delicious realistic burger" },
-      ]}
-    />
-  </div>
-
-  <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."
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Gallery", id: "/gallery" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Lolly’s Food Joint"
+          />
+        </div>
+        <SplitAbout
+          title="About Lolly’s"
+          description="We started with a simple dream: to serve the best street food in town. Every ingredient we use is carefully selected to ensure you have an unforgettable dining experience."
+          bulletPoints={[
+            { title: "Fresh Ingredients", description: "Locally sourced daily." },
+            { title: "Handcrafted", description: "Made with care by chefs." },
+            { title: "Quality", description: "High standards every time." },
+          ]}
+          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"
+          textboxLayout="split"
+          useInvertedBackground={false}
+        />
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Gallery", href: "/gallery" }] },
+              { title: "Order", items: [{ label: "Contact Us", href: "/contact" }] },
+            ]}
+            bottomLeftText="© 2024 Lolly's Food Joint"
+            bottomRightText="All rights reserved."
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/admin/page.tsx
+++ b/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>
+  );
+}
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,79 +2,55 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import { MapPin } from "lucide-react";
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ContactSplit from '@/components/sections/contact/ContactSplit';

 export default function ContactPage() {
  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"
+    <ThemeProvider 
+      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
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Menu", id: "/menu" },
-        { name: "About", id: "/about" },
-        { name: "Gallery", id: "/gallery" },
-        { name: "Contact", id: "/contact" },
-        { name: "Order Online", id: "/order" },
-      ]}
-      brandName="Lolly’s Food Joint"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Get in touch"
-      title="Contact Us"
-      description="Send us a message."
-      imageSrc="http://img.b2bpic.net/free-photo/blur-coffee-shop_1203-8643.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Locations"
-      description="Where to find us."
-      features={[
-        { title: "Main Street", description: "123 Main St.", buttonIcon: MapPin, imageSrc: "http://img.b2bpic.net/free-photo/delicious-realistic-burger_23-2150902326.jpg?_wi=3", imageAlt: "Delicious realistic burger" },
-        { title: "Park Ave", description: "456 Park Ave.", buttonIcon: MapPin, imageSrc: "http://img.b2bpic.net/free-photo/hamburger-chips_23-2147695734.jpg?_wi=5", imageAlt: "Delicious realistic burger" },
-        { title: "City Mall", description: "789 City Mall.", buttonIcon: MapPin, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-street-cafe-close-up_169016-43231.jpg?_wi=5", imageAlt: "Delicious realistic burger" },
-        { title: "East Side", description: "321 East St.", buttonIcon: MapPin, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43235.jpg?_wi=5", imageAlt: "Delicious realistic burger" },
-      ]}
-    />
-  </div>
-
-  <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."
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Gallery", id: "/gallery" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Lolly’s Food Joint"
+          />
+        </div>
+        <ContactSplit
+          tag="Contact"
+          title="Contact Us"
+          description="Have questions or want to host an event? Get in touch with us today!"
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151919025.jpg"
+        />
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Gallery", href: "/gallery" }] },
+              { title: "Order", items: [{ label: "Contact Us", href: "/contact" }] },
+            ]}
+            bottomLeftText="© 2024 Lolly's Food Joint"
+            bottomRightText="All rights reserved."
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -2,145 +2,35 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import SplitAbout from '@/components/sections/about/SplitAbout';

-export default function LandingPage() {
+export default function GalleryPage() {
  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"
-    >
+    <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",
-        },
-        {
-          name: "Order Online",
-          id: "/order",
-        },
-      ]}
-      brandName="Lolly’s Food Joint"
-    />
-  </div>
-
-  <div id="product" data-section="product">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Food Gallery"
-      description="Take a look inside."
-      products={[
-        {
-          id: "g1",
-          brand: "Gallery",
-          name: "Kitchen Vibes",
-          price: "$0",
-          rating: 5,
-          reviewCount: "0",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-cooking-pizza_23-2150405878.jpg",
-        },
-        {
-          id: "g2",
-          brand: "Gallery",
-          name: "Dining Room",
-          price: "$0",
-          rating: 5,
-          reviewCount: "0",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-arranging-dishware-table-restaurant_23-2147936226.jpg",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Freshness Captured"
-      description="See the process."
-      imageSrc="http://img.b2bpic.net/free-photo/man-s-hands-cutting-ripe-pepper-into-slices-table-husband-kitchen-preparing-salad-black-background_639032-415.jpg"
-      mediaAnimation="slide-up"
-      bulletPoints={[
-        {
-          title: "Local Produce",
-          description: "Farm to plate.",
-        },
-        {
-          title: "Fresh Daily",
-          description: "Never frozen.",
-        },
-      ]}
-    />
-  </div>
-
-  <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."
-    />
-  </div>
+        <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">
+            <SplitAbout 
+                title="Our Food Gallery"
+                description="A visual journey through our kitchen's best creations."
+                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"
+                textboxLayout="split"
+                bulletPoints={[]}
+                useInvertedBackground={false}
+            />
+        </div>
+        <FooterSimple 
+            columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+            bottomLeftText="© 2024 Lolly's Food Joint"
+            bottomRightText="Privacy Policy"
+        />
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -2,82 +2,38 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import { Sprout, WheatOff, ChefHat, Scale } from "lucide-react";
+import FooterSimple from '@/components/sections/footer/FooterSimple';

 export default function MenuPage() {
  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"
-    >
+    <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" },
-        { name: "Order Online", id: "/order" },
-      ]}
-      brandName="Lolly’s Food Joint"
-    />
-  </div>
-
-  <div id="product" data-section="product">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Full Menu"
-      description="See our complete list of offerings."
-      products={[
-        { id: "m1", brand: "Burger", name: "BBQ Burger", price: "$13.99", rating: 5, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cheeseburger-grilled-beef-patty-with-cheese-lettuce-burger-buns_141793-4806.jpg" },
-        { id: "m2", brand: "Sides", name: "Onion Rings", price: "$4.99", rating: 4, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potatoes-served-with-onions-tomatoes-greens_141793-1068.jpg" },
-      ]}
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Dietary Options"
-      description="We cater to all tastes."
-      features={[
-        { title: "Vegan", description: "Plant-based goodness.", buttonIcon: Sprout, imageSrc: "http://img.b2bpic.net/free-photo/delicious-realistic-burger_23-2150902326.jpg?_wi=1", imageAlt: "Delicious realistic burger" },
-        { title: "Gluten Free", description: "Delicious choices.", buttonIcon: WheatOff, imageSrc: "http://img.b2bpic.net/free-photo/hamburger-chips_23-2147695734.jpg?_wi=3", imageAlt: "Delicious realistic burger" },
-        { title: "Halal", description: "Authentic quality.", buttonIcon: ChefHat, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-street-cafe-close-up_169016-43231.jpg?_wi=3", imageAlt: "Delicious realistic burger" },
-        { title: "Low Calorie", description: "Healthy alternatives.", buttonIcon: Scale, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43235.jpg?_wi=3", imageAlt: "Delicious realistic burger" },
-      ]}
-    />
-  </div>
-
-  <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."
-    />
-  </div>
+        <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">
+            <ProductCardTwo
+                title="Full Menu"
+                description="Explore our complete selection of fresh, signature dishes."
+                gridVariant="four-items-2x2-equal-grid"
+                animationType="slide-up"
+                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 
+            columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
+            bottomLeftText="© 2024 Lolly's Food Joint"
+            bottomRightText="Privacy Policy"
+        />
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/order/page.tsx
+++ b/src/app/order/page.tsx
@@ -2,12 +2,12 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { ShoppingCart } from "lucide-react";

-export default function LandingPage() {
+export default function OrderPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
@@ -22,118 +22,55 @@ export default function LandingPage() {
        headingFontWeight="bold"
    >
      <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",
-        },
-        {
-          name: "Order Online",
-          id: "/order",
-        },
-      ]}
-      brandName="Lolly’s Food Joint"
-    />
-  </div>
+        <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" },
+              { name: "Order Online", id: "/order" },
+            ]}
+            brandName="Lolly’s Food Joint"
+          />
+        </div>

-  <div id="product" data-section="product">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Order Now"
-      description="Select your favourites."
-      products={[
-        {
-          id: "o1",
-          brand: "Burger",
-          name: "Spicy Chicken Burger",
-          price: "$11.99",
-          rating: 5,
-          reviewCount: "60",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-beef-fitburger-black-bun-with-vegetable-salad_141793-4767.jpg",
-        },
-        {
-          id: "o2",
-          brand: "Drinks",
-          name: "Chocolate Shake",
-          price: "$5.99",
-          rating: 5,
-          reviewCount: "40",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-milkshake-wooden-table_23-2148296035.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="order-section" data-section="order-section">
+          <ProductCardThree
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            title="Order Online"
+            description="Select your favourites and order directly via WhatsApp."
+            products={[
+              { id: "p1", name: "Lolly's Classic Burger", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/home-made-tasty-burgers_628469-332.jpg?_wi=2", priceButtonProps: { onClick: () => window.open('https://wa.me/1234567890?text=I%20would%20like%20to%20order%20the%20Lolly%27s%20Classic%20Burger') } },
+              { id: "p2", name: "Crispy Fries & Sauce", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-creamy-melted-cheese_23-2149332823.jpg?_wi=2", priceButtonProps: { onClick: () => window.open('https://wa.me/1234567890?text=I%20would%20like%20to%20order%20the%20Crispy%20Fries%20%26%20Sauce') } },
+              { id: "p3", name: "Signature Spicy Wrap", price: "$9.49", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-materials-textiles-disguised-as-sushi-rolls_23-2150771195.jpg?_wi=2", priceButtonProps: { onClick: () => window.open('https://wa.me/1234567890?text=I%20would%20like%20to%20order%20the%20Signature%20Spicy%20Wrap') } },
+              { id: "p4", name: "Creamy Milkshake", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/cacao-milkshake-topped-with-colourful-sprinkles-ice-cream-oreo_140725-8264.jpg?_wi=2", priceButtonProps: { onClick: () => window.open('https://wa.me/1234567890?text=I%20would%20like%20to%20order%20the%20Creamy%20Milkshake') } },
+            ]}
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>

-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Order Support"
-      title="Need Help Ordering?"
-      description="We are here to assist."
-      imageSrc="http://img.b2bpic.net/free-photo/bar-cafeteria-family-restaurant-interior-shooting_114579-1119.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <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."
-    />
-  </div>
+        <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."
+          />
+        </div>
+        
+        <div className="fixed bottom-6 right-6 z-50">
+           <button onClick={() => window.open('https://wa.me/1234567890')} className="flex items-center gap-2 bg-primary text-white px-6 py-3 rounded-full shadow-lg hover:scale-105 transition-transform">
+             <ShoppingCart size={20} />
+             Order Now on WhatsApp
+           </button>
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/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: "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: "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: "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: "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: "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: "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: "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."
--- a/src/app/reservations/page.tsx
+++ b/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>
+  );
+}
--- a/src/app/styles/base.css
+++ b/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;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #FFF6E9;
-  --card: #FFFFFF;
-  --foreground: #1C1C1C;
-  --primary-cta: #C62828;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
+  --primary-cta: #B71C1C;
  --primary-cta-text: #FFFFFF;
-  --secondary-cta: #F5A623;
+  --secondary-cta: #FFD700;
  --secondary-cta-text: #1C1C1C;
-  --accent: #C62828;
-  --background-accent: #FFF6E9;
+  --accent: #B71C1C;
+  --background-accent: #2a2928;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
--- a/src/app/testimonials/page.tsx
+++ b/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>
+  );
+}
Author	SHA1	Message	Date
bender	4ff6895633	Update src/app/menu/page.tsx	2026-04-15 16:59:36 +00:00
bender	c252d73de8	Update src/app/testimonials/page.tsx	2026-04-15 16:59:09 +00:00
bender	29710148a7	Update src/app/reservations/page.tsx	2026-04-15 16:59:09 +00:00
bender	dc16a482bd	Update src/app/menu/page.tsx	2026-04-15 16:59:08 +00:00
bender	e6a8f14d5a	Update src/app/gallery/page.tsx	2026-04-15 16:59:08 +00:00
bender	d05da017c8	Add src/app/testimonials/page.tsx	2026-04-15 16:58:38 +00:00
bender	9ceaff0f37	Update src/app/styles/variables.css	2026-04-15 16:58:37 +00:00
bender	dc123ec6c4	Update src/app/styles/base.css	2026-04-15 16:58:37 +00:00
bender	ee5855c445	Add src/app/reservations/page.tsx	2026-04-15 16:58:36 +00:00
bender	8e799e9cbb	Update src/app/page.tsx	2026-04-15 16:58:36 +00:00
bender	d65c37ae8d	Update src/app/menu/page.tsx	2026-04-15 16:58:35 +00:00
bender	d6611c82ba	Update src/app/gallery/page.tsx	2026-04-15 16:58:35 +00:00
bender	1a5d121a7e	Add src/app/admin/page.tsx	2026-04-15 16:58:35 +00:00
bender	111fa44c4d	Merge version_3 into main Merge version_3 into main	2026-04-15 16:53:54 +00:00
bender	9fb12e6a3e	Update src/app/order/page.tsx	2026-04-15 16:53:48 +00:00
bender	d6921a8d20	Update src/app/gallery/page.tsx	2026-04-15 16:53:48 +00:00
bender	10959c214a	Merge version_3 into main Merge version_3 into main	2026-04-15 16:53:27 +00:00
bender	13dc36b3fe	Update src/app/order/page.tsx	2026-04-15 16:53:24 +00:00
bender	ccf954c014	Update src/app/menu/page.tsx	2026-04-15 16:53:24 +00:00
bender	78eddb7cb9	Update src/app/gallery/page.tsx	2026-04-15 16:53:23 +00:00
bender	b6b399263c	Update src/app/contact/page.tsx	2026-04-15 16:53:23 +00:00
bender	f3a0e7957d	Update src/app/about/page.tsx	2026-04-15 16:53:22 +00:00
bender	4fb9bea972	Merge version_3 into main Merge version_3 into main	2026-04-15 16:52:47 +00:00
bender	e0cce9ea72	Update src/app/styles/variables.css	2026-04-15 16:52:44 +00:00
bender	7559df2749	Update src/app/order/page.tsx	2026-04-15 16:52:44 +00:00
bender	7c185a4982	Update src/app/menu/page.tsx	2026-04-15 16:52:43 +00:00
bender	b3ef3ae3e3	Update src/app/gallery/page.tsx	2026-04-15 16:52:43 +00:00
bender	7c78bbda91	Update src/app/contact/page.tsx	2026-04-15 16:52:42 +00:00
bender	eed3adf4ec	Update src/app/about/page.tsx	2026-04-15 16:52:42 +00:00
bender	16f349e41b	Merge version_2 into main Merge version_2 into main	2026-04-15 16:51:38 +00:00