Update src/app/page.tsx

Merge version_32 into main

src/app/contact/page.tsx

@@ -19,8 +19,7 @@ export default function ContactPage() {
 
   const footerColumns = [
     {
-      title: "Quick Links",
+      title: "Quick Links",      items: [
-      items: [
         { label: "Home", href: "/" },
         { label: "Menu", href: "/menu" },
         { label: "Gallery", href: "/gallery" },
@@ -28,8 +27,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Order & Contact",
+      title: "Order & Contact",      items: [
-      items: [
         { label: "Order Online", href: "/order" },
         { label: "Call Us", href: "tel:2397850423" },
         { label: "Locations & Hours", href: "/locations" },
@@ -37,8 +35,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Connect With Us",
+      title: "Connect With Us",      items: [
-      items: [
         { label: "Facebook", href: "https://facebook.com/caribbeanflair" },
         { label: "About Us", href: "/about" },
         { label: "Privacy Policy", href: "#privacy" },
@@ -46,8 +43,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Located In",
+      title: "Located In",      items: [
-      items: [
         { label: "801 Leeland Heights Blvd W", href: "#map" },
         { label: "Lehigh Acres, FL 33936", href: "#map" },
         { label: "Open Until 9PM", href: "/locations" },
@@ -74,9 +70,7 @@ export default function ContactPage() {
           brandName="Caribbean Flair"
           navItems={navItems}
           button={{
-            text: "Order Now",
+            text: "Order Now",            href: "/order"}}
-            href: "/order",
-          }}
         />
       </div>
 
@@ -89,13 +83,9 @@ export default function ContactPage() {
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Call (239) 785-0423",
+              text: "Call (239) 785-0423",              href: "tel:2397850423"},
-              href: "tel:2397850423",
-            },
             {
-              text: "Visit Us Today",
+              text: "Visit Us Today",              href: "/order"},
-              href: "/order",
-            },
           ]}
           buttonAnimation="slide-up"
           textboxLayout="default"
@@ -103,21 +93,15 @@ export default function ContactPage() {
           useInvertedBackground={false}
           features={[
             {
-              id: "phone-contact",
+              id: "phone-contact",              title: "Call Us Directly",              description: "Speak with our team for custom orders, catering, or any questions about our authentic Caribbean menu.",              media: {
-              title: "Call Us Directly",
+                imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=4"},
-              description: "Speak with our team for custom orders, catering, or any questions about our authentic Caribbean menu.",
-              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=4",
-              },
               items: [
                 {
                   icon: Zap,
-                  text: "(239) 785-0423",
+                  text: "(239) 785-0423"},
-                },
                 {
                   icon: Heart,
-                  text: "Available until 9PM",
+                  text: "Available until 9PM"},
-                },
               ],
               reverse: false,
             },
@@ -134,13 +118,9 @@ export default function ContactPage() {
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Order Online Now",
+              text: "Order Online Now",              href: "/order"},
-              href: "/order",
-            },
             {
-              text: "View Full Menu",
+              text: "View Full Menu",              href: "/menu"},
-              href: "/menu",
-            },
           ]}
           buttonAnimation="slide-up"
           textboxLayout="default"
@@ -148,21 +128,15 @@ export default function ContactPage() {
           useInvertedBackground={true}
           features={[
             {
-              id: "location-details",
+              id: "location-details",              title: "Lehigh Acres, Florida",              description: "Experience premium Caribbean fusion at our convenient Lehigh Acres location. Fresh-grilled authentic island cuisine made with love and expertise.",              media: {
-              title: "Lehigh Acres, Florida",
+                imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=8"},
-              description: "Experience premium Caribbean fusion at our convenient Lehigh Acres location. Fresh-grilled authentic island cuisine made with love and expertise.",
-              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=8",
-              },
               items: [
                 {
                   icon: Zap,
-                  text: "801 Leeland Heights Blvd W",
+                  text: "801 Leeland Heights Blvd W"},
-                },
                 {
                   icon: Heart,
-                  text: "Daily Service Until 9PM",
+                  text: "Daily Service Until 9PM"},
-                },
               ],
               reverse: true,
             },

src/app/gallery/page.tsx

@@ -47,7 +47,7 @@ export default function GalleryPage() {
     {
       title: "Connect With Us",      items: [
         { label: "Facebook", href: "https://facebook.com/caribbeanflair" },
-        { label: "About Us", href: "/about" },
+        { label: "About Us", href: "/" },
         { label: "Privacy Policy", href: "/" },
         { label: "Terms of Service", href: "/" },
       ],
@@ -66,7 +66,7 @@ export default function GalleryPage() {
     {
       id: "user-upload-1",      category: "Dishes",      title: "Caribbean Delight",      excerpt:
         "Stunning presentation of our signature Caribbean feast with vibrant colors and authentic flavors.",      imageSrc:
-        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-2gw0wih3.jpg?_wi=1",      imageAlt: "User uploaded Caribbean dish",      authorName: "Caribbean Flair Community",      authorAvatar:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1774024782095-k6jjvf7t.jpg",      imageAlt: "User uploaded Caribbean dish",      authorName: "Caribbean Flair Community",      authorAvatar:
         "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",      date: "Community Upload"},
     {
       id: "user-upload-2",      category: "Dishes",      title: "Island Feast Experience",      excerpt:

src/app/layout.tsx

@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
 import { DM_Sans } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 
 const halant = Halant({
@@ -24,16 +23,16 @@ const dmSans = DM_Sans({
 });
 
 export const metadata: Metadata = {
-  title: "Caribbean Flair Island Jerk Grill | Authentic Jamaican Food | Lehigh Acres",
+  title: 'CaribbeanFlair1',
-  description: "Premium authentic Jamaican island fusion food truck in Lehigh Acres, FL. Jerk chicken, curry shrimp, conch fritters & more. Black & women-owned by Teria Bryant & Deb Farrell. Order online today!",
+  description: 'Caribbean vibes wrapped in a truck',
   keywords: "jamaican food, jerk chicken, caribbean restaurant, food truck, lehigh acres, authentic jamaican cuisine, curry shrimp, conch fritters, black owned business, women owned business",
   metadataBase: new URL("https://caribbeanflairgrill.com"),
   alternates: {
     canonical: "https://caribbeanflairgrill.com",
   },
   openGraph: {
-    title: "Caribbean Flair Island Jerk Grill - Authentic Jamaican Island Flavors",
+    title: 'CaribbeanFlair1',
-    description: "Experience authentic Caribbean fusion. Fresh jerk meats, curry dishes & island soul food. Premium food truck in Lehigh Acres, FL.",
+    description: 'Caribbean vibes wrapped in a truck',
     url: "https://caribbeanflairgrill.com",
     siteName: "Caribbean Flair Island Jerk Grill",
     type: "website",
@@ -46,9 +45,9 @@ export const metadata: Metadata = {
   },
   twitter: {
     card: "summary_large_image",
-    title: "Caribbean Flair Island Jerk Grill - Authentic Jamaican Flavors",
+    title: 'CaribbeanFlair1',
-    description: "Order authentic Caribbean food truck fare. Jerk, curry, and soul food made with love.",
+    description: 'Caribbean vibes wrapped in a truck',
-    images: ["http://img.b2bpic.net/free-vector/summer-label-collectio_23-2148160410.jpg"],
+    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1774035733410-heoi30la.png"],
   },
   robots: {
     index: true,
@@ -67,7 +66,7 @@ export default function RootLayout({
         <body
           className={`${halant.variable} ${inter.variable} ${dmSans.variable} antialiased`}
         >
-          <Tag />
+          
           {children}
           <script
               dangerouslySetInnerHTML={{

src/app/menu/page.tsx

@@ -3,21 +3,10 @@
 import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import {
+import { Award, Flame, Phone, ShoppingCart } from "lucide-react";
-  Award,
-  Flame,
-  Phone,
-  ShoppingCart,
-  MapPin,
-  Clock,
-  Star,
-  Heart,
-  Zap,
-  TrendingUp,
-  Facebook,
-} from "lucide-react";
 import { useState, useEffect } from "react";
 
 export default function MenuPage() {
@@ -43,7 +32,7 @@ export default function MenuPage() {
 
   const navItems = [
     { name: "Home", id: "home" },
-    { name: "Menu", id: "signature-dishes" },
+    { name: "Menu", id: "featured-gallery" },
     { name: "About Us", id: "owners-spotlight" },
     { name: "Gallery", id: "featured-gallery" },
     { name: "Reviews", id: "testimonials" },
@@ -55,16 +44,16 @@ export default function MenuPage() {
       title: "Quick Links",      items: [
         { label: "Home", href: "/" },
         { label: "Menu", href: "/menu" },
-        { label: "Gallery", href: "/#featured-gallery" },
+        { label: "Gallery", href: "/gallery" },
-        { label: "Reviews", href: "/#testimonials" },
+        { label: "Reviews", href: "/reviews" },
       ],
     },
     {
       title: "Order & Contact",      items: [
-        { label: "Order Online", href: "/menu" },
+        { label: "Order Online", href: "/order-now" },
         { label: "Call Us", href: "tel:2397850423" },
-        { label: "Locations & Hours", href: "/#footer" },
+        { label: "Locations & Hours", href: "/locations" },
-        { label: "Contact", href: "/#footer" },
+        { label: "Contact", href: "/contact" },
       ],
     },
     {
@@ -84,6 +73,45 @@ export default function MenuPage() {
     },
   ];
 
+  // All 5 menu pages with their images
+  const menuPages = [
+    {
+      id: "menu-page-1",      name: "Menu Page 1",      title: "Main Dishes",      description: "Signature jerk meats, curry specialties, and authentic Caribbean proteins grilled fresh to order.",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773931203656-6q5n09tb.jpg",      imageAlt: "Menu Page 1 - Main Dishes",      items: [
+        { name: "Jerk Chicken Platter", price: "$15.95", variant: "Full Rack" },
+        { name: "Curry Goat Platter", price: "$17.95", variant: "Tender & Aromatic" },
+        { name: "Jerk Pork Platter", price: "$16.95", variant: "Juicy & Spiced" },
+      ]
+    },
+    {
+      id: "menu-page-2",      name: "Menu Page 2",      title: "Seafood & Appetizers",      description: "Fresh seafood selections and delicious appetizers to start your island feast.",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773931203656-k0zmv702.jpg",      imageAlt: "Menu Page 2 - Seafood & Appetizers",      items: [
+        { name: "Escovitch Fish", price: "$18.95", variant: "Island Tradition" },
+        { name: "Curry Shrimp Platter", price: "$16.95", variant: "Fresh Daily" },
+        { name: "Conch Fritters Combo", price: "$12.95", variant: "6 Pieces" },
+      ]
+    },
+    {
+      id: "menu-page-3",      name: "Menu Page 3",      title: "Sandwiches & Wraps",      description: "Fresh-grilled sandwiches and wraps packed with authentic Caribbean flavors.",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773931203656-uswy1139.jpg",      imageAlt: "Menu Page 3 - Sandwiches & Wraps",      items: [
+        { name: "Jerk Chicken Sandwich", price: "$11.95", variant: "Fresh Bread" },
+        { name: "Curry Goat Sandwich", price: "$12.95", variant: "Hearty & Flavorful" },
+        { name: "Pulled Pork Sandwich", price: "$11.95", variant: "Smoky & Tender" },
+      ]
+    },
+    {
+      id: "menu-page-4",      name: "Menu Page 4",      title: "Sides & Platters",      description: "Classic Caribbean sides and complete platter combinations.",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773931203657-pi7z5ykc.jpg",      imageAlt: "Menu Page 4 - Sides & Platters",      items: [
+        { name: "Rice & Peas", price: "$4.95", variant: "Classic Caribbean" },
+        { name: "Creamy Mac & Cheese", price: "$5.95", variant: "Comfort Classic" },
+        { name: "Festival Dumplings", price: "$4.95", variant: "Golden & Crispy" },
+      ]
+    },
+    {
+      id: "menu-page-5",      name: "Menu Page 5",      title: "Beverages & Specials",      description: "Refreshing tropical beverages and special combo selections.",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773931203657-qyiakzyt.jpg",      imageAlt: "Menu Page 5 - Beverages & Specials",      items: [
+        { name: "Sorrel Punch", price: "$3.95", variant: "16 oz" },
+        { name: "Island Ginger Beer", price: "$3.95", variant: "Refreshing" },
+        { name: "Island Feast Combo", price: "$22.95", variant: "Jerk Chicken + Sides" },
+      ]
+    },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -154,28 +182,16 @@ export default function MenuPage() {
           opacity: 0;
         }
 
-        #menu-header {
+        #hero [data-section] {
           animation-delay: 0.1s;
         }
 
-        #full-menu {
+        #featured-gallery {
           animation-delay: 0.2s;
         }
 
-        #mains {
-          animation-delay: 0.3s;
-        }
-
-        #sides {
-          animation-delay: 0.4s;
-        }
-
-        #beverages {
-          animation-delay: 0.5s;
-        }
-
         #footer {
-          animation-delay: 0.6s;
+          animation-delay: 0.3s;
         }
 
         img {
@@ -183,18 +199,14 @@ export default function MenuPage() {
           opacity: 0;
         }
 
-        #full-menu img {
+        #hero img {
           animation-delay: 0.3s;
         }
 
-        #mains img {
+        #featured-gallery img {
           animation-delay: 0.4s;
         }
 
-        #sides img {
-          animation-delay: 0.5s;
-        }
-
         button, [role="button"], a[href*="#"], a[href*="/"] {
           position: relative;
           transition: all 0.3s ease;
@@ -220,7 +232,7 @@ export default function MenuPage() {
           brandName="Caribbean Flair"
           navItems={navItems}
           button={{
-            text: "Order Now",            href: "/menu"
+            text: "Order Now",            href: "/order-now"
           }}
         />
       </div>
@@ -237,14 +249,14 @@ export default function MenuPage() {
               {navItems.map((item) => (
                 <a
                   key={item.id}
-                  href={item.id === "home" ? "/" : `/#${item.id}`}
+                  href={`#${item.id}`}
                   className="block text-gray-800 hover:text-primary-cta font-medium"
                   onClick={() => setIsMobileMenuOpen(false)}
                 >
                   {item.name}
                 </a>
               ))}
-              <a href="/menu" className="w-full bg-primary-cta text-white py-2 rounded-lg font-semibold hover:opacity-90 text-center block">
+              <a href="/order-now" className="w-full bg-primary-cta text-white py-2 rounded-lg font-semibold hover:opacity-90 text-center block">
                 Order Now
               </a>
             </div>
@@ -263,7 +275,7 @@ export default function MenuPage() {
             <Phone className="w-6 h-6 text-primary-cta group-hover:scale-110 transition-transform" />
           </a>
           <a
-            href="/menu"
+            href="/order-now"
             className="bg-gradient-to-r from-primary-cta to-accent text-white rounded-full p-4 shadow-lg hover:shadow-xl transition-all flex items-center justify-center group font-semibold"
             title="Order Now"
           >
@@ -298,168 +310,155 @@ export default function MenuPage() {
         </div>
       )}
 
-      {/* Menu Header Section */}
+      {/* Hero Section - Menu Header */}
-      <div id="menu-header" data-section="menu-header" className="py-12 md:py-20 px-4 bg-gradient-to-b from-white to-gray-50">
+      <div id="hero" data-section="hero">
-        <div className="max-w-4xl mx-auto text-center space-y-4">
+        <HeroSplit
-          <h1 className="text-4xl md:text-5xl font-bold text-gray-900">Full Island Menu</h1>
+          title="Complete Menu - All 5 Pages"
-          <p className="text-lg text-gray-600">Authentic Caribbean dishes crafted fresh daily by our expert grill masters. Every meal is made with love and island passion.</p>
+          description="Explore our full authentic Caribbean menu across all categories. Fresh island flavors, grilled to perfection. Click each menu page to see detailed items and pricing."
-          <div className="flex flex-wrap justify-center gap-4 mt-6">
+          tag="Full Menu"
-            <a href="tel:2397850423" className="inline-flex items-center gap-2 px-6 py-3 bg-white border-2 border-primary-cta text-primary-cta rounded-full font-semibold hover:bg-primary-cta hover:text-white transition-all">
+          tagIcon={Award}
-              <Phone className="w-5 h-5" />
+          tagAnimation="slide-up"
-              Call (239) 785-0423
+          background={{ variant: "glowing-orb" }}
-            </a>
+          buttons={[
-            <div className="inline-flex items-center gap-2 text-gray-700">
+            {
-              <Clock className="w-5 h-5 text-primary-cta" />
+              text: "Order Online Now",              href: "/order-now"
-              Open Until 9PM
+            },
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773930101919-ghty3a8u.png?_wi=1"
+          imageAlt="Caribbean Flair Complete Menu"
+          mediaAnimation="opacity"
+          imagePosition="right"
+          ariaLabel="Menu page hero section"
+        />
+      </div>
+
+      {/* All 5 Menu Pages with Interactive Display */}
+      <div id="featured-gallery" data-section="featured-gallery">
+        <div className="px-4 py-16 md:px-8">
+          <div className="max-w-6xl mx-auto">
+            <div className="text-center mb-12">
+              <h2 className="text-3xl md:text-4xl font-bold mb-4">All 5 Menu Pages</h2>
+              <p className="text-lg text-gray-600">Browse through our complete menu collection featuring all dishes, sides, and beverages. Click on each page to explore items and pricing.</p>
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6">
+              {menuPages.map((page) => (
+                <div
+                  key={page.id}
+                  className="group relative overflow-hidden rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer bg-white border border-gray-200 hover:border-orange-500"
+                  onClick={() => {
+                    // Open menu page in new context or scroll to details
+                    const details = document.getElementById(`details-${page.id}`);
+                    if (details) {
+                      details.scrollIntoView({ behavior: 'smooth' });
+                    }
+                  }}
+                >
+                  {/* Menu Page Image */}
+                  <div className="relative overflow-hidden h-64 bg-gray-100">
+                    <img
+                      src={page.imageSrc}
+                      alt={page.imageAlt}
+                      className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"
+                    />
+                    <div className="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex items-end p-4">
+                      <div>
+                        <p className="text-orange-400 text-sm font-semibold mb-1">{page.name}</p>
+                        <h3 className="text-white text-xl font-bold">{page.title}</h3>
+                      </div>
+                    </div>
+                  </div>
+
+                  {/* Menu Page Details */}
+                  <div className="p-4">
+                    <p className="text-gray-600 text-sm mb-4">{page.description}</p>
+
+                    {/* Items Preview */}
+                    <div className="space-y-2 mb-4">
+                      {page.items.map((item, idx) => (
+                        <div key={idx} className="text-sm border-t pt-2">
+                          <div className="flex justify-between items-start">
+                            <div>
+                              <p className="font-semibold text-gray-800">{item.name}</p>
+                              <p className="text-gray-500 text-xs">{item.variant}</p>
+                            </div>
+                            <p className="font-bold text-orange-600">{item.price}</p>
+                          </div>
+                        </div>
+                      ))}
+                    </div>
+
+                    {/* View More Button */}
+                    <a
+                      href="/order-now"
+                      className="block w-full text-center bg-gradient-to-r from-orange-500 to-orange-600 text-white py-2 rounded-lg font-semibold hover:opacity-90 transition-opacity"
+                    >
+                      Order from {page.name}
+                    </a>
+                  </div>
+                </div>
+              ))}
             </div>
           </div>
         </div>
       </div>
 
-      {/* Main Dishes Section */}
+      {/* Additional Menu Details Section */}
-      <div id="mains" data-section="mains">
+      <div className="px-4 py-16 md:px-8 bg-gray-50">
-        <ProductCardFour
+        <div className="max-w-6xl mx-auto">
-          title="Main Island Dishes"
+          <h2 className="text-3xl font-bold mb-12 text-center">Menu Categories Overview</h2>
-          description="Signature mains grilled to perfection with authentic Caribbean spices and flavors."
-          tag="Must Try"
-          tagIcon={Flame}
-          tagAnimation="slide-up"
-          buttons={[
-            {
-              text: "Order Online",              href: "#order"
-            },
-          ]}
-          buttonAnimation="slide-up"
-          textboxLayout="default"
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          products={[
-            {
-              id: "jerk-chicken",              name: "Jerk Chicken Platter",              price: "$15.95",              variant: "Full Rack | Rice & Peas",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773884559172-6jmwoep9.png",              imageAlt: "Jerk chicken grilled on foil with spices"
-            },
-            {
-              id: "curry-shrimp",              name: "Curry Shrimp Platter",              price: "$16.95",              variant: "Fresh Daily | Festival Dumplings",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Curry shrimp over rice and peas"
-            },
-            {
-              id: "conch-fritters",              name: "Conch Fritters Combo",              price: "$12.95",              variant: "6 Pieces | Dipping Sauce",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Golden conch fritters with dipping sauce"
-            },
-            {
-              id: "curry-goat",              name: "Curry Goat Platter",              price: "$17.95",              variant: "Tender & Aromatic | Bread",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Rich curry goat served over rice and peas"
-            },
-            {
-              id: "escovitch-fish",              name: "Escovitch Fish",              price: "$16.95",              variant: "Fresh Fish | Pickled Veggies",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Escovitch fish with pickled vegetables and lime"
-            },
-            {
-              id: "jerk-pork",              name: "Jerk Pork Ribs",              price: "$18.95",              variant: "Half Rack | Mac & Cheese",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Perfectly seasoned jerk pork ribs with island spices"
-            },
-          ]}
-        />
-      </div>
 
-      {/* Sides & Extras Section */}
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-      <div id="sides" data-section="sides">
+            {menuPages.map((page) => (
-        <ProductCardFour
+              <div
-          title="Sides & Extras"
+                key={`details-${page.id}`}
-          description="Perfect complements to your main dish. All made fresh daily with authentic Caribbean flavors."
+                id={`details-${page.id}`}
-          tag="Sides & Accompaniments"
+                className="bg-white rounded-lg p-6 shadow-md border-l-4 border-orange-500"
-          tagIcon={Star}
+              >
-          tagAnimation="slide-up"
+                <div className="flex items-start gap-4 mb-4">
-          buttons={[
+                  <img
-            {
+                    src={page.imageSrc}
-              text: "Add to Order",              href: "#order"
+                    alt={page.imageAlt}
-            },
+                    className="w-24 h-24 object-cover rounded-lg flex-shrink-0"
-          ]}
+                  />
-          buttonAnimation="slide-up"
+                  <div>
-          textboxLayout="default"
+                    <h3 className="text-xl font-bold text-gray-900">{page.name}: {page.title}</h3>
-          gridVariant="three-columns-all-equal-width"
+                    <p className="text-gray-600 text-sm mt-1">{page.description}</p>
-          animationType="slide-up"
+                  </div>
-          useInvertedBackground={true}
+                </div>
-          products={[
-            {
-              id: "rice-peas",              name: "Rice & Peas",              price: "$4.95",              variant: "Island Classic | Per Side",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Fluffy rice and peas side dish"
-            },
-            {
-              id: "mac-cheese",              name: "Creamy Mac & Cheese",              price: "$5.95",              variant: "Soul Food Special | Comfort Classic",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Creamy mac and cheese side dish"
-            },
-            {
-              id: "festival",              name: "Festival Dumplings",              price: "$3.95",              variant: "6 Pieces | Golden & Crispy",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Crispy golden festival dumplings"
-            },
-            {
-              id: "tropical-slaw",              name: "Tropical Slaw",              price: "$4.95",              variant: "Fresh Veggies | Island Dressing",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Fresh tropical slaw with island dressing"
-            },
-            {
-              id: "plantain-chips",              name: "Plantain Chips",              price: "$5.95",              variant: "Crispy & Salted | Caribbean Favorite",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Crispy plantain chips"
-            },
-            {
-              id: "johnny-cakes",              name: "Johnny Cakes",              price: "$4.95",              variant: "4 Pieces | Fresh Baked",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Fresh baked johnny cakes"
-            },
-          ]}
-        />
-      </div>
 
-      {/* Beverages Section */}
+                <div className="space-y-3 mt-4">
-      <div id="beverages" data-section="beverages">
+                  {page.items.map((item, idx) => (
-        <ProductCardFour
+                    <div key={idx} className="flex justify-between items-center py-2 border-b border-gray-200 last:border-b-0">
-          title="Beverages & Drinks"
+                      <div>
-          description="Cool off with our refreshing Caribbean drinks and island favorites."
+                        <p className="font-semibold text-gray-800">{item.name}</p>
-          tag="Quench Your Thirst"
+                        <p className="text-gray-500 text-xs">{item.variant}</p>
-          tagIcon={Zap}
+                      </div>
-          tagAnimation="slide-up"
+                      <p className="font-bold text-orange-600 text-lg">{item.price}</p>
-          buttons={[
+                    </div>
-            {
+                  ))}
-              text: "Add Drink",              href: "#order"
+                </div>
-            },
-          ]}
-          buttonAnimation="slide-up"
-          textboxLayout="default"
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          products={[
-            {
-              id: "ginger-beer",              name: "Ginger Beer",              price: "$3.95",              variant: "Bottle | Refreshing & Spicy",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Cold ginger beer bottle"
-            },
-            {
-              id: "sorrel",              name: "Sorrel Drink",              price: "$4.95",              variant: "Seasonal | Caribbean Favorite",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Traditional sorrel drink"
-            },
-            {
-              id: "mango-juice",              name: "Fresh Mango Juice",              price: "$5.95",              variant: "Fresh Pressed | No Sugar Added",              imageSrc: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Fresh mango juice"
-            },
-          ]}
-        />
-      </div>
 
-      {/* Order CTA Section */}
+                <a
-      <div id="order" data-section="order" className="py-16 md:py-24 px-4 bg-gradient-to-r from-primary-cta to-accent">
+                  href="/order-now"
-        <div className="max-w-2xl mx-auto text-center space-y-6 text-white">
+                  className="mt-6 block w-full text-center bg-orange-600 hover:bg-orange-700 text-white py-2 rounded-lg font-semibold transition-colors"
-          <h2 className="text-3xl md:text-4xl font-bold">Ready to Order?</h2>
+                >
-          <p className="text-lg opacity-90">Call us now or visit our location to experience authentic Caribbean island flavors made fresh daily.</p>
+                  Order Now
-          <div className="flex flex-col sm:flex-row gap-4 justify-center mt-8">
+                </a>
-            <a href="tel:2397850423" className="inline-flex items-center justify-center gap-2 px-8 py-4 bg-white text-primary-cta rounded-full font-bold text-lg hover:bg-gray-100 transition-all">
+              </div>
-              <Phone className="w-6 h-6" />
+            ))}
-              Call (239) 785-0423
-            </a>
-            <a href="https://www.google.com/maps/search/caribbean+flair+island+jerk+grill+lehigh+acres" target="_blank" className="inline-flex items-center justify-center gap-2 px-8 py-4 bg-white/20 border-2 border-white text-white rounded-full font-bold text-lg hover:bg-white/30 transition-all">
-              <MapPin className="w-6 h-6" />
-              Visit Us
-            </a>
-          </div>
-          <div className="pt-6 border-t border-white/30 space-y-2 text-sm">
-            <p>📍 801 Leeland Heights Blvd W, Lehigh Acres, FL 33936</p>
-            <p>🕐 Open Until 9PM Daily</p>
-            <p>🚚 Delivery Available</p>
           </div>
         </div>
       </div>
 
-      {/* Footer */}
+      {/* Footer with Local Map Info and Social Links */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773884559172-6jmwoep9.png"
+          imageSrc="data:image/svg+xml,%3Csvg xmlns=?_wi=2'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EFooter Image%3C/text%3E%3C/svg%3E"
           imageAlt="Caribbean Flair Island Jerk Grill Trailer"
           logoText="Caribbean Flair"
-          copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
+          copyrightText="© 2026 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
           columns={footerColumns}
         />
       </div>

src/app/order-now/page.tsx

@@ -4,40 +4,22 @@ import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import HeroSplit from "@/components/sections/hero/HeroSplit";
-import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import {
   Award,
-  Zap,
+  Truck,
-  TrendingUp,
-  Facebook,
   Phone,
   ShoppingCart,
-  ExternalLink,
+  MapPin,
   Clock,
+  Facebook,
 } from "lucide-react";
 import { useState, useEffect } from "react";
 
 export default function OrderNowPage() {
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
   const [isDesktopButtonsVisible, setIsDesktopButtonsVisible] = useState(true);
-  const [showCookiePreferences, setShowCookiePreferences] = useState(false);
-  const [cookiesAccepted, setCookiesAccepted] = useState(false);
-
-  useEffect(() => {
-    const cookieConsent = localStorage.getItem("cookie-consent");
-    if (!cookieConsent) {
-      setShowCookiePreferences(true);
-    } else {
-      setCookiesAccepted(true);
-    }
-  }, []);
-
-  const handleCookieAccept = () => {
-    localStorage.setItem("cookie-consent", "accepted");
-    setCookiesAccepted(true);
-    setShowCookiePreferences(false);
-  };
 
   const navItems = [
     { name: "Home", id: "home" },
@@ -52,17 +34,17 @@ export default function OrderNowPage() {
     {
       title: "Quick Links",      items: [
         { label: "Home", href: "/" },
-        { label: "Order Now", href: "/order-now" },
+        { label: "Menu", href: "/#signature-dishes" },
         { label: "Gallery", href: "/#featured-gallery" },
         { label: "Reviews", href: "/#testimonials" },
       ],
     },
     {
       title: "Order & Contact",      items: [
-        { label: "Uber Eats", href: "https://www.ubereats.com/search?q=caribbean%20flair&location=Lehigh%20Acres%2C%20FL" },
+        { label: "Order Online", href: "/order-now" },
-        { label: "DoorDash", href: "https://www.doordash.com/search?q=caribbean%20flair&location=Lehigh%20Acres%2C%20FL" },
-        { label: "Grubhub", href: "https://www.grubhub.com/search?q=caribbean%20flair&location=Lehigh%20Acres%2C%20FL" },
         { label: "Call Us", href: "tel:2397850423" },
+        { label: "Locations & Hours", href: "/#footer" },
+        { label: "Contact", href: "/#footer" },
       ],
     },
     {
@@ -82,6 +64,13 @@ export default function OrderNowPage() {
     },
   ];
 
+  const deliveryServices = [
+    { name: "Uber Eats", href: "https://www.ubereats.com", logo: "🍔" },
+    { name: "DoorDash", href: "https://www.doordash.com", logo: "🚗" },
+    { name: "Grubhub", href: "https://www.grubhub.com", logo: "📱" },
+    { name: "Seamless", href: "https://www.seamless.com", logo: "🛵" },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -127,18 +116,6 @@ export default function OrderNowPage() {
           }
         }
 
-        @keyframes glowHover {
-          0% {
-            box-shadow: 0 0 0px rgba(227, 68, 0, 0.4);
-          }
-          50% {
-            box-shadow: 0 0 20px rgba(227, 68, 0, 0.6);
-          }
-          100% {
-            box-shadow: 0 0 30px rgba(227, 68, 0, 0.8);
-          }
-        }
-
         html {
           scroll-behavior: smooth;
         }
@@ -156,44 +133,13 @@ export default function OrderNowPage() {
           animation-delay: 0.1s;
         }
 
-        #order-providers {
+        #delivery-options {
           animation-delay: 0.2s;
         }
 
-        #final-cta {
-          animation-delay: 0.3s;
-        }
-
         #footer {
-          animation-delay: 0.4s;
-        }
-
-        img {
-          animation: slideInFromRight 1s ease-out forwards;
-          opacity: 0;
-        }
-
-        #hero img {
           animation-delay: 0.3s;
         }
-
-        button, [role="button"], a[href*="#"], a[href*="/"] {
-          position: relative;
-          transition: all 0.3s ease;
-        }
-
-        button:hover, [role="button"]:hover, a[href*="#"]:hover, a[href*="/"]:hover {
-          animation: glowHover 0.6s ease-in-out;
-        }
-
-        .bg-gradient-to-r, .bg-primary-cta, [class*="bg-blue"], [class*="bg-orange"], [class*="bg-red"] {
-          transition: all 0.3s ease;
-        }
-
-        .bg-gradient-to-r:hover, .bg-primary-cta:hover, [class*="bg-blue"]:hover, [class*="bg-orange"]:hover, [class*="bg-red"]:hover {
-          filter: brightness(1.1);
-          animation: glowHover 0.6s ease-in-out;
-        }
       `}</style>
 
       {/* Persistent Top Navigation Bar */}
@@ -202,221 +148,74 @@ export default function OrderNowPage() {
           brandName="Caribbean Flair"
           navItems={navItems}
           button={{
-            text: "See Full Menu",            href: "/"
+            text: "Order Now",            href: "/order-now"
           }}
         />
       </div>
 
-      {/* Floating Mobile Sidebar Menu */}
-      {isMobileMenuOpen && (
-        <div className="fixed inset-0 z-30 md:hidden">
-          <div
-            className="absolute inset-0 bg-black/50"
-            onClick={() => setIsMobileMenuOpen(false)}
-          />
-          <div className="absolute right-0 top-16 w-64 bg-white/95 backdrop-blur-lg rounded-lg shadow-2xl m-4 border border-white/20">
-            <div className="p-6 space-y-4">
-              {navItems.map((item) => (
-                <a
-                  key={item.id}
-                  href={`#${item.id}`}
-                  className="block text-gray-800 hover:text-primary-cta font-medium"
-                  onClick={() => setIsMobileMenuOpen(false)}
-                >
-                  {item.name}
-                </a>
-              ))}
-              <a href="/" className="w-full bg-primary-cta text-white py-2 rounded-lg font-semibold hover:opacity-90 text-center block">
-                Back to Home
-              </a>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* Floating Desktop Action Buttons */}
-      {isDesktopButtonsVisible && (
-        <div className="hidden md:fixed md:right-6 md:bottom-6 md:z-20 md:flex md:flex-col md:gap-3">
-          <a
-            href="tel:2397850423"
-            className="bg-white/90 backdrop-blur-lg border border-white/20 rounded-full p-4 shadow-lg hover:shadow-xl hover:bg-white transition-all flex items-center justify-center group"
-            title="Call Us"
-          >
-            <Phone className="w-6 h-6 text-primary-cta group-hover:scale-110 transition-transform" />
-          </a>
-          <a
-            href="/"
-            className="bg-gradient-to-r from-primary-cta to-accent text-white rounded-full p-4 shadow-lg hover:shadow-xl transition-all flex items-center justify-center group font-semibold"
-            title="Back to Home"
-          >
-            <ShoppingCart className="w-6 h-6 group-hover:scale-110 transition-transform" />
-          </a>
-        </div>
-      )}
-
-      {/* Cookie Preferences Popup */}
-      {showCookiePreferences && !cookiesAccepted && (
-        <div className="fixed bottom-6 left-6 right-6 z-50 max-w-sm bg-white/95 backdrop-blur-lg rounded-lg shadow-2xl border border-white/20 p-4 md:p-6">
-          <div className="space-y-3">
-            <h3 className="font-semibold text-gray-900">Cookie Preferences</h3>
-            <p className="text-sm text-gray-600">
-              We use cookies to enhance your experience, personalize content, and analyze site traffic.
-            </p>
-            <div className="flex gap-3">
-              <button
-                onClick={handleCookieAccept}
-                className="flex-1 bg-primary-cta text-white py-2 rounded-lg font-semibold hover:opacity-90 transition-opacity"
-              >
-                Accept All
-              </button>
-              <button
-                onClick={() => setShowCookiePreferences(false)}
-                className="flex-1 border border-gray-300 text-gray-800 py-2 rounded-lg font-semibold hover:bg-gray-50 transition-colors"
-              >
-                Decline
-              </button>
-            </div>
-          </div>
-        </div>
-      )}
-
       {/* Hero Section */}
       <div id="hero" data-section="hero">
         <HeroSplit
-          title="Order Your Caribbean Feast"
+          title="Order Your Island Feast"
-          description="Fresh off the grill. Order authentic Jamaican jerk, curry, and soul food through your favorite delivery service. Get it delivered hot, fresh, and delicious."
+          description="Choose your delivery service and get your authentic Caribbean meal fresh and hot. We deliver island flavors straight to your door."
-          tag="Multiple Delivery Options"
+          tag="Quick Delivery"
-          tagIcon={Award}
+          tagIcon={Truck}
           tagAnimation="slide-up"
           background={{ variant: "glowing-orb" }}
           buttons={[
             {
-              text: "Explore Delivery Options",              href: "#order-providers"
+              text: "View Menu",              href: "/#signature-dishes"
             },
-          ]}
-          buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773884559172-6jmwoep9.png"
-          imageAlt="Caribbean Flair Island Jerk Grill Order Now"
-          mediaAnimation="opacity"
-          imagePosition="right"
-          ariaLabel="Hero section for order now page"
-        />
-      </div>
-
-      {/* Delivery Providers Section */}
-      <div id="order-providers" data-section="order-providers">
-        <FeatureCardTen
-          title="Choose Your Delivery Partner"
-          description="Order your Caribbean Flair favorites through these trusted delivery platforms. Fast, reliable, and convenient delivery straight to your door."
-          tag="Seamless Ordering"
-          tagIcon={Zap}
-          tagAnimation="slide-up"
-          buttons={[]}
-          buttonAnimation="slide-up"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          features={[
-            {
-              id: "uber-eats",              title: "Uber Eats",              description: "Order on Uber Eats for fast, convenient delivery. Browse our full menu and track your order in real-time.",              media: {
-                imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=1'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23000000' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='20' font-weight='bold' text-anchor='middle' dominant-baseline='middle' fill='%23FFFFFF'%3EUber Eats%3C/text%3E%3C/svg%3E"
-              },
-              items: [
-                {
-                  icon: ExternalLink,
-                  text: "Fast delivery available"
-                },
-                {
-                  icon: TrendingUp,
-                  text: "Real-time order tracking"
-                },
-              ],
-              reverse: false,
-            },
-            {
-              id: "doordash",              title: "DoorDash",              description: "Order via DoorDash for reliable delivery service. Enjoy exclusive deals and quick service to your location.",              media: {
-                imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=2'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23FF3008' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='20' font-weight='bold' text-anchor='middle' dominant-baseline='middle' fill='%23FFFFFF'%3EDoorDash%3C/text%3E%3C/svg%3E"
-              },
-              items: [
-                {
-                  icon: ExternalLink,
-                  text: "Exclusive DoorDash deals"
-                },
-                {
-                  icon: TrendingUp,
-                  text: "Reliable delivery service"
-                },
-              ],
-              reverse: true,
-            },
-            {
-              id: "grubhub",              title: "Grubhub",              description: "Order through Grubhub for convenient food delivery. Discover our menu and enjoy delicious Caribbean cuisine at home.",              media: {
-                imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=3'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23FF8000' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='20' font-weight='bold' text-anchor='middle' dominant-baseline='middle' fill='%23FFFFFF'%3EGrubhub%3C/text%3E%3C/svg%3E"
-              },
-              items: [
-                {
-                  icon: ExternalLink,
-                  text: "Easy menu browsing"
-                },
-                {
-                  icon: TrendingUp,
-                  text: "Convenient home delivery"
-                },
-              ],
-              reverse: false,
-            },
-          ]}
-        />
-      </div>
-
-      {/* Direct Ordering CTA Section */}
-      <div id="final-cta" data-section="final-cta">
-        <FeatureCardTen
-          title="Can't Wait? Call Us Directly"
-          description="Want to place a quick order or have special requests? Call Caribbean Flair directly and speak with our team. We're here to serve you!"
-          tag="Direct Ordering"
-          tagIcon={Phone}
-          tagAnimation="slide-up"
-          buttons={[
             {
               text: "Call (239) 785-0423",              href: "tel:2397850423"
             },
-            {
-              text: "Back to Home",              href: "/"
-            },
           ]}
           buttonAnimation="slide-up"
-          textboxLayout="default"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773930101919-jnf5am09.png?_wi=1"
-          animationType="slide-up"
+          imageAlt="Caribbean Flair delivery service"
-          useInvertedBackground={true}
+          mediaAnimation="opacity"
-          features={[
+          imagePosition="right"
-            {
+          ariaLabel="Order now section with delivery options"
-              id: "direct-call",              title: "Phone Orders",              description: "Skip the apps and call us directly for personalized service and custom orders.",              media: {
-                imageSrc: "data:image/svg+xml,%3Csvg xmlns=?_wi=4'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ECall Us Today%3C/text%3E%3C/svg%3E"
-              },
-              items: [
-                {
-                  icon: Phone,
-                  text: "(239) 785-0423"
-                },
-                {
-                  icon: Clock,
-                  text: "Open until 9PM daily"
-                },
-              ],
-              reverse: false,
-            },
-          ]}
         />
       </div>
 
-      {/* Footer */}
+      {/* Delivery Options Section */}
+      <div id="delivery-options" data-section="delivery-options">
+        <div className="px-4 py-12 md:px-8">
+          <div className="max-w-6xl mx-auto">
+            <div className="text-center mb-12">
+              <h2 className="text-3xl md:text-4xl font-bold mb-4">Choose Your Delivery Service</h2>
+              <p className="text-lg text-gray-600">Select your preferred delivery partner to bring Caribbean Flair straight to your table. Fast, reliable service with real-time tracking.</p>
+            </div>
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+              {deliveryServices.map((service) => (
+                <a
+                  key={service.name}
+                  href={service.href}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="group relative overflow-hidden rounded-lg p-6 bg-white border-2 border-gray-200 hover:border-orange-500 hover:shadow-lg transition-all duration-300 flex flex-col items-center justify-center min-h-40 text-center"
+                >
+                  <div className="absolute inset-0 bg-gradient-to-r from-orange-500/0 to-orange-500/0 group-hover:from-orange-500/5 group-hover:to-orange-500/10 transition-all duration-300" />
+                  <div className="relative z-10">
+                    <div className="text-4xl mb-3">{service.logo}</div>
+                    <p className="font-bold text-lg mb-1 group-hover:text-orange-600 transition-colors">{service.name}</p>
+                    <p className="text-sm text-gray-500 group-hover:text-gray-700">Order online →</p>
+                  </div>
+                </a>
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Footer with Local Map Info and Social Links */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="data:image/svg+xml,%3Csvg xmlns=?_wi=5'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EFooter Image%3C/text%3E%3C/svg%3E"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773930101920-zrd23q6i.jpg?_wi=1"
           imageAlt="Caribbean Flair Island Jerk Grill Trailer"
           logoText="Caribbean Flair"
-          copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
+          copyrightText="© 2026 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
           columns={footerColumns}
         />
       </div>

src/app/page.tsx

@@ -61,7 +61,7 @@ export default function HomePage() {
     {
       title: "Quick Links",      items: [
         { label: "Home", href: "/" },
-        { label: "Menu", href: "#signature-dishes" },
+        { label: "Menu", href: "/menu" },
         { label: "Gallery", href: "#featured-gallery" },
         { label: "Reviews", href: "#testimonials" },
       ],
@@ -71,7 +71,7 @@ export default function HomePage() {
         { label: "Order Online", href: "/order-now" },
         { label: "Call Us", href: "tel:2397850423" },
         { label: "Locations & Hours", href: "#footer" },
-        { label: "Contact", href: "#footer" },
+        { label: "Contact", href: "/contact" },
       ],
     },
     {
@@ -323,11 +323,11 @@ export default function HomePage() {
               text: "Order Online Now",              href: "/order-now"
             },
             {
-              text: "View Full Menu",              href: "#signature-dishes"
+              text: "View Full Menu",              href: "/menu"
             },
           ]}
           buttonAnimation="slide-up"
-          imageSrc="data:image/svg+xml,%3Csvg xmlns=?_wi=6'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1774037074715-sefatm1w.png"
           imageAlt="Red Caribbean Flair Island Jerk Grill Trailer"
           mediaAnimation="opacity"
           imagePosition="right"
@@ -356,15 +356,15 @@ export default function HomePage() {
           products={[
             {
               id: "jerk-chicken",              name: "Jerk Chicken Platter",              price: "$15.95",              variant: "Full Rack",              imageSrc:
-                "https://upload.wikimedia.org/wikipedia/commons/thumb/8/8d/Jerk_chicken.jpg/1024px-Jerk_chicken.jpg",              imageAlt: "Jerk chicken grilled on foil with spices"
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1774032291765-7gv1fwjr.jpg",              imageAlt: "Jerk chicken grilled on foil with spices"
             },
             {
               id: "curry-shrimp",              name: "Curry Shrimp Platter",              price: "$16.95",              variant: "Fresh Daily",              imageSrc:
-                "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Curry_shrimp.jpg/1024px-Curry_shrimp.jpg",              imageAlt: "Curry shrimp over rice and peas"
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1774032307530-eoalvxyb.jpg",              imageAlt: "Curry shrimp over rice and peas"
             },
             {
-              id: "conch-fritters",              name: "Conch Fritters Combo",              price: "$12.95",              variant: "6 Pieces",              imageSrc:
+              id: "conch-fritters",              name: "Jerk Pork Dinner",              price: "$15.95",              variant: "Over Grill ",              imageSrc:
-                "https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Conch_fritters.jpg/1024px-Conch_fritters.jpg",              imageAlt: "Golden conch fritters with dipping sauce"
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1774032264249-39yd1uqq.jpg",              imageAlt: "Golden conch fritters with dipping sauce"
             },
           ]}
         />
@@ -385,38 +385,38 @@ export default function HomePage() {
             {
               id: "jerk-pork",              category: "Main Dishes",              title: "Jerk Pork Did Not Disappoint",              excerpt:
                 "Perfectly seasoned and grilled, bursting with island spices and authentic Jamaican flavor.",              imageSrc:
-                "data:image/svg+xml,%3Csvg xmlns=?_wi=10'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Jerk pork platter with rice and tropical slaw",              authorName: "Caribbean Flair Team",              authorAvatar:
+                "data:image/svg+xml,%3Csvg xmlns=?_wi=4'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Jerk pork platter with rice and tropical slaw",              authorName: "Caribbean Flair Team",              authorAvatar:
                 "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E",              date: "Fresh Daily"
             },
             {
               id: "curry-goat",              category: "Featured",              title: "Curry Goat - A Community Favorite",              excerpt:
                 "Tender, aromatic, and cooked to perfection. Every bite transports you straight to Jamaica.",              imageSrc:
-                "data:image/svg+xml,%3Csvg xmlns=?_wi=11'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Rich curry goat served over rice and peas",              authorName: "Caribbean Flair Team",              authorAvatar:
+                "data:image/svg+xml,%3Csvg xmlns=?_wi=5'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Rich curry goat served over rice and peas",              authorName: "Caribbean Flair Team",              authorAvatar:
                 "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E",              date: "Popular Choice"
             },
             {
               id: "festival-sides",              category: "Sides",              title: "Festival Dumplings & Tropical Slaw",              excerpt:
                 "Crispy, golden festival dumplings paired with our signature tropical slaw for the perfect complement.",              imageSrc:
-                "data:image/svg+xml,%3Csvg xmlns=?_wi=12'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt:
+                "data:image/svg+xml,%3Csvg xmlns=?_wi=6'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt:
                 "Festival dumplings with tropical slaw and mac and cheese",              authorName: "Caribbean Flair Team",              authorAvatar:
                 "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E",              date: "Must Try"
             },
             {
               id: "escovitch-fish",              category: "Seafood",              title: "Escovitch Fish - Island Tradition",              excerpt:
                 "Fresh fish prepared in authentic Jamaican style with pickled vegetables and bold island flavors.",              imageSrc:
-                "data:image/svg+xml,%3Csvg xmlns=?_wi=13'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Escovitch fish with pickled vegetables and lime",              authorName: "Caribbean Flair Team",              authorAvatar:
+                "data:image/svg+xml,%3Csvg xmlns=?_wi=7'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Escovitch fish with pickled vegetables and lime",              authorName: "Caribbean Flair Team",              authorAvatar:
                 "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E",              date: "Customer Favorite"
             },
             {
               id: "mac-cheese",              category: "Sides",              title: "Creamy Island Mac & Cheese",              excerpt:
                 "Smooth, rich, and soul-warming comfort food that pairs perfectly with any of our signature mains.",              imageSrc:
-                "data:image/svg+xml,%3Csvg xmlns=?_wi=14'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Creamy mac and cheese side dish",              authorName: "Caribbean Flair Team",              authorAvatar:
+                "data:image/svg+xml,%3Csvg xmlns=?_wi=8'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Creamy mac and cheese side dish",              authorName: "Caribbean Flair Team",              authorAvatar:
                 "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E",              date: "Comfort Classic"
             },
             {
               id: "grill-action",              category: "Behind the Scenes",              title: "Fresh Off The Grill - Live Action",              excerpt:
                 "Watch our expert grill masters prepare your meal with passion, precision, and authentic Caribbean technique.",              imageSrc:
-                "data:image/svg+xml,%3Csvg xmlns=?_wi=15'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Chef grilling jerk meats on foil with smoke",              authorName: "Caribbean Flair Team",              authorAvatar:
+                "data:image/svg+xml,%3Csvg xmlns=?_wi=9'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              imageAlt: "Chef grilling jerk meats on foil with smoke",              authorName: "Caribbean Flair Team",              authorAvatar:
                 "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E",              date: "Daily Special"
             },
           ]}
@@ -469,7 +469,7 @@ export default function HomePage() {
       <div id="owners-spotlight" data-section="owners-spotlight">
         <TeamCardTwo
           title="Meet the Owners"
-          description="Teris Bryan and Deb Farrell: Passionate entrepreneurs bringing authentic Caribbean soul to Lehigh Acres."
+          description="Teria Bryant and Deb Farrell: Passionate entrepreneurs bringing authentic Caribbean soul to Lehigh Acres."
           tag="Community Leaders"
           tagIcon={Heart}
           tagAnimation="slide-up"
@@ -491,7 +491,7 @@ export default function HomePage() {
             {
               id: "deb-farrell",              name: "Deb Farrell",              role: "Co-Owner & Operations Lead",              description:
                 "Deb ensures every customer experience is smooth, welcoming, and unforgettable. Together with Teria, they are building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.",              videoSrc:
-                "data:image/svg+xml,%3Csvg xmlns=?_wi=16'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              videoAriaLabel: "Deb Farrell, co-owner of Caribbean Flair",              socialLinks: [
+                "data:image/svg+xml,%3Csvg xmlns=?_wi=10'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E",              videoAriaLabel: "Deb Farrell, co-owner of Caribbean Flair",              socialLinks: [
                 {
                   icon: Facebook,
                   url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr"
@@ -527,7 +527,7 @@ export default function HomePage() {
               id: "fast-delivery",              title: "Fast & Fresh",              description:
                 "Grilled fresh to order. Your meal arrives hot, delicious, and packed with island flavor.",              media: {
                 imageSrc:
-                  "data:image/svg+xml,%3Csvg xmlns=?_wi=17'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E"
+                  "data:image/svg+xml,%3Csvg xmlns=?_wi=11'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E"
               },
               items: [
                 {
@@ -548,7 +548,7 @@ export default function HomePage() {
       {/* Footer with Local Map Info and Social Links */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="data:image/svg+xml,%3Csvg xmlns=?_wi=18'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E"
+          imageSrc="data:image/svg+xml,%3Csvg xmlns=?_wi=12'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E"
           imageAlt="Caribbean Flair Island Jerk Grill Trailer"
           logoText="Caribbean Flair"
           copyrightText="© 2026 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"