Update src/app/page.tsx

Merge version_20 into main

src/app/about/page.tsx

@@ -1,12 +1,23 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
 import Link from "next/link";
-import { Heart, Facebook, Zap, TrendingUp } from "lucide-react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
+import TimelineProcessFlow from "@/components/cardStack/layouts/timelines/TimelineProcessFlow";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
+import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+import {
+  Award,
+  Heart,
+  Zap,
+  TrendingUp,
+  Facebook,
+  Users,
+  Target,
+} from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
@@ -18,61 +29,86 @@ export default function AboutPage() {
     { name: "Locations", id: "locations" },
   ];
 
-  const navItemsWithLinks = navItems.map((item) => ({
-    ...item,
-    href:
-      item.id === "home"
-        ? "/"
-        : item.id === "menu"
-        ? "/#menu"
-        : item.id === "about"
-        ? "/about"
-        : item.id === "gallery"
-        ? "/gallery"
-        : item.id === "reviews"
-        ? "/#reviews"
-        : "/#locations",
-  }));
-
   const footerColumns = [
     {
-      title: "Quick Links",
+      title: "Quick Links",      items: [
-      items: [
         { label: "Home", href: "/" },
-        { label: "Menu", href: "/#menu" },
+        { label: "Menu", href: "/menu" },
         { label: "Gallery", href: "/gallery" },
-        { label: "Reviews", href: "/#reviews" },
+        { label: "Reviews", href: "/" },
       ],
     },
     {
-      title: "Order & Contact",
+      title: "Order & Contact",      items: [
-      items: [
+        { label: "Order Online", href: "/menu" },
-        { label: "Order Online", href: "/#order" },
         { label: "Call Us", href: "tel:2397850423" },
-        { label: "Locations & Hours", href: "/#locations" },
+        { label: "Locations & Hours", href: "/" },
-        { label: "Contact", href: "#contact" },
+        { label: "Contact", href: "/" },
       ],
     },
     {
-      title: "Connect With Us",
+      title: "Connect With Us",      items: [
-      items: [
+        { label: "Facebook", href: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr" },
-        { label: "Facebook", href: "https://facebook.com/caribbeanflair" },
         { label: "About Us", href: "/about" },
-        { label: "Privacy Policy", href: "#privacy" },
+        { label: "Privacy Policy", href: "/" },
-        { label: "Terms of Service", href: "#terms" },
+        { label: "Terms of Service", href: "/" },
       ],
     },
     {
-      title: "Located In",
+      title: "Located In",      items: [
-      items: [
+        { label: "801 Leeland Heights Blvd W", href: "/" },
-        { label: "801 Leeland Heights Blvd W", href: "#map" },
+        { label: "Lehigh Acres, FL 33936", href: "/" },
-        { label: "Lehigh Acres, FL 33936", href: "#map" },
+        { label: "Open Until 9PM", href: "/" },
-        { label: "Open Until 9PM", href: "#locations" },
+        { label: "Delivery Available", href: "/" },
-        { label: "Delivery Available", href: "/#order" },
       ],
     },
   ];
 
+  const timelineItems = [
+    {
+      id: "founded",      content: (
+        <div>
+          <h3 className="text-xl font-bold mb-2">Founded Caribbean Flair</h3>
+          <p>Teria Bryant and Deb Farrell launch their dream of bringing authentic Jamaican cuisine to Lehigh Acres with passion and purpose.</p>
+        </div>
+      ),
+      media: (
+        <div className="bg-gradient-to-br from-orange-400 to-red-500 rounded-lg h-full flex items-center justify-center text-white text-3xl font-bold">
+          2023
+        </div>
+      ),
+      reverse: false,
+    },
+    {
+      id: "community",      content: (
+        <div>
+          <h3 className="text-xl font-bold mb-2">Community Reception</h3>
+          <p>The community embraces Caribbean Flair, supporting Black-owned and women-owned business excellence and authentic Caribbean culture.</p>
+        </div>
+      ),
+      media: (
+        <div className="bg-gradient-to-br from-blue-400 to-purple-500 rounded-lg h-full flex items-center justify-center text-white text-3xl font-bold">
+          2024
+        </div>
+      ),
+      reverse: true,
+    },
+    {
+      id: "growth",      content: (
+        <div>
+          <h3 className="text-xl font-bold mb-2">Expansion & Recognition</h3>
+          <p>Caribbean Flair becomes a beloved staple in Lehigh Acres, serving thousands of satisfied customers and earning 5-star recognition.</p>
+        </div>
+      ),
+      media: (
+        <div className="bg-gradient-to-br from-green-400 to-emerald-500 rounded-lg h-full flex items-center justify-center text-white text-3xl font-bold">
+          2025
+        </div>
+      ),
+      reverse: false,
+    },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -86,19 +122,44 @@ export default function AboutPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
+      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           brandName="Caribbean Flair"
           navItems={navItems}
-          button={{ text: "Order Now", href: "/#order" }}
+          button={{
+            text: "Order Now",            href: "/menu"}}
         />
       </div>
 
+      {/* Hero Section */}
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Our Island Story"
+          description="Teria Bryant and Deb Farrell: Two passionate entrepreneurs bringing authentic Jamaican soul and Caribbean excellence to Lehigh Acres through authentic flavors and community-first business."
+          tag="Community Leaders"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          background={{ variant: "glowing-orb" }}
+          buttons={[
+            {
+              text: "Order Now",              href: "/menu"},
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="data:image/svg+xml,%3Csvg xmlns?_wi=21'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 About Us"
+          mediaAnimation="opacity"
+          imagePosition="right"
+          ariaLabel="About us hero section"
+        />
+      </div>
+
+      {/* Meet the Owners Section */}
       <div id="owners-spotlight" data-section="owners-spotlight">
         <TeamCardTwo
-          title="Meet the Island Visionaries"
+          title="Meet the Owners"
           description="Teria Bryant and Deb Farrell: Passionate Black-owned, women-owned entrepreneurs bringing authentic Caribbean soul to Lehigh Acres."
-          tag="Community Leaders"
+          tag="Our Founders"
           tagIcon={Heart}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -107,65 +168,96 @@ export default function AboutPage() {
           gridVariant="two-columns-alternating-heights"
           members={[
             {
-              id: "teria-bryant",
+              id: "teria-bryant",              name: "Teria Bryant",              role: "Founder & Head Chef",              description:
-              name: "Teria Bryant",
+                "Teria brings 15+ years of Caribbean culinary expertise and authentic island passion to every dish. Their vision transformed Caribbean Flair from a dream into a premium dining destination serving Lehigh Acres with pride.",              imageSrc:
-              role: "Founder & Head Chef",
+                "data:image/svg+xml,%3Csvg xmlns?_wi=1'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23ff6b6b;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23ffa500;stop-opacity:1' /%3E%3C/linearGradient%3E%3ClinearGradient id='grad1b' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%234ecdc4;stop-opacity:1' /%3E%3Cstop offset='25%25' style='stop-color:%2345b7aa;stop-opacity:1' /%3E%3Cstop offset='50%25' style='stop-color:%233a9b8f;stop-opacity:1' /%3E%3Cstop offset='75%25' style='stop-color:%2327746b;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%2308d9d6;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23grad1b)' width='400' height='300'/%3E%3Cpath d='M0 0 Q100 80 200 100 T400 0 L400 60 Q300 80 200 120 T0 80 Z' fill='%23ffffff' opacity='0.15'/%3E%3Ccircle cx='200' cy='120' r='50' fill='%23ffffff' opacity='0.8'/%3E%3Crect x='120' y='180' width='160' height='100' rx='10' fill='%23ffffff' opacity='0.1'/%3E%3Cline x1='150' y1='190' x2='250' y2='190' stroke='%23ffffff' stroke-width='2' opacity='0.3'/%3E%3Cline x1='150' y1='210' x2='250' y2='210' stroke='%23ffffff' stroke-width='2' opacity='0.3'/%3E%3C/svg%3E",              imageAlt: "Teria Bryant, founder of Caribbean Flair",              socialLinks: [
-              description: "Teria brings 15+ years of Caribbean culinary expertise and authentic island passion to every dish. Her vision transformed Caribbean Flair from a dream into a premium dining destination serving Lehigh Acres with pride.",
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232185.jpg?_wi=2",
-              imageAlt: "Teria Bryant, founder of Caribbean Flair",
-              socialLinks: [
                 {
                   icon: Facebook,
-                  url: "https://facebook.com/caribbeanflair",
+                  url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr"},
-                },
               ],
             },
             {
-              id: "deb-farrell",
+              id: "deb-farrell",              name: "Deb Farrell",              role: "Co-Owner & Operations Lead",              description:
-              name: "Deb Farrell",
+                "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.",              imageSrc:
-              role: "Co-Owner & Operations Lead",
+                "data:image/svg+xml,%3Csvg xmlns?_wi=2'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad2' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23667eea;stop-opacity:1' /%3E%3Cstop offset='25%25' style='stop-color:%235a67d8;stop-opacity:1' /%3E%3Cstop offset='50%25' style='stop-color:%234c51bf;stop-opacity:1' /%3E%3Cstop offset='75%25' style='stop-color:%233f3ba3;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23764ba2;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23grad2)' width='400' height='300'/%3E%3Cpath d='M0 150 Q100 100 200 120 T400 150 L400 300 L0 300 Z' fill='%23ffffff' opacity='0.1'/%3E%3Ccircle cx='200' cy='120' r='50' fill='%23ffffff' opacity='0.8'/%3E%3Crect x='120' y='180' width='160' height='100' rx='10' fill='%23ffffff' opacity='0.1'/%3E%3Cpolygon points='200,185 220,200 200,215 180,200' fill='%23ffffff' opacity='0.2'/%3E%3C/svg%3E",              imageAlt: "Deb Farrell, co-owner of Caribbean Flair",              socialLinks: [
-              description: "Deb ensures every customer experience is smooth, welcoming, and unforgettable. Together with Teria, she's building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.",
-              imageSrc: "http://img.b2bpic.net/free-photo/successful-business-woman-blue-suit_158595-5024.jpg?_wi=2",
-              imageAlt: "Deb Farrell, co-owner of Caribbean Flair",
-              socialLinks: [
                 {
                   icon: Facebook,
-                  url: "https://facebook.com/caribbeanflair",
+                  url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr"},
-                },
               ],
             },
           ]}
         />
       </div>
 
-      <div id="about-mission" data-section="about-mission">
+      {/* Brand Story Timeline */}
-        <FeatureCardTen
+      <div id="brand-story" data-section="brand-story">
-          title="Our Mission & Story"
+        <TimelineProcessFlow
-          description="Caribbean Flair was born from a simple belief: authentic Caribbean cuisine should be accessible, affordable, and made with love. Teria and Deb partnered to create a space where island flavors, community values, and culinary excellence come together on every plate."
+          title="Our Journey"
-          tag="Built on Values"
+          description="From vision to reality—the Caribbean Flair story of authentic flavors, community pride, and culinary excellence."
-          tagIcon={Heart}
+          tag="Our Evolution"
+          tagIcon={Target}
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
+          items={timelineItems}
+          buttons={[
+            {
+              text: "Join Our Story",              href: "/menu"},
+          ]}
+        />
+      </div>
+
+      {/* Community Impact Section */}
+      <div id="community-impact" data-section="community-impact">
+        <SocialProofOne
+          names={[
+            "Supporting Local Economy",            "Women Empowerment",            "Black Business Excellence",            "Community Events",            "Authentic Jamaican Culture",            "Local Partnerships"]}
+          title="Community Impact"
+          description="Caribbean Flair is more than a restaurant—we're a force for community pride, Black excellence, and women empowerment in Lehigh Acres."
+          tag="Making a Difference"
+          tagIcon={Users}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          showCard={true}
+          buttons={[
+            {
+              text: "Support Local Business",              href: "/menu"},
+          ]}
+        />
+      </div>
+
+      {/* Final CTA Section */}
+      <div id="final-cta" data-section="final-cta">
+        <FeatureCardTen
+          title="Experience Our Island Story"
+          description="Join Teria, Deb, and the Caribbean Flair community. Every meal supports Black- and women-owned business excellence and authentic Caribbean culture."
+          tag="Be Part of Our Journey"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Order Now",              href: "/menu"},
+            {
+              text: "Call (239) 785-0423",              href: "tel:2397850423"},
+          ]}
+          buttonAnimation="slide-up"
+          textboxLayout="default"
+          animationType="slide-up"
           useInvertedBackground={true}
           features={[
             {
-              id: "authenticity",
+              id: "mission",              title: "Our Mission",              description:
-              title: "Authentic Island Recipes",
+                "Deliver authentic Caribbean excellence while uplifting our community through Black- and women-owned business pride.",              media: {
-              description: "Every dish honors traditional Caribbean cooking methods with modern quality standards. Fresh ingredients, time-tested techniques, and genuine island spirit in every bite.",
+                imageSrc:
-              media: {
+                  "data:image/svg+xml,%3Csvg xmlns?_wi=3'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad3' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23667eea;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23764ba2;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23grad3)' width='400' height='300'/%3E%3Cpath d='M150 250 Q200 150 250 250' stroke='%23fff' stroke-width='3' fill='none'/%3E%3Ccircle cx='200' cy='150' r='30' fill='%23fff' opacity='0.8'/%3E%3C/svg%3E"},
-                imageSrc: "http://img.b2bpic.net/free-photo/friends-having-nice-barbeque-together_23-2149271905.jpg?_wi=2",
-                imageAlt: "Chef grilling jerk meats with expertise",
-              },
               items: [
                 {
-                  icon: Zap,
+                  icon: Heart,
-                  text: "Fresh daily preparation",
+                  text: "Authentic Flavors"},
-                },
                 {
                   icon: TrendingUp,
-                  text: "Premium quality ingredients",
+                  text: "Community Pride"},
-                },
               ],
               reverse: false,
             },
@@ -173,9 +265,10 @@ export default function AboutPage() {
         />
       </div>
 
+      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=3"
+          imageSrc="data:image/svg+xml,%3Csvg xmlns?_wi=25'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="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"

src/app/full-menu/page.tsx

@@ -0,0 +1,168 @@
+"use client";
+
+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 { Flame } from "lucide-react";
+
+export default function FullMenuPage() {
+  const navItems = [
+    { name: "Home", id: "home" },
+    { name: "Menu", id: "menu" },
+    { name: "About Us", id: "about" },
+    { name: "Gallery", id: "gallery" },
+    { name: "Reviews", id: "reviews" },
+    { name: "Locations", id: "locations" },
+  ];
+
+  const footerColumns = [
+    {
+      title: "Quick Links",      items: [
+        { label: "Home", href: "/" },
+        { label: "Menu", href: "/menu" },
+        { label: "Gallery", href: "/gallery" },
+        { label: "Reviews", href: "/reviews" },
+      ],
+    },
+    {
+      title: "Order & Contact",      items: [
+        { label: "Order Online", href: "/menu" },
+        { label: "Call Us", href: "tel:2397850423" },
+        { label: "Locations & Hours", href: "/locations" },
+        { label: "Contact", href: "/contact" },
+      ],
+    },
+    {
+      title: "Connect With Us",      items: [
+        { label: "Facebook", href: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr" },
+        { label: "About Us", href: "/about" },
+        { label: "Privacy Policy", href: "/" },
+        { label: "Terms of Service", href: "/" },
+      ],
+    },
+    {
+      title: "Located In",      items: [
+        { label: "801 Leeland Heights Blvd W", href: "/" },
+        { label: "Lehigh Acres, FL 33936", href: "/" },
+        { label: "Open Until 9PM", href: "/" },
+        { label: "Delivery Available", href: "/" },
+      ],
+    },
+  ];
+
+  const allMenuItems = [
+    {
+      id: "jerk-chicken",      name: "Jerk Chicken Platter",      price: "$15.95",      variant: "Full Rack",      imageSrc: "http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=1",      imageAlt: "Jerk chicken grilled on foil with spices"},
+    {
+      id: "curry-goat",      name: "Curry Goat Platter",      price: "$17.95",      variant: "Tender & Aromatic",      imageSrc: "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=1",      imageAlt: "Curry goat served over rice and peas"},
+    {
+      id: "jerk-pork",      name: "Jerk Pork Platter",      price: "$16.95",      variant: "Juicy & Spiced",      imageSrc: "http://img.b2bpic.net/free-photo/hot-spicy-grilled-pork-salad-with-berry-rice_1339-6325.jpg?_wi=1",      imageAlt: "Jerk pork platter with rice"},
+    {
+      id: "escovitch-fish",      name: "Escovitch Fish",      price: "$18.95",      variant: "Island Tradition",      imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-served-with-aubergine-lemon-parsley_140725-1554.jpg?_wi=1",      imageAlt: "Escovitch fish with pickled vegetables"},
+    {
+      id: "curry-shrimp",      name: "Curry Shrimp Platter",      price: "$16.95",      variant: "Fresh Daily",      imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-eggs-with-shrimps-vegetables-pan-served-with-sauces_140725-11952.jpg?_wi=1",      imageAlt: "Curry shrimp over rice and peas"},
+    {
+      id: "conch-fritters",      name: "Conch Fritters Combo",      price: "$12.95",      variant: "6 Pieces",      imageSrc: "http://img.b2bpic.net/free-photo/deep-fried-samosas-rustic-crockery-plate-generated-by-ai_188544-41080.jpg?_wi=1",      imageAlt: "Golden conch fritters with dipping sauce"},
+    {
+      id: "jerk-chicken-sandwich",      name: "Jerk Chicken Sandwich",      price: "$11.95",      variant: "Fresh Bread",      imageSrc: "http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=1",      imageAlt: "Jerk chicken sandwich with slaw"},
+    {
+      id: "curry-goat-sandwich",      name: "Curry Goat Sandwich",      price: "$12.95",      variant: "Hearty & Flavorful",      imageSrc: "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=1",      imageAlt: "Curry goat sandwich"},
+    {
+      id: "pulled-pork-sandwich",      name: "Pulled Pork Sandwich",      price: "$11.95",      variant: "Smoky & Tender",      imageSrc: "http://img.b2bpic.net/free-photo/hot-spicy-grilled-pork-salad-with-berry-rice_1339-6325.jpg?_wi=1",      imageAlt: "Pulled pork sandwich"},
+    {
+      id: "rice-peas",      name: "Rice & Peas",      price: "$4.95",      variant: "Classic Caribbean",      imageSrc: "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=1",      imageAlt: "Rice and peas side"},
+    {
+      id: "mac-cheese",      name: "Creamy Mac & Cheese",      price: "$5.95",      variant: "Comfort Classic",      imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-presentation_23-2151914003.jpg?_wi=1",      imageAlt: "Creamy mac and cheese"},
+    {
+      id: "festival",      name: "Festival Dumplings",      price: "$4.95",      variant: "Golden & Crispy",      imageSrc: "http://img.b2bpic.net/free-photo/deep-fried-samosas-rustic-crockery-plate-generated-by-ai_188544-41080.jpg?_wi=1",      imageAlt: "Festival dumplings"},
+    {
+      id: "sorrel-punch",      name: "Sorrel Punch",      price: "$3.95",      variant: "16 oz",      imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1",      imageAlt: "Tropical sorrel punch"},
+    {
+      id: "ginger-beer",      name: "Island Ginger Beer",      price: "$3.95",      variant: "Refreshing",      imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1",      imageAlt: "Ginger beer"},
+    {
+      id: "combo-1",      name: "Island Feast Combo",      price: "$22.95",      variant: "Jerk Chicken + Sides",      imageSrc: "http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=1",      imageAlt: "Island feast combo"},
+    {
+      id: "seafood-special",      name: "Seafood Special",      price: "$24.95",      variant: "Curry Shrimp + Sides",      imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-eggs-with-shrimps-vegetables-pan-served-with-sauces_140725-11952.jpg?_wi=1",      imageAlt: "Seafood special"},
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="medium"
+      background="none"
+      cardStyle="inset"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      {/* Navbar */}
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Caribbean Flair"
+          navItems={navItems}
+          button={{
+            text: "Order Now",            href: "/menu"}}
+        />
+      </div>
+
+      {/* Hero Section */}
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Complete Island Menu"
+          description="Explore our full selection of authentic Caribbean dishes. Every item is crafted fresh and packed with island soul."
+          tag="Exclusive"
+          tagIcon={Flame}
+          tagAnimation="slide-up"
+          background={{ variant: "glowing-orb" }}
+          buttons={[
+            {
+              text: "Call to Order",              href: "tel:2397850423"},
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-vector/summer-label-collectio_23-2148160410.jpg?_wi=3"
+          imageAlt="Caribbean Flair Full Menu"
+          mediaAnimation="opacity"
+          imagePosition="right"
+          ariaLabel="Full menu page hero section"
+        />
+      </div>
+
+      {/* Full Menu Section */}
+      <div id="full-menu" data-section="full-menu">
+        <ProductCardFour
+          title="All Menu Items"
+          description="Discover our complete selection of authentic Caribbean dishes, sides, drinks, and specials. All items are fresh and made to order."
+          tag="Complete Selection"
+          tagIcon={Flame}
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Order Now",              href: "/menu"},
+          ]}
+          buttonAnimation="slide-up"
+          textboxLayout="default"
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          products={allMenuItems}
+        />
+      </div>
+
+      {/* Footer */}
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.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"
+          columns={footerColumns}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/gallery/page.tsx

@@ -1,12 +1,19 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
 import Link from "next/link";
-import { Camera, Zap, TrendingUp } from "lucide-react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import BlogCardThree from "@/components/sections/blog/BlogCardThree";
+import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
+import {
+  Award,
+  Camera,
+  Zap,
+  TrendingUp,
+} from "lucide-react";
+import { useState } from "react";
 
 export default function GalleryPage() {
   const navItems = [
@@ -18,45 +25,87 @@ export default function GalleryPage() {
     { name: "Locations", id: "locations" },
   ];
 
+  const [selectedImage, setSelectedImage] = useState<string | null>(null);
+
   const footerColumns = [
     {
-      title: "Quick Links",
+      title: "Quick Links",      items: [
-      items: [
         { label: "Home", href: "/" },
-        { label: "Menu", href: "/#menu" },
+        { label: "Menu", href: "/menu" },
         { label: "Gallery", href: "/gallery" },
-        { label: "Reviews", href: "/#reviews" },
+        { label: "Reviews", href: "/" },
       ],
     },
     {
-      title: "Order & Contact",
+      title: "Order & Contact",      items: [
-      items: [
+        { label: "Order Online", href: "/menu" },
-        { label: "Order Online", href: "/#order" },
         { label: "Call Us", href: "tel:2397850423" },
-        { label: "Locations & Hours", href: "/#locations" },
+        { label: "Locations & Hours", href: "/" },
-        { label: "Contact", href: "#contact" },
+        { label: "Contact", href: "/" },
       ],
     },
     {
-      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" },
+        { label: "Privacy Policy", href: "/" },
-        { label: "Terms of Service", href: "#terms" },
+        { label: "Terms of Service", href: "/" },
       ],
     },
     {
-      title: "Located In",
+      title: "Located In",      items: [
-      items: [
+        { label: "801 Leeland Heights Blvd W", href: "/" },
-        { label: "801 Leeland Heights Blvd W", href: "#map" },
+        { label: "Lehigh Acres, FL 33936", href: "/" },
-        { label: "Lehigh Acres, FL 33936", href: "#map" },
+        { label: "Open Until 9PM", href: "/" },
-        { label: "Open Until 9PM", href: "#locations" },
+        { label: "Delivery Available", href: "/" },
-        { label: "Delivery Available", href: "/#order" },
       ],
     },
   ];
 
+  const galleryImages = [
+    {
+      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:
+        "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:
+        "A mouth-watering capture of our authentic Jamaican cuisine in all its glory.",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-wha24yfi.jpg?_wi=1",      imageAlt: "User uploaded island feast",      authorName: "Caribbean Flair Community",      authorAvatar:
+        "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",      date: "Community Upload"},
+    {
+      id: "user-upload-3",      category: "Grill",      title: "Fresh Off The Grill",      excerpt:
+        "Behind-the-scenes action showing our expert grill masters at work with authentic technique.",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-qcfdeh7f.jpg?_wi=1",      imageAlt: "Grilling action",      authorName: "Caribbean Flair Community",      authorAvatar:
+        "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg",      date: "Community Upload"},
+    {
+      id: "user-upload-4",      category: "Dishes",      title: "Platter Perfection",      excerpt:
+        "A beautifully plated Caribbean meal showcasing the quality and care we put into every order.",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-dk53z92a.jpg?_wi=1",      imageAlt: "Platter presentation",      authorName: "Caribbean Flair Community",      authorAvatar:
+        "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-looks-camera_141793-103873.jpg",      date: "Community Upload"},
+    {
+      id: "user-upload-5",      category: "Community",      title: "Community Gathering",      excerpt:
+        "Caribbean Flair bringing people together through authentic flavors and shared island experiences.",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-y2tu4f81.jpg?_wi=1",      imageAlt: "Community gathering",      authorName: "Caribbean Flair Community",      authorAvatar:
+        "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",      date: "Community Upload"},
+    {
+      id: "gallery-1",      category: "Main Dishes",      title: "Jerk Pork Did Not Disappoint",      excerpt:
+        "Perfectly seasoned and grilled, bursting with island spices and authentic Jamaican flavor.",      imageSrc:
+        "http://img.b2bpic.net/free-photo/hot-spicy-grilled-pork-salad-with-berry-rice_1339-6325.jpg?_wi=1",      imageAlt: "Jerk pork platter with rice and tropical slaw",      authorName: "Caribbean Flair Team",      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: "Fresh Daily"},
+    {
+      id: "gallery-2",      category: "Featured",      title: "Curry Goat - A Community Favorite",      excerpt:
+        "Tender, aromatic, and cooked to perfection. Every bite transports you straight to Jamaica.",      imageSrc:
+        "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=1",      imageAlt: "Rich curry goat served over rice and peas",      authorName: "Caribbean Flair Team",      authorAvatar:
+        "http://img.b2bpic.net/free-vector/colorful-avatars_23-2147502919.jpg",      date: "Popular Choice"},
+    {
+      id: "gallery-3",      category: "Sides",      title: "Festival Dumplings & Tropical Slaw",      excerpt:
+        "Crispy, golden festival dumplings paired with our signature tropical slaw for the perfect complement.",      imageSrc:
+        "http://img.b2bpic.net/free-photo/deep-fried-samosas-rustic-crockery-plate-generated-by-ai_188544-41080.jpg?_wi=1",      imageAlt:
+        "Festival dumplings with tropical slaw and mac and cheese",      authorName: "Caribbean Flair Team",      authorAvatar:
+        "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",      date: "Must Try"},
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -70,133 +119,100 @@ export default function GalleryPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
+      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           brandName="Caribbean Flair"
           navItems={navItems}
-          button={{ text: "Order Now", href: "/#order" }}
+          button={{
+            text: "Order Now",            href: "/menu"}}
         />
       </div>
 
+      {/* Hero Section */}
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Island Feast Gallery"
+          description="Explore our vibrant collection of authentic Caribbean dishes, fresh ingredients, and behind-the-scenes moments from the grill. See what our community is enjoying!"
+          tag="Visual Journey"
+          tagIcon={Camera}
+          tagAnimation="slide-up"
+          background={{ variant: "glowing-orb" }}
+          buttons={[
+            {
+              text: "Order Now",              href: "/menu"},
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-vector/summer-label-collectio_23-2148160410.jpg?_wi=2"
+          imageAlt="Caribbean Flair Gallery"
+          mediaAnimation="opacity"
+          imagePosition="right"
+          ariaLabel="Gallery page hero section"
+        />
+      </div>
+
+      {/* Lightbox Modal */}
+      {selectedImage && (
+        <div
+          className="fixed inset-0 bg-black/80 flex items-center justify-center z-50 p-4"
+          onClick={() => setSelectedImage(null)}
+        >
+          <div className="max-w-4xl w-full" onClick={(e) => e.stopPropagation()}>
+            <img
+              src={selectedImage}
+              alt="Gallery lightbox"
+              className="w-full h-auto rounded-lg"
+            />
+          </div>
+        </div>
+      )}
+
+      {/* Featured Gallery Section */}
       <div id="featured-gallery" data-section="featured-gallery">
         <BlogCardThree
           title="Island Feast Gallery"
-          description="Explore our vibrant collection of authentic Caribbean dishes, fresh ingredients, and behind-the-scenes moments from the grill."
+          description="Discover the artistry, authenticity, and passion behind every Caribbean Flair creation. Click any image to view in full detail."
           tag="Visual Journey"
           tagIcon={Camera}
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
-          blogs={[
+          blogs={galleryImages}
-            {
-              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: "http://img.b2bpic.net/free-photo/hot-spicy-grilled-pork-salad-with-berry-rice_1339-6325.jpg?_wi=3",
-              imageAlt: "Jerk pork platter with rice and tropical slaw",
-              authorName: "Caribbean Flair Team",
-              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: "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: "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=3",
-              imageAlt: "Rich curry goat served over rice and peas",
-              authorName: "Caribbean Flair Team",
-              authorAvatar: "http://img.b2bpic.net/free-vector/colorful-avatars_23-2147502919.jpg",
-              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: "http://img.b2bpic.net/free-photo/deep-fried-samosas-rustic-crockery-plate-generated-by-ai_188544-41080.jpg?_wi=3",
-              imageAlt: "Festival dumplings with tropical slaw and mac and cheese",
-              authorName: "Caribbean Flair Team",
-              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-              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: "http://img.b2bpic.net/free-photo/grilled-chicken-served-with-aubergine-lemon-parsley_140725-1554.jpg?_wi=2",
-              imageAlt: "Escovitch fish with pickled vegetables and lime",
-              authorName: "Caribbean Flair Team",
-              authorAvatar: "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg",
-              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: "http://img.b2bpic.net/free-photo/delicious-food-presentation_23-2151914003.jpg?_wi=2",
-              imageAlt: "Creamy mac and cheese side dish",
-              authorName: "Caribbean Flair Team",
-              authorAvatar: "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-looks-camera_141793-103873.jpg",
-              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: "http://img.b2bpic.net/free-photo/friends-having-nice-barbeque-together_23-2149271905.jpg?_wi=3",
-              imageAlt: "Chef grilling jerk meats on foil with smoke",
-              authorName: "Caribbean Flair Team",
-              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: "Daily Special",
-            },
-          ]}
         />
       </div>
 
-      <div id="gallery-cta" data-section="gallery-cta">
+      {/* Final CTA Section */}
+      <div id="final-cta" data-section="final-cta">
         <FeatureCardTen
-          title="Experience Caribbean Flair In Person"
+          title="See It. Taste It. Experience It."
-          description="Visit our food truck to taste the vibrant island flavors captured in these photos. Every meal is prepared fresh with premium ingredients and authentic Caribbean passion."
+          description="Every image tells a story of authentic Caribbean flavors, community pride, and culinary excellence. Order now and create your own memories."
-          tag="Ready to Visit"
+          tag="Ready to Order"
-          tagIcon={Camera}
+          tagIcon={Zap}
           tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Order Your Meal Now",              href: "/menu"},
+            {
+              text: "Call (239) 785-0423",              href: "tel:2397850423"},
+          ]}
+          buttonAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={true}
-          buttons={[
-            {
-              text: "Order Online Now",
-              href: "/#order",
-            },
-            {
-              text: "Find Our Location",
-              href: "/#locations",
-            },
-          ]}
           features={[
             {
-              id: "gallery-highlight",
+              id: "visual-quality",              title: "Premium Quality",              description:
-              title: "Every Photo Tells a Story",
+                "Every image showcases the premium quality, fresh ingredients, and authentic Caribbean technique behind our food.",              media: {
-              description: "From fresh ingredients to the final plated masterpiece, our gallery showcases the care and craftsmanship in every Caribbean Flair dish.",
+                imageSrc:
-              media: {
+                  "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1"},
-                imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-eggs-with-shrimps-vegetables-pan-served-with-sauces_140725-11952.jpg?_wi=3",
-                imageAlt: "Beautiful plated Caribbean Flair dish",
-              },
               items: [
                 {
                   icon: Zap,
-                  text: "Fresh daily preparation",
+                  text: "Fresh Daily"},
-                },
                 {
                   icon: TrendingUp,
-                  text: "Premium quality showcase",
+                  text: "Peak Quality"},
-                },
               ],
               reverse: false,
             },
@@ -204,9 +220,10 @@ export default function GalleryPage() {
         />
       </div>
 
+      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=4"
+          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.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"

src/app/locations/page.tsx

@@ -2,11 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import FeatureBento from "@/components/sections/feature/FeatureBento";
-import BlogCardThree from "@/components/sections/blog/BlogCardThree";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import Link from "next/link";
+import { MapPin, Clock, TrendingUp } from "lucide-react";
-import { MapPin, Clock, Phone, Camera } from "lucide-react";
 
 export default function LocationsPage() {
   const navItems = [
@@ -16,43 +14,40 @@ export default function LocationsPage() {
     { name: "Gallery", id: "gallery" },
     { name: "Reviews", id: "reviews" },
     { name: "Locations", id: "locations" },
+    { name: "Order Online", id: "order" },
   ];
 
   const footerColumns = [
     {
-      title: "Quick Links",
+      title: "Quick Links",      items: [
-      items: [
         { label: "Home", href: "/" },
         { label: "Menu", href: "/menu" },
-        { label: "Gallery", href: "/gallery" },
+        { label: "Gallery", href: "/" },
-        { label: "Reviews", href: "/reviews" },
+        { label: "Reviews", href: "/" },
       ],
     },
     {
-      title: "Order & Contact",
+      title: "Order & Contact",      items: [
-      items: [
         { label: "Order Online", href: "/order" },
         { label: "Call Us", href: "tel:2397850423" },
         { label: "Locations & Hours", href: "/locations" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "/" },
       ],
     },
     {
-      title: "Connect With Us",
+      title: "Connect With Us",      items: [
-      items: [
         { label: "Facebook", href: "https://facebook.com/caribbeanflair" },
-        { label: "About Us", href: "/about" },
+        { label: "About Us", href: "/" },
-        { label: "Privacy Policy", href: "#privacy" },
+        { label: "Privacy Policy", href: "/" },
-        { label: "Terms of Service", href: "#terms" },
+        { label: "Terms of Service", href: "/" },
       ],
     },
     {
-      title: "Located In",
+      title: "Located In",      items: [
-      items: [
+        { label: "801 Leeland Heights Blvd W", href: "/" },
-        { label: "801 Leeland Heights Blvd W", href: "#map" },
+        { label: "Lehigh Acres, FL 33936", href: "/" },
-        { label: "Lehigh Acres, FL 33936", href: "#map" },
+        { label: "Open Until 9PM", href: "/" },
-        { label: "Open Until 9PM", href: "/locations" },
+        { label: "Delivery Available", href: "/" },
-        { label: "Delivery Available", href: "/order" },
       ],
     },
   ];
@@ -70,154 +65,50 @@ export default function LocationsPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
+      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           brandName="Caribbean Flair"
           navItems={navItems}
           button={{
-            text: "Order Now",
+            text: "Order Now",            href: "/order"}}
-            href: "/order",
-          }}
         />
       </div>
 
-      <div id="locations-hero" data-section="locations-hero">
+      {/* Locations & Hours Section */}
-        <FeatureCardTen
+      <div id="locations-hours" data-section="locations-hours">
-          title="Find Caribbean Flair Near You"
+        <FeatureBento
-          description="Visit our premium food truck location in Lehigh Acres for authentic Jamaican island cuisine. Fresh off the grill, made with love by Teria Bryant & Deb Farrell."
+          title="Visit Us at Caribbean Flair"
+          description="Find us at our convenient Lehigh Acres location. Check our hours, visit our embedded map, and see when we're busiest."
           tag="Open Daily"
           tagIcon={MapPin}
           tagAnimation="slide-up"
-          buttons={[
-            {
-              text: "Get Directions",
-              href: "#map",
-            },
-            {
-              text: "Call Us Now",
-              href: "tel:2397850423",
-            },
-          ]}
-          buttonAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
           features={[
             {
-              id: "main-location",
+              title: "Location & Hours",              description:
-              title: "Lehigh Acres Location",
+                "801 Leeland Heights Blvd W, Lehigh Acres, FL 33936 | Open 11am - 9pm Daily",              button: {
-              description: "Our flagship Caribbean Flair trailer serves the community daily with premium Jamaican jerk, curry, and soul food crafted with authentic island passion.",
+                text: "Get Directions",                href: "https://maps.google.com/?q=801+Leeland+Heights+Blvd+W+Lehigh+Acres+FL+33936"},
-              media: {
+              bentoComponent: "map"},
-                imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=6",
+            {
-                imageAlt: "Caribbean Flair trailer in Lehigh Acres",
+              title: "Open Status",              description: "Currently Open • Closes at 9:00 PM • Peak Hours: 12-1 PM & 5-7 PM",              bentoComponent: "icon-info-cards",              items: [
-              },
+                { icon: Clock, label: "Status", value: "Open Now" },
-              items: [
+                { icon: TrendingUp, label: "Busy Level", value: "Moderate" },
-                {
-                  icon: MapPin,
-                  text: "801 Leeland Heights Blvd W, Lehigh Acres, FL 33936",
-                },
-                {
-                  icon: Clock,
-                  text: "Open Daily Until 9PM",
-                },
               ],
-              reverse: false,
-            },
-          ]}
-        />
-      </div>
-
-      <div id="hours-details" data-section="hours-details">
-        <BlogCardThree
-          title="Hours & Services Available"
-          description="Plan your Caribbean Flair visit with detailed operating hours and available services. We're ready to serve you fresh, authentic island flavors."
-          tag="Easy Access"
-          tagIcon={Clock}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          blogs={[
-            {
-              id: "weekday-hours",
-              category: "Weekday Schedule",
-              title: "Monday - Friday Hours",
-              excerpt: "Open from 11AM to 9PM. Perfect for lunch breaks, after-work dinners, and Caribbean cravings throughout your weekday.",
-              imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=3",
-              imageAlt: "fast food service preparation",
-              authorName: "Caribbean Flair Team",
-              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: "11AM - 9PM",
-              onBlogClick: null,
-            },
-            {
-              id: "weekend-hours",
-              category: "Weekend Schedule",
-              title: "Saturday & Sunday Hours",
-              excerpt: "Extended weekend hours from 10AM to 10PM. More time to enjoy authentic Caribbean cuisine with family and friends.",
-              imageSrc: "http://img.b2bpic.net/free-photo/friends-having-nice-barbeque-together_23-2149271905.jpg?_wi=4",
-              imageAlt: "friends enjoying food together",
-              authorName: "Caribbean Flair Team",
-              authorAvatar: "http://img.b2bpic.net/free-photo/colorful-avatars_23-2147502919.jpg",
-              date: "10AM - 10PM",
-              onBlogClick: null,
-            },
-            {
-              id: "services-available",
-              category: "Our Services",
-              title: "Online Orders & Delivery",
-              excerpt: "Order ahead online for faster service or request delivery to your location. We make Caribbean flavors convenient for your lifestyle.",
-              imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-making-thumbs-up-gesture_23-2148807711.jpg",
-              imageAlt: "delivery service available",
-              authorName: "Caribbean Flair Team",
-              authorAvatar: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-              date: "Fast & Fresh",
-              onBlogClick: null,
-            },
-            {
-              id: "catering-events",
-              category: "Special Services",
-              title: "Catering & Private Events",
-              excerpt: "Bring Caribbean Flair to your events! Perfect for parties, corporate gatherings, and celebrations. Contact us for custom catering packages.",
-              imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-barbecue_23-2148733607.jpg?_wi=4",
-              imageAlt: "group enjoying caribbean food celebration",
-              authorName: "Caribbean Flair Team",
-              authorAvatar: "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg",
-              date: "Call for Details",
-              onBlogClick: null,
-            },
-            {
-              id: "contact-us",
-              category: "Get In Touch",
-              title: "Direct Contact & Information",
-              excerpt: "Have questions? Call us directly at (239) 785-0423. Our team is happy to help with orders, catering, or any Caribbean Flair inquiries.",
-              imageSrc: "http://img.b2bpic.net/free-photo/phone-communication-technology-concept_23-2150300988.jpg",
-              imageAlt: "contact us phone service",
-              authorName: "Caribbean Flair Team",
-              authorAvatar: "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-looks-camera_141793-103873.jpg",
-              date: "(239) 785-0423",
-              onBlogClick: null,
-            },
-            {
-              id: "visit-today",
-              category: "Island Experience",
-              title: "Visit Our Food Truck Today",
-              excerpt: "Experience the authentic Caribbean vibe. From the moment you approach our vibrant trailer, you'll feel the island warmth and passion in every detail.",
-              imageSrc: "http://img.b2bpic.net/free-photo/summer-label-collectio_23-2148160410.jpg",
-              imageAlt: "vibrant Caribbean Flair trailer",
-              authorName: "Caribbean Flair Team",
-              authorAvatar: "http://img.b2bpic.net/free-vector/colorful-avatars_23-2147502919.jpg",
-              date: "Always Welcome",
-              onBlogClick: null,
             },
+            {
+              title: "Popular Times",              description: "Visit during off-peak hours for shorter wait times.",              bentoComponent: "line-chart"},
           ]}
         />
       </div>
 
+      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=7"
+          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=1"
-          imageAlt="red food trailer caribbean palm tree evening"
+          imageAlt="Caribbean Flair Island Jerk Grill Trailer"
           logoText="Caribbean Flair"
           copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
           columns={footerColumns}

src/app/menu/page.tsx

@@ -4,55 +4,82 @@ import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Flame, Zap, TrendingUp } from "lucide-react";
+import {
+  Award,
+  Flame,
+  Phone,
+  ShoppingCart,
+  MapPin,
+  Clock,
+  Star,
+  Heart,
+  Zap,
+  TrendingUp,
+  Facebook,
+} from "lucide-react";
+import { useState, useEffect } from "react";
 
 export default function MenuPage() {
+  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" },
-    { name: "Menu", id: "menu" },
+    { name: "Menu", id: "signature-dishes" },
-    { name: "About Us", id: "about" },
+    { name: "About Us", id: "owners-spotlight" },
-    { name: "Gallery", id: "gallery" },
+    { name: "Gallery", id: "featured-gallery" },
-    { name: "Reviews", id: "reviews" },
+    { name: "Reviews", id: "testimonials" },
-    { name: "Locations", id: "locations" },
+    { name: "Locations", id: "footer" },
   ];
 
   const footerColumns = [
     {
-      title: "Quick Links",
+      title: "Quick Links",      items: [
-      items: [
         { label: "Home", href: "/" },
         { label: "Menu", href: "/menu" },
-        { label: "Gallery", href: "/" },
+        { label: "Gallery", href: "/#featured-gallery" },
-        { label: "Reviews", href: "/" },
+        { label: "Reviews", href: "/#testimonials" },
       ],
     },
     {
-      title: "Order & Contact",
+      title: "Order & Contact",      items: [
-      items: [
+        { label: "Order Online", href: "/menu" },
-        { label: "Order Online", href: "/" },
         { label: "Call Us", href: "tel:2397850423" },
-        { label: "Locations & Hours", href: "/" },
+        { label: "Locations & Hours", href: "/#footer" },
-        { label: "Contact", href: "/" },
+        { label: "Contact", href: "/#footer" },
       ],
     },
     {
-      title: "Connect With Us",
+      title: "Connect With Us",      items: [
-      items: [
+        { label: "Facebook", href: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr" },
-        { label: "Facebook", href: "https://facebook.com/caribbeanflair" },
+        { label: "Privacy Policy", href: "#" },
-        { label: "About Us", href: "/" },
+        { label: "Terms of Service", href: "#" },
-        { label: "Privacy Policy", href: "/" },
-        { label: "Terms of Service", href: "/" },
       ],
     },
     {
-      title: "Located In",
+      title: "Located In",      items: [
-      items: [
+        { label: "801 Leeland Heights Blvd W", href: "#" },
-        { label: "801 Leeland Heights Blvd W", href: "/" },
+        { label: "Lehigh Acres, FL 33936", href: "#" },
-        { label: "Lehigh Acres, FL 33936", href: "/" },
+        { label: "Open Until 9PM", href: "#" },
-        { label: "Open Until 9PM", href: "/" },
+        { label: "Delivery Available", href: "#" },
-        { label: "Delivery Available", href: "/" },
       ],
     },
   ];
@@ -70,148 +97,366 @@ export default function MenuPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
-      {/* Navbar */}
+      <style>{`
-      <div id="nav" data-section="nav">
+        @keyframes fadeIn {
+          from {
+            opacity: 0;
+          }
+          to {
+            opacity: 1;
+          }
+        }
+
+        @keyframes slideInFromLeft {
+          from {
+            opacity: 0;
+            transform: translateX(-60px);
+          }
+          to {
+            opacity: 1;
+            transform: translateX(0);
+          }
+        }
+
+        @keyframes slideInFromRight {
+          from {
+            opacity: 0;
+            transform: translateX(60px);
+          }
+          to {
+            opacity: 1;
+            transform: translateX(0);
+          }
+        }
+
+        @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;
+        }
+
+        body {
+          animation: fadeIn 0.8s ease-out;
+        }
+
+        [data-section] {
+          animation: fadeIn 1.2s ease-out forwards;
+          opacity: 0;
+        }
+
+        #menu-header {
+          animation-delay: 0.1s;
+        }
+
+        #full-menu {
+          animation-delay: 0.2s;
+        }
+
+        #mains {
+          animation-delay: 0.3s;
+        }
+
+        #sides {
+          animation-delay: 0.4s;
+        }
+
+        #beverages {
+          animation-delay: 0.5s;
+        }
+
+        #footer {
+          animation-delay: 0.6s;
+        }
+
+        img {
+          animation: slideInFromRight 1s ease-out forwards;
+          opacity: 0;
+        }
+
+        #full-menu img {
+          animation-delay: 0.3s;
+        }
+
+        #mains 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;
+        }
+
+        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 */}
+      <div id="nav" data-section="nav" className="sticky top-0 z-40 w-full bg-white/80 backdrop-blur-md border-b border-gray-200">
         <NavbarStyleCentered
           brandName="Caribbean Flair"
           navItems={navItems}
           button={{
-            text: "Order Now",
+            text: "Order Now",            href: "/menu"
-            href: "/menu",
           }}
         />
       </div>
 
-      {/* Full Menu Section */}
+      {/* Floating Mobile Sidebar Menu */}
-      <div id="full-menu" data-section="full-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 === "home" ? "/" : `/#${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">
+                Order Now
+              </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="/menu"
+            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"
+          >
+            <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>
+      )}
+
+      {/* Menu Header Section */}
+      <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 className="max-w-4xl mx-auto text-center space-y-4">
+          <h1 className="text-4xl md:text-5xl font-bold text-gray-900">Full Island Menu</h1>
+          <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>
+          <div className="flex flex-wrap justify-center gap-4 mt-6">
+            <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">
+              <Phone className="w-5 h-5" />
+              Call (239) 785-0423
+            </a>
+            <div className="inline-flex items-center gap-2 text-gray-700">
+              <Clock className="w-5 h-5 text-primary-cta" />
+              Open Until 9PM
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Main Dishes Section */}
+      <div id="mains" data-section="mains">
         <ProductCardFour
-          title="Complete Island Menu"
+          title="Main Island Dishes"
-          description="Explore our full range of authentic Caribbean dishes, from mains to sides. Every item is prepared fresh to order with premium island ingredients."
+          description="Signature mains grilled to perfection with authentic Caribbean spices and flavors."
-          tag="All Dishes"
+          tag="Must Try"
           tagIcon={Flame}
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Back to Home",
+              text: "Order Online",              href: "#order"
-              href: "/",
             },
           ]}
           buttonAnimation="slide-up"
           textboxLayout="default"
-          gridVariant="bento-grid"
+          gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           useInvertedBackground={false}
           products={[
             {
-              id: "jerk-chicken",
+              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"
-              name: "Jerk Chicken Platter",
-              price: "$15.95",
-              variant: "Full Rack",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=2",
-              imageAlt: "Jerk chicken grilled on foil with spices",
             },
             {
-              id: "curry-shrimp",
+              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"
-              name: "Curry Shrimp Platter",
-              price: "$16.95",
-              variant: "Fresh Daily",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/side-view-fried-eggs-with-shrimps-vegetables-pan-served-with-sauces_140725-11952.jpg?_wi=2",
-              imageAlt: "Curry shrimp over rice and peas",
             },
             {
-              id: "conch-fritters",
+              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"
-              name: "Conch Fritters Combo",
-              price: "$12.95",
-              variant: "6 Pieces",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/chicken-nuggets-served-with-french-fries-sauces_140725-5759.jpg?_wi=2",
-              imageAlt: "Golden conch fritters with dipping sauce",
             },
             {
-              id: "jerk-pork",
+              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"
-              name: "Jerk Pork Platter",
-              price: "$16.95",
-              variant: "Premium Cut",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/hot-spicy-grilled-pork-salad-with-berry-rice_1339-6325.jpg?_wi=2",
-              imageAlt: "Jerk pork platter with rice and tropical slaw",
             },
             {
-              id: "curry-goat",
+              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"
-              name: "Curry Goat Stew",
-              price: "$17.95",
-              variant: "Traditional Recipe",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=2",
-              imageAlt: "Rich curry goat served over rice and peas",
             },
             {
-              id: "festival-sides",
+              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"
-              name: "Festival & Slaw Combo",
+            },
-              price: "$8.95",
+          ]}
-              variant: "Sides Bundle",
+        />
-              imageSrc:
+      </div>
-                "http://img.b2bpic.net/free-photo/deep-fried-samosas-rustic-crockery-plate-generated-by-ai_188544-41080.jpg?_wi=2",
+
-              imageAlt: "Festival dumplings with tropical slaw and mac and cheese",
+      {/* Sides & Extras Section */}
+      <div id="sides" data-section="sides">
+        <ProductCardFour
+          title="Sides & Extras"
+          description="Perfect complements to your main dish. All made fresh daily with authentic Caribbean flavors."
+          tag="Sides & Accompaniments"
+          tagIcon={Star}
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Add to Order",              href: "#order"
+            },
+          ]}
+          buttonAnimation="slide-up"
+          textboxLayout="default"
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          useInvertedBackground={true}
+          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 id="beverages" data-section="beverages">
+        <ProductCardFour
+          title="Beverages & Drinks"
+          description="Cool off with our refreshing Caribbean drinks and island favorites."
+          tag="Quench Your Thirst"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Add Drink",              href: "#order"
+            },
+          ]}
+          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 */}
-      <div id="order-cta" data-section="order-cta">
+      <div id="order" data-section="order" className="py-16 md:py-24 px-4 bg-gradient-to-r from-primary-cta to-accent">
-        <FeatureCardTen
+        <div className="max-w-2xl mx-auto text-center space-y-6 text-white">
-          title="Ready to Order?"
+          <h2 className="text-3xl md:text-4xl font-bold">Ready to Order?</h2>
-          description="Browse our full menu above and place your order now. Call us or order online for fast, hot, and fresh Caribbean island cuisine delivered straight to your door."
+          <p className="text-lg opacity-90">Call us now or visit our location to experience authentic Caribbean island flavors made fresh daily.</p>
-          tag="Quick Order"
+          <div className="flex flex-col sm:flex-row gap-4 justify-center mt-8">
-          tagIcon={Zap}
+            <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">
-          tagAnimation="slide-up"
+              <Phone className="w-6 h-6" />
-          buttons={[
+              Call (239) 785-0423
-            {
+            </a>
-              text: "Order Online",
+            <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">
-              href: "/menu",
+              <MapPin className="w-6 h-6" />
-            },
+              Visit Us
-            {
+            </a>
-              text: "Call (239) 785-0423",
+          </div>
-              href: "tel:2397850423",
+          <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>
-          buttonAnimation="slide-up"
+            <p>🚚 Delivery Available</p>
-          textboxLayout="default"
+          </div>
-          animationType="slide-up"
+        </div>
-          useInvertedBackground={true}
-          features={[
-            {
-              id: "order-simple",
-              title: "Simple & Fast",
-              description:
-                "Order online or call. Your meal is prepared fresh and ready for pickup or delivery.",
-              media: {
-                imageSrc:
-                  "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=2",
-              },
-              items: [
-                {
-                  icon: Zap,
-                  text: "Quick service",
-                },
-                {
-                  icon: TrendingUp,
-                  text: "Always fresh",
-                },
-              ],
-              reverse: false,
-            },
-          ]}
-        />
       </div>
 
       {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=2"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773884559172-6jmwoep9.png"
           imageAlt="Caribbean Flair Island Jerk Grill Trailer"
           logoText="Caribbean Flair"
           copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"

src/app/order-now/page.tsx

@@ -0,0 +1,425 @@
+"use client";
+
+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 FooterMedia from "@/components/sections/footer/FooterMedia";
+import {
+  Award,
+  Zap,
+  TrendingUp,
+  Facebook,
+  Phone,
+  ShoppingCart,
+  ExternalLink,
+  Clock,
+} 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" },
+    { name: "Menu", id: "signature-dishes" },
+    { name: "About Us", id: "owners-spotlight" },
+    { name: "Gallery", id: "featured-gallery" },
+    { name: "Reviews", id: "testimonials" },
+    { name: "Locations", id: "footer" },
+  ];
+
+  const footerColumns = [
+    {
+      title: "Quick Links",      items: [
+        { label: "Home", href: "/" },
+        { label: "Order Now", href: "/order-now" },
+        { 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: "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" },
+      ],
+    },
+    {
+      title: "Connect With Us",      items: [
+        { label: "Facebook", href: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr" },
+        { label: "Privacy Policy", href: "#" },
+        { label: "Terms of Service", href: "#" },
+      ],
+    },
+    {
+      title: "Located In",      items: [
+        { label: "801 Leeland Heights Blvd W", href: "#" },
+        { label: "Lehigh Acres, FL 33936", href: "#" },
+        { label: "Open Until 9PM", href: "#" },
+        { label: "Delivery Available", href: "#" },
+      ],
+    },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="compact"
+      sizing="medium"
+      background="none"
+      cardStyle="inset"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <style>{`
+        @keyframes fadeIn {
+          from {
+            opacity: 0;
+          }
+          to {
+            opacity: 1;
+          }
+        }
+
+        @keyframes slideInFromLeft {
+          from {
+            opacity: 0;
+            transform: translateX(-60px);
+          }
+          to {
+            opacity: 1;
+            transform: translateX(0);
+          }
+        }
+
+        @keyframes slideInFromRight {
+          from {
+            opacity: 0;
+            transform: translateX(60px);
+          }
+          to {
+            opacity: 1;
+            transform: translateX(0);
+          }
+        }
+
+        @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;
+        }
+
+        body {
+          animation: fadeIn 0.8s ease-out;
+        }
+
+        [data-section] {
+          animation: fadeIn 1.2s ease-out forwards;
+          opacity: 0;
+        }
+
+        #hero [data-section] {
+          animation-delay: 0.1s;
+        }
+
+        #order-providers {
+          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 */}
+      <div id="nav" data-section="nav" className="sticky top-0 z-40 w-full bg-white/80 backdrop-blur-md border-b border-gray-200">
+        <NavbarStyleCentered
+          brandName="Caribbean Flair"
+          navItems={navItems}
+          button={{
+            text: "See Full Menu",            href: "/"
+          }}
+        />
+      </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"
+          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."
+          tag="Multiple Delivery Options"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          background={{ variant: "glowing-orb" }}
+          buttons={[
+            {
+              text: "Explore Delivery Options",              href: "#order-providers"
+            },
+          ]}
+          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"
+          animationType="slide-up"
+          useInvertedBackground={true}
+          features={[
+            {
+              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 */}
+      <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"
+          imageAlt="Caribbean Flair Island Jerk Grill Trailer"
+          logoText="Caribbean Flair"
+          copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
+          columns={footerColumns}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/order/page.tsx

@@ -1,11 +1,18 @@
 "use client";
 
-import Link from "next/link";
+import { useState } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Flame } from "lucide-react";
+import ProductCartItem from "@/components/ecommerce/cart/ProductCartItem";
+import {
+  CreditCard,
+  Heart,
+  ShoppingCart,
+  Lock,
+  Check,
+} from "lucide-react";
 
 export default function OrderPage() {
   const navItems = [
@@ -15,47 +22,329 @@ export default function OrderPage() {
     { name: "Gallery", id: "gallery" },
     { name: "Reviews", id: "reviews" },
     { name: "Locations", id: "locations" },
+    { name: "Order Online", id: "order" },
   ];
 
+  const [cart, setCart] = useState<
+    Array<{
+      id: string;
+      name: string;
+      variants?: string[];
+      price: string;
+      quantity: number;
+      imageSrc: string;
+      imageAlt?: string;
+    }>
+  >([
+    {
+      id: "jerk-chicken",      name: "Jerk Chicken Platter",      price: "$15.95",      quantity: 1,
+      imageSrc:
+        "http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=1",      imageAlt: "Jerk chicken platter",      variants: ["Full Rack"],
+    },
+    {
+      id: "curry-shrimp",      name: "Curry Shrimp Platter",      price: "$16.95",      quantity: 1,
+      imageSrc:
+        "http://img.b2bpic.net/free-photo/side-view-fried-eggs-with-shrimps-vegetables-pan-served-with-sauces_140725-11952.jpg?_wi=1",      imageAlt: "Curry shrimp platter",      variants: ["Fresh Daily"],
+    },
+  ]);
+
+  const [paymentMethod, setPaymentMethod] = useState<
+    "credit-card" | "apple-pay" | "paypal"
+  >("credit-card");
+  const [orderStage, setOrderStage] = useState<
+    "cart" | "checkout" | "confirmation"
+  >("cart");
+
+  const handleQuantityChange = (id: string, quantity: number) => {
+    setCart((prev) =>
+      prev.map((item) =>
+        item.id === id ? { ...item, quantity } : item
+      )
+    );
+  };
+
+  const handleRemove = (id: string) => {
+    setCart((prev) => prev.filter((item) => item.id !== id));
+  };
+
+  const subtotal = cart.reduce(
+    (sum, item) =>
+      sum + parseFloat(item.price.replace("$", "")) * item.quantity,
+    0
+  );
+  const tax = subtotal * 0.07;
+  const total = subtotal + tax;
+
   const footerColumns = [
     {
-      title: "Quick Links",
+      title: "Quick Links",      items: [
-      items: [
         { label: "Home", href: "/" },
         { label: "Menu", href: "/menu" },
-        { label: "Gallery", href: "/gallery" },
+        { label: "Gallery", href: "/" },
-        { label: "Reviews", href: "/reviews" },
+        { label: "Reviews", href: "/" },
       ],
     },
     {
-      title: "Order & Contact",
+      title: "Order & Contact",      items: [
-      items: [
         { label: "Order Online", href: "/order" },
         { label: "Call Us", href: "tel:2397850423" },
         { label: "Locations & Hours", href: "/locations" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "/" },
       ],
     },
     {
-      title: "Connect With Us",
+      title: "Connect With Us",      items: [
-      items: [
         { label: "Facebook", href: "https://facebook.com/caribbeanflair" },
-        { label: "About Us", href: "/about" },
+        { label: "About Us", href: "/" },
-        { label: "Privacy Policy", href: "#privacy" },
+        { label: "Privacy Policy", href: "/" },
-        { label: "Terms of Service", href: "#terms" },
+        { label: "Terms of Service", href: "/" },
       ],
     },
     {
-      title: "Located In",
+      title: "Located In",      items: [
-      items: [
+        { label: "801 Leeland Heights Blvd W", href: "/" },
-        { label: "801 Leeland Heights Blvd W", href: "#map" },
+        { label: "Lehigh Acres, FL 33936", href: "/" },
-        { label: "Lehigh Acres, FL 33936", href: "#map" },
+        { label: "Open Until 9PM", href: "/" },
-        { label: "Open Until 9PM", href: "/locations" },
+        { label: "Delivery Available", href: "/" },
-        { label: "Delivery Available", href: "/order" },
       ],
     },
   ];
 
+  if (orderStage === "confirmation") {
+    return (
+      <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="medium"
+        background="none"
+        cardStyle="inset"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+      >
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            brandName="Caribbean Flair"
+            navItems={navItems}
+            button={{
+              text: "Order Now",              href: "/order"}}
+          />
+        </div>
+
+        <div id="confirmation" data-section="confirmation" className="min-h-screen flex items-center justify-center px-4 py-12">
+          <div className="max-w-md w-full text-center">
+            <div className="mb-6 flex justify-center">
+              <div className="rounded-full bg-green-100 p-4">
+                <Check className="w-12 h-12 text-green-600" />
+              </div>
+            </div>
+            <h1 className="text-3xl font-bold mb-2">Order Confirmed!</h1>
+            <p className="text-gray-600 mb-6">
+              Thank you for your order. Your Caribbean Flair meal will be ready in approximately 20 minutes.
+            </p>
+            <div className="bg-gray-50 rounded-lg p-4 mb-6 text-left">
+              <p className="text-sm text-gray-600 mb-2">Order #: CF-2025-001234</p>
+              <p className="font-semibold text-lg mb-1">Total: ${total.toFixed(2)}</p>
+              <p className="text-sm text-gray-600">Payment: {paymentMethod === "credit-card" ? "Credit Card" : paymentMethod === "apple-pay" ? "Apple Pay" : "PayPal"}</p>
+            </div>
+            <div className="space-y-3">
+              <button
+                onClick={() => {
+                  setOrderStage("cart");
+                  setCart([]);
+                }}
+                className="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 rounded-lg transition"
+              >
+                Place Another Order
+              </button>
+              <a
+                href="/"
+                className="block w-full bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-3 rounded-lg transition text-center"
+              >
+                Back to Home
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.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"
+            columns={footerColumns}
+          />
+        </div>
+      </ThemeProvider>
+    );
+  }
+
+  if (orderStage === "checkout") {
+    return (
+      <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="compact"
+        sizing="medium"
+        background="none"
+        cardStyle="inset"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+      >
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            brandName="Caribbean Flair"
+            navItems={navItems}
+            button={{
+              text: "Order Now",              href: "/order"}}
+          />
+        </div>
+
+        <div id="checkout" data-section="checkout" className="min-h-screen px-4 py-12">
+          <div className="max-w-2xl mx-auto">
+            <h1 className="text-3xl font-bold mb-8">Secure Checkout</h1>
+
+            {/* Order Summary */}
+            <div className="bg-gray-50 rounded-lg p-6 mb-8">
+              <h2 className="text-lg font-semibold mb-4">Order Summary</h2>
+              <div className="space-y-2 mb-4">
+                {cart.map((item) => (
+                  <div key={item.id} className="flex justify-between text-sm">
+                    <span>
+                      {item.name} × {item.quantity}
+                    </span>
+                    <span>
+                      ${(parseFloat(item.price.replace("$", "")) * item.quantity).toFixed(2)}
+                    </span>
+                  </div>
+                ))}
+              </div>
+              <div className="border-t pt-4 space-y-1">
+                <div className="flex justify-between text-sm">
+                  <span>Subtotal:</span>
+                  <span>${subtotal.toFixed(2)}</span>
+                </div>
+                <div className="flex justify-between text-sm">
+                  <span>Tax (7%):</span>
+                  <span>${tax.toFixed(2)}</span>
+                </div>
+                <div className="flex justify-between font-bold text-lg pt-2 border-t">
+                  <span>Total:</span>
+                  <span>${total.toFixed(2)}</span>
+                </div>
+              </div>
+            </div>
+
+            {/* Payment Methods */}
+            <div className="mb-8">
+              <h2 className="text-lg font-semibold mb-4 flex items-center">
+                <Lock className="w-5 h-5 mr-2" />
+                Secure Payment
+              </h2>
+
+              {/* Credit Card */}
+              <div
+                className={`border-2 rounded-lg p-4 mb-4 cursor-pointer transition ${
+                  paymentMethod === "credit-card"
+                    ? "border-blue-600 bg-blue-50"
+                    : "border-gray-200"
+                }`}
+                onClick={() => setPaymentMethod("credit-card")}
+              >
+                <div className="flex items-center mb-4">
+                  <CreditCard className="w-6 h-6 mr-3" />
+                  <span className="font-semibold">Credit Card</span>
+                </div>
+                {paymentMethod === "credit-card" && (
+                  <div className="space-y-3">
+                    <input
+                      type="text"
+                      placeholder="Card Number"
+                      className="w-full px-3 py-2 border rounded-lg text-sm"
+                    />
+                    <div className="flex gap-3">
+                      <input
+                        type="text"
+                        placeholder="MM/YY"
+                        className="flex-1 px-3 py-2 border rounded-lg text-sm"
+                      />
+                      <input
+                        type="text"
+                        placeholder="CVV"
+                        className="flex-1 px-3 py-2 border rounded-lg text-sm"
+                      />
+                    </div>
+                  </div>
+                )}
+              </div>
+
+              {/* Apple Pay */}
+              <div
+                className={`border-2 rounded-lg p-4 mb-4 cursor-pointer transition ${
+                  paymentMethod === "apple-pay"
+                    ? "border-blue-600 bg-blue-50"
+                    : "border-gray-200"
+                }`}
+                onClick={() => setPaymentMethod("apple-pay")}
+              >
+                <div className="flex items-center">
+                  <span className="font-bold text-xl mr-3">🍎</span>
+                  <span className="font-semibold">Apple Pay</span>
+                </div>
+              </div>
+
+              {/* PayPal */}
+              <div
+                className={`border-2 rounded-lg p-4 cursor-pointer transition ${
+                  paymentMethod === "paypal"
+                    ? "border-blue-600 bg-blue-50"
+                    : "border-gray-200"
+                }`}
+                onClick={() => setPaymentMethod("paypal")}
+              >
+                <div className="flex items-center">
+                  <span className="font-bold text-blue-600 mr-3">PP</span>
+                  <span className="font-semibold">PayPal</span>
+                </div>
+              </div>
+            </div>
+
+            {/* Action Buttons */}
+            <div className="flex gap-4">
+              <button
+                onClick={() => setOrderStage("cart")}
+                className="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-3 rounded-lg transition"
+              >
+                Back to Cart
+              </button>
+              <button
+                onClick={() => setOrderStage("confirmation")}
+                className="flex-1 bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 rounded-lg transition"
+              >
+                Complete Order
+              </button>
+            </div>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.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"
+            columns={footerColumns}
+          />
+        </div>
+      </ThemeProvider>
+    );
+  }
+
   return (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -69,143 +358,111 @@ export default function OrderPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
+      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           brandName="Caribbean Flair"
           navItems={navItems}
           button={{
-            text: "Order Now",
+            text: "Order Now",            href: "/order"}}
-            href: "/order",
-          }}
         />
       </div>
 
-      <div id="signature-dishes" data-section="signature-dishes">
+      {/* Hero Section */}
-        <ProductCardFour
+      <div id="hero" data-section="hero">
-          title="Signature Island Flavors"
+        <HeroSplit
-          description="Discover our most beloved authentic Caribbean dishes, expertly crafted and grilled fresh daily. Order your favorites now and experience premium island cuisine delivered hot and delicious."
+          title="Order Your Caribbean Feast Online"
-          tag="Most Ordered"
+          description="Build your custom order from our signature island dishes. Fast, secure checkout with multiple payment options."
-          tagIcon={Flame}
+          tag="Quick & Easy Ordering"
+          tagIcon={ShoppingCart}
           tagAnimation="slide-up"
+          background={{ variant: "glowing-orb" }}
           buttons={[
             {
-              text: "Explore Full Menu",
+              text: "Proceed to Checkout",              onClick: () => setOrderStage("checkout"),
-              href: "/menu",
             },
           ]}
           buttonAnimation="slide-up"
-          textboxLayout="default"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-2gw0wih3.jpg?_wi=2"
-          gridVariant="three-columns-all-equal-width"
+          imageAlt="Caribbean Flair food display"
-          animationType="slide-up"
+          mediaAnimation="opacity"
-          useInvertedBackground={false}
+          imagePosition="right"
-          products={[
+          ariaLabel="Order online hero section"
-            {
-              id: "jerk-chicken",
-              name: "Jerk Chicken Platter",
-              price: "$15.95",
-              variant: "Full Rack",
-              imageSrc: "http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=3",
-              imageAlt: "Jerk chicken grilled on foil with spices",
-              onProductClick: undefined,
-              onFavorite: undefined,
-              isFavorited: false,
-            },
-            {
-              id: "curry-shrimp",
-              name: "Curry Shrimp Platter",
-              price: "$16.95",
-              variant: "Fresh Daily",
-              imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-eggs-with-shrimps-vegetables-pan-served-with-sauces_140725-11952.jpg?_wi=4",
-              imageAlt: "Curry shrimp over rice and peas",
-              onProductClick: undefined,
-              onFavorite: undefined,
-              isFavorited: false,
-            },
-            {
-              id: "conch-fritters",
-              name: "Conch Fritters Combo",
-              price: "$12.95",
-              variant: "6 Pieces",
-              imageSrc: "http://img.b2bpic.net/free-photo/chicken-nuggets-served-with-french-fries-sauces_140725-5759.jpg?_wi=3",
-              imageAlt: "Golden conch fritters with dipping sauce",
-              onProductClick: undefined,
-              onFavorite: undefined,
-              isFavorited: false,
-            },
-          ]}
         />
       </div>
 
-      <div id="order-featured" data-section="order-featured">
+      {/* Shopping Cart Section */}
-        <ProductCardFour
+      <div id="cart" data-section="cart" className="px-4 py-12">
-          title="Premium Island Combinations"
+        <div className="max-w-4xl mx-auto">
-          description="Build your perfect Caribbean meal with our curated combinations. Each platter includes fresh sides and authentic island flavors prepared fresh on the grill."
+          <h1 className="text-3xl font-bold mb-8">Your Cart</h1>
-          tag="Customer Favorites"
+
-          tagIcon={Flame}
+          {cart.length === 0 ? (
-          tagAnimation="slide-up"
+            <div className="text-center py-12">
-          buttons={[
+              <ShoppingCart className="w-16 h-16 mx-auto text-gray-400 mb-4" />
-            {
+              <p className="text-xl text-gray-600">Your cart is empty</p>
-              text: "View All Platters",
+              <a
-              href: "/menu",
+                href="/menu"
-            },
+                className="inline-block mt-6 bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition"
-          ]}
+              >
-          buttonAnimation="slide-up"
+                Browse Menu
-          textboxLayout="default"
+              </a>
-          gridVariant="two-columns-alternating-heights"
+            </div>
-          animationType="slide-up"
+          ) : (
-          useInvertedBackground={true}
+            <>
-          products={[
+              <div className="space-y-4 mb-8">
-            {
+                {cart.map((item) => (
-              id: "jerk-pork-combo",
+                  <ProductCartItem
-              name: "Jerk Pork Festival Combo",
+                    key={item.id}
-              price: "$17.95",
+                    item={item}
-              variant: "Complete Platter",
+                    onQuantityChange={handleQuantityChange}
-              imageSrc: "http://img.b2bpic.net/free-photo/hot-spicy-grilled-pork-salad-with-berry-rice_1339-6325.jpg?_wi=4",
+                    onRemove={handleRemove}
-              imageAlt: "Jerk pork platter with rice and tropical slaw",
+                  />
-              onProductClick: undefined,
+                ))}
-              onFavorite: undefined,
+              </div>
-              isFavorited: false,
+
-            },
+              {/* Cart Summary */}
-            {
+              <div className="bg-gray-50 rounded-lg p-6 mb-6">
-              id: "curry-goat-combo",
+                <div className="space-y-2 mb-4">
-              name: "Curry Goat Island Feast",
+                  <div className="flex justify-between">
-              price: "$18.95",
+                    <span>Subtotal:</span>
-              variant: "Family Style",
+                    <span>${subtotal.toFixed(2)}</span>
-              imageSrc: "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=4",
+                  </div>
-              imageAlt: "Rich curry goat served over rice and peas",
+                  <div className="flex justify-between">
-              onProductClick: undefined,
+                    <span>Tax (7%):</span>
-              onFavorite: undefined,
+                    <span>${tax.toFixed(2)}</span>
-              isFavorited: false,
+                  </div>
-            },
+                  <div className="border-t pt-4 flex justify-between font-bold text-lg">
-            {
+                    <span>Total:</span>
-              id: "escovitch-fish-combo",
+                    <span>${total.toFixed(2)}</span>
-              name: "Escovitch Fish Special",
+                  </div>
-              price: "$16.95",
+                </div>
-              variant: "Fresh Catch",
+              </div>
-              imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-served-with-aubergine-lemon-parsley_140725-1554.jpg?_wi=3",
+
-              imageAlt: "Escovitch fish with pickled vegetables and lime",
+              {/* Action Buttons */}
-              onProductClick: undefined,
+              <div className="flex gap-4">
-              onFavorite: undefined,
+                <a
-              isFavorited: false,
+                  href="/menu"
-            },
+                  className="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-3 rounded-lg transition text-center"
-            {
+                >
-              id: "seafood-festival",
+                  Continue Shopping
-              name: "Seafood Festival Platter",
+                </a>
-              price: "$19.95",
+                <button
-              variant: "Premium Mix",
+                  onClick={() => setOrderStage("checkout")}
-              imageSrc: "http://img.b2bpic.net/free-photo/deep-fried-samosas-rustic-crockery-plate-generated-by-ai_188544-41080.jpg?_wi=4",
+                  className="flex-1 bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 rounded-lg transition flex items-center justify-center"
-              imageAlt: "Festival dumplings with tropical slaw and mac and cheese",
+                >
-              onProductClick: undefined,
+                  <Lock className="w-5 h-5 mr-2" />
-              onFavorite: undefined,
+                  Proceed to Checkout
-              isFavorited: false,
+                </button>
-            },
+              </div>
-          ]}
+            </>
-        />
+          )}
+        </div>
       </div>
 
+      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=10"
+          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.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"

src/app/page.tsx

@@ -19,53 +19,74 @@ import {
   Zap,
   TrendingUp,
   Facebook,
+  Phone,
+  ShoppingCart,
+  X,
+  MapPin,
+  Clock,
 } from "lucide-react";
+import { useState, useEffect } from "react";
 
 export default function HomePage() {
+  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" },
-    { name: "Menu", id: "menu" },
+    { name: "Menu", id: "signature-dishes" },
-    { name: "About Us", id: "about" },
+    { name: "About Us", id: "owners-spotlight" },
-    { name: "Gallery", id: "gallery" },
+    { name: "Gallery", id: "featured-gallery" },
-    { name: "Reviews", id: "reviews" },
+    { name: "Reviews", id: "testimonials" },
-    { name: "Locations", id: "locations" },
+    { name: "Locations", id: "footer" },
   ];
 
   const footerColumns = [
     {
-      title: "Quick Links",
+      title: "Quick Links",      items: [
-      items: [
         { label: "Home", href: "/" },
-        { label: "Menu", href: "/menu" },
+        { label: "Menu", href: "#signature-dishes" },
-        { label: "Gallery", href: "/" },
+        { label: "Gallery", href: "#featured-gallery" },
-        { label: "Reviews", href: "/" },
+        { label: "Reviews", href: "#testimonials" },
       ],
     },
     {
-      title: "Order & Contact",
+      title: "Order & Contact",      items: [
-      items: [
+        { label: "Order Online", href: "/order-now" },
-        { label: "Order Online", href: "/" },
         { label: "Call Us", href: "tel:2397850423" },
-        { label: "Locations & Hours", href: "/" },
+        { label: "Locations & Hours", href: "#footer" },
-        { label: "Contact", href: "/" },
+        { label: "Contact", href: "#footer" },
       ],
     },
     {
-      title: "Connect With Us",
+      title: "Connect With Us",      items: [
-      items: [
+        { label: "Facebook", href: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr" },
-        { label: "Facebook", href: "https://facebook.com/caribbeanflair" },
+        { label: "Privacy Policy", href: "#" },
-        { label: "About Us", href: "/" },
+        { label: "Terms of Service", href: "#" },
-        { label: "Privacy Policy", href: "/" },
-        { label: "Terms of Service", href: "/" },
       ],
     },
     {
-      title: "Located In",
+      title: "Located In",      items: [
-      items: [
+        { label: "801 Leeland Heights Blvd W", href: "#" },
-        { label: "801 Leeland Heights Blvd W", href: "/" },
+        { label: "Lehigh Acres, FL 33936", href: "#" },
-        { label: "Lehigh Acres, FL 33936", href: "/" },
+        { label: "Open Until 9PM", href: "#" },
-        { label: "Open Until 9PM", href: "/" },
+        { label: "Delivery Available", href: "#" },
-        { label: "Delivery Available", href: "/" },
       ],
     },
   ];
@@ -83,22 +104,215 @@ export default function HomePage() {
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
-      {/* Navbar */}
+      <style>{`
-      <div id="nav" data-section="nav">
+        @keyframes fadeIn {
+          from {
+            opacity: 0;
+          }
+          to {
+            opacity: 1;
+          }
+        }
+
+        @keyframes slideInFromLeft {
+          from {
+            opacity: 0;
+            transform: translateX(-60px);
+          }
+          to {
+            opacity: 1;
+            transform: translateX(0);
+          }
+        }
+
+        @keyframes slideInFromRight {
+          from {
+            opacity: 0;
+            transform: translateX(60px);
+          }
+          to {
+            opacity: 1;
+            transform: translateX(0);
+          }
+        }
+
+        @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;
+        }
+
+        body {
+          animation: fadeIn 0.8s ease-out;
+        }
+
+        [data-section] {
+          animation: fadeIn 1.2s ease-out forwards;
+          opacity: 0;
+        }
+
+        #hero [data-section] {
+          animation-delay: 0.1s;
+        }
+
+        #signature-dishes {
+          animation-delay: 0.2s;
+        }
+
+        #featured-gallery {
+          animation-delay: 0.3s;
+        }
+
+        #testimonials {
+          animation-delay: 0.4s;
+        }
+
+        #owners-spotlight {
+          animation-delay: 0.5s;
+        }
+
+        #final-cta {
+          animation-delay: 0.6s;
+        }
+
+        #footer {
+          animation-delay: 0.7s;
+        }
+
+        img {
+          animation: slideInFromRight 1s ease-out forwards;
+          opacity: 0;
+        }
+
+        #hero img {
+          animation-delay: 0.3s;
+        }
+
+        #signature-dishes img {
+          animation-delay: 0.4s;
+        }
+
+        #featured-gallery img {
+          animation-delay: 0.5s;
+        }
+
+        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 */}
+      <div id="nav" data-section="nav" className="sticky top-0 z-40 w-full bg-white/80 backdrop-blur-md border-b border-gray-200">
         <NavbarStyleCentered
           brandName="Caribbean Flair"
           navItems={navItems}
           button={{
-            text: "Order Now",
+            text: "Order Now",            href: "/order-now"
-            href: "/menu",
           }}
         />
       </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="/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>
+          </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="/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"
+          >
+            <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="Authentic Jamaican Island Flavors in Lehigh Acres"
+          title="Caribbean Flair Island"
           description="Fresh off the grill. Jerk, curry, and soul food made with love by Teria Bryant & Deb Farrell. Experience premium Caribbean fusion like never before."
           tag="Black & Women-Owned"
           tagIcon={Award}
@@ -106,16 +320,14 @@ export default function HomePage() {
           background={{ variant: "glowing-orb" }}
           buttons={[
             {
-              text: "Order Online Now",
+              text: "Order Online Now",              href: "/order-now"
-              href: "/menu",
             },
             {
-              text: "View Full Menu",
+              text: "View Full Menu",              href: "#signature-dishes"
-              href: "/menu",
             },
           ]}
           buttonAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-vector/summer-label-collectio_23-2148160410.jpg"
+          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"
           imageAlt="Red Caribbean Flair Island Jerk Grill Trailer"
           mediaAnimation="opacity"
           imagePosition="right"
@@ -133,8 +345,7 @@ export default function HomePage() {
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Explore Full Menu",
+              text: "Order Now",              href: "/order-now"
-              href: "/menu",
             },
           ]}
           buttonAnimation="slide-up"
@@ -144,31 +355,16 @@ export default function HomePage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "jerk-chicken",
+              id: "jerk-chicken",              name: "Jerk Chicken Platter",              price: "$15.95",              variant: "Full Rack",              imageSrc:
-              name: "Jerk Chicken Platter",
+                "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: "Jerk chicken grilled on foil with spices"
-              price: "$15.95",
-              variant: "Full Rack",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=1",
-              imageAlt: "Jerk chicken grilled on foil with spices",
             },
             {
-              id: "curry-shrimp",
+              id: "curry-shrimp",              name: "Curry Shrimp Platter",              price: "$16.95",              variant: "Fresh Daily",              imageSrc:
-              name: "Curry Shrimp Platter",
+                "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: "Curry shrimp over rice and peas"
-              price: "$16.95",
-              variant: "Fresh Daily",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/side-view-fried-eggs-with-shrimps-vegetables-pan-served-with-sauces_140725-11952.jpg?_wi=1",
-              imageAlt: "Curry shrimp over rice and peas",
             },
             {
-              id: "conch-fritters",
+              id: "conch-fritters",              name: "Conch Fritters Combo",              price: "$12.95",              variant: "6 Pieces",              imageSrc:
-              name: "Conch Fritters Combo",
+                "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: "Golden conch fritters with dipping sauce"
-              price: "$12.95",
-              variant: "6 Pieces",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/chicken-nuggets-served-with-french-fries-sauces_140725-5759.jpg?_wi=1",
-              imageAlt: "Golden conch fritters with dipping sauce",
             },
           ]}
         />
@@ -187,89 +383,41 @@ export default function HomePage() {
           useInvertedBackground={false}
           blogs={[
             {
-              id: "jerk-pork",
+              id: "jerk-pork",              category: "Main Dishes",              title: "Jerk Pork Did Not Disappoint",              excerpt:
-              category: "Main Dishes",
+                "Perfectly seasoned and grilled, bursting with island spices and authentic Jamaican flavor.",              imageSrc:
-              title: "Jerk Pork Did Not Disappoint",
+                "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:
-              excerpt:
+                "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"
-                "Perfectly seasoned and grilled, bursting with island spices and authentic Jamaican flavor.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/hot-spicy-grilled-pork-salad-with-berry-rice_1339-6325.jpg?_wi=1",
-              imageAlt: "Jerk pork platter with rice and tropical slaw",
-              authorName: "Caribbean Flair Team",
-              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: "Fresh Daily",
             },
             {
-              id: "curry-goat",
+              id: "curry-goat",              category: "Featured",              title: "Curry Goat - A Community Favorite",              excerpt:
-              category: "Featured",
+                "Tender, aromatic, and cooked to perfection. Every bite transports you straight to Jamaica.",              imageSrc:
-              title: "Curry Goat - A Community Favorite",
+                "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:
-              excerpt:
+                "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"
-                "Tender, aromatic, and cooked to perfection. Every bite transports you straight to Jamaica.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=1",
-              imageAlt: "Rich curry goat served over rice and peas",
-              authorName: "Caribbean Flair Team",
-              authorAvatar:
-                "http://img.b2bpic.net/free-vector/colorful-avatars_23-2147502919.jpg",
-              date: "Popular Choice",
             },
             {
-              id: "festival-sides",
+              id: "festival-sides",              category: "Sides",              title: "Festival Dumplings & Tropical Slaw",              excerpt:
-              category: "Sides",
+                "Crispy, golden festival dumplings paired with our signature tropical slaw for the perfect complement.",              imageSrc:
-              title: "Festival Dumplings & Tropical Slaw",
+                "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:
-              excerpt:
+                "Festival dumplings with tropical slaw and mac and cheese",              authorName: "Caribbean Flair Team",              authorAvatar:
-                "Crispy, golden festival dumplings paired with our signature tropical slaw for the perfect complement.",
+                "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"
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/deep-fried-samosas-rustic-crockery-plate-generated-by-ai_188544-41080.jpg?_wi=1",
-              imageAlt:
-                "Festival dumplings with tropical slaw and mac and cheese",
-              authorName: "Caribbean Flair Team",
-              authorAvatar:
-                "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
-              date: "Must Try",
             },
             {
-              id: "escovitch-fish",
+              id: "escovitch-fish",              category: "Seafood",              title: "Escovitch Fish - Island Tradition",              excerpt:
-              category: "Seafood",
+                "Fresh fish prepared in authentic Jamaican style with pickled vegetables and bold island flavors.",              imageSrc:
-              title: "Escovitch Fish - Island Tradition",
+                "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:
-              excerpt:
+                "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"
-                "Fresh fish prepared in authentic Jamaican style with pickled vegetables and bold island flavors.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/grilled-chicken-served-with-aubergine-lemon-parsley_140725-1554.jpg?_wi=1",
-              imageAlt: "Escovitch fish with pickled vegetables and lime",
-              authorName: "Caribbean Flair Team",
-              authorAvatar:
-                "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg",
-              date: "Customer Favorite",
             },
             {
-              id: "mac-cheese",
+              id: "mac-cheese",              category: "Sides",              title: "Creamy Island Mac & Cheese",              excerpt:
-              category: "Sides",
+                "Smooth, rich, and soul-warming comfort food that pairs perfectly with any of our signature mains.",              imageSrc:
-              title: "Creamy Island Mac & Cheese",
+                "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:
-              excerpt:
+                "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"
-                "Smooth, rich, and soul-warming comfort food that pairs perfectly with any of our signature mains.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/delicious-food-presentation_23-2151914003.jpg?_wi=1",
-              imageAlt: "Creamy mac and cheese side dish",
-              authorName: "Caribbean Flair Team",
-              authorAvatar:
-                "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-looks-camera_141793-103873.jpg",
-              date: "Comfort Classic",
             },
             {
-              id: "grill-action",
+              id: "grill-action",              category: "Behind the Scenes",              title: "Fresh Off The Grill - Live Action",              excerpt:
-              category: "Behind the Scenes",
+                "Watch our expert grill masters prepare your meal with passion, precision, and authentic Caribbean technique.",              imageSrc:
-              title: "Fresh Off The Grill - Live Action",
+                "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:
-              excerpt:
+                "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"
-                "Watch our expert grill masters prepare your meal with passion, precision, and authentic Caribbean technique.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/friends-having-nice-barbeque-together_23-2149271905.jpg?_wi=1",
-              imageAlt: "Chef grilling jerk meats on foil with smoke",
-              authorName: "Caribbean Flair Team",
-              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: "Daily Special",
             },
           ]}
         />
@@ -289,70 +437,29 @@ export default function HomePage() {
           showRating={true}
           testimonials={[
             {
-              id: "review-1",
+              id: "review-1",              name: "A wonderful escape from the rush",              handle: "@happycustomer",              testimonial: "Caribbean Flair is like stepping into a tropical paradise in the middle of Lehigh Acres. The food is authentic, the portions are generous, and you can taste the passion in every bite. Highly recommend!",              rating: 5,
-              name: "Sarah Johnson",
-              handle: "@sarahjohn2024",
-              testimonial:
-                "Every dish packed with authentic island flavor! Teria and Deb truly know how to deliver Caribbean excellence.",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg?_wi=1",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120920-110y3vfr.png",              imageAlt: "Happy customer"
-              imageAlt: "Sarah Johnson smiling",
             },
             {
-              id: "review-2",
+              id: "review-2",              name: "Authentic flavors that transport you",              handle: "@flavorseeker",              testimonial: "Every time I order from Caribbean Flair, I feel like I'm on vacation. The jerk seasoning is perfect, the sides are fresh, and Teria and Deb's passion for the business really shows. This is the real deal!",              rating: 5,
-              name: "Michael Chen",
-              handle: "@mikeflavorseek",
-              testimonial:
-                "Jerk pork did not disappoint! Best food truck in Lehigh Acres. Fresh, authentic, and made with real passion.",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/couple-enjoying-spending-good-time-together-while-having-date-restaurant_58466-16035.jpg?_wi=1",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120921-5ihmnmey.png",              imageAlt: "Satisfied diner"
-              imageAlt: "Michael Chen enjoying Caribbean Flair",
             },
             {
-              id: "review-3",
+              id: "review-3",              name: "Supporting local black-owned excellence",              handle: "@communityproud",              testimonial: "I love supporting local black-owned and women-owned businesses, and Caribbean Flair is setting the bar high. The quality of food is on par with restaurants charging twice the price. This is what community means!",              rating: 5,
-              name: "Amanda Davis",
-              handle: "@amandataste",
-              testimonial:
-                "The curry shrimp is absolutely incredible! You can taste the love in every bite. Supporting Black-owned, women-owned businesses never tasted so good.",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/sideways-shot-attractive-curly-woman-has-happy-expression-enjoys-electronic-song-modern-headphones-has-recreation-time-reads-text-message-cell-phone_273609-3485.jpg?_wi=1",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120921-a2zauysc.png",              imageAlt: "Community supporter"
-              imageAlt: "Amanda Davis with Caribbean Flair meal",
             },
             {
-              id: "review-4",
+              id: "review-4",              name: "Best food truck experience ever",              handle: "@foodlover",              testimonial: "I've been to a lot of food trucks, but Caribbean Flair stands out. Fresh ingredients, perfect seasoning, quick service, and amazing people running it. This is exactly what Lehigh Acres needed!",              rating: 5,
-              name: "David Martinez",
-              handle: "@davidsflavorquests",
-              testimonial:
-                "Finally, real Caribbean food in Lehigh Acres! The menu, the quality, the service—everything is top-tier. This is my new favorite spot.",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4005.jpg?_wi=1",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120921-ulw90m6s.png",              imageAlt: "Food enthusiast"
-              imageAlt: "David Martinez at Caribbean Flair",
             },
             {
-              id: "review-5",
+              id: "review-5",              name: "Worth every penny",              handle: "@valueseeker",              testimonial: "For the quality and quantity of food you get at Caribbean Flair, the prices are incredibly fair. You're not just getting a meal, you're getting an authentic Caribbean experience made with love and expertise.",              rating: 5,
-              name: "Jessica Williams",
-              handle: "@jessicaeats_local",
-              testimonial:
-                "Conch fritters are crispy heaven! The whole experience feels premium yet so authentic. Teria and Deb are changing the food game.",
-              rating: 5,
               imageSrc:
-                "http://img.b2bpic.net/free-photo/friends-eating-barbecue_23-2148733607.jpg?_wi=1",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120921-j0in75sv.png",              imageAlt: "Value-conscious customer"
-              imageAlt: "Jessica Williams enjoying meal",
-            },
-            {
-              id: "review-6",
-              name: "Robert Thompson",
-              handle: "@robfeeds",
-              testimonial:
-                "Island fusion done right. The quality of ingredients and cooking technique is professional-level. Worth every penny and the drive. Highly recommend!",
-              rating: 5,
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg?_wi=1",
-              imageAlt: "Robert Thompson thumbs up",
             },
           ]}
         />
@@ -361,8 +468,8 @@ export default function HomePage() {
       {/* Owners Spotlight Section */}
       <div id="owners-spotlight" data-section="owners-spotlight">
         <TeamCardTwo
-          title="Meet the Island Visionaries"
+          title="Meet the Owners"
-          description="Teria Bryant and Deb Farrell: Passionate Black-owned, women-owned entrepreneurs bringing authentic Caribbean soul to Lehigh Acres."
+          description="Teris Bryan and Deb Farrell: Passionate entrepreneurs bringing authentic Caribbean soul to Lehigh Acres."
           tag="Community Leaders"
           tagIcon={Heart}
           tagAnimation="slide-up"
@@ -372,34 +479,22 @@ export default function HomePage() {
           gridVariant="two-columns-alternating-heights"
           members={[
             {
-              id: "teria-bryant",
+              id: "teria-bryant",              name: "Teria Bryant",              role: "Founder & Head Chef",              description:
-              name: "Teria Bryant",
+                "Teria brings 15+ years of Caribbean culinary expertise and authentic island passion to every dish. They transformed Caribbean Flair from a dream into a premium dining destination serving Lehigh Acres with pride.",              videoSrc:
-              role: "Founder & Head Chef",
+                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773857612004-vaw7ydy1.jpg",              videoAriaLabel: "Teria Bryant, founder of Caribbean Flair",              socialLinks: [
-              description:
-                "Teria brings 15+ years of Caribbean culinary expertise and authentic island passion to every dish. Her vision transformed Caribbean Flair from a dream into a premium dining destination serving Lehigh Acres with pride.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232185.jpg?_wi=1",
-              imageAlt: "Teria Bryant, founder of Caribbean Flair",
-              socialLinks: [
                 {
                   icon: Facebook,
-                  url: "https://facebook.com/caribbeanflair",
+                  url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr"
                 },
               ],
             },
             {
-              id: "deb-farrell",
+              id: "deb-farrell",              name: "Deb Farrell",              role: "Co-Owner & Operations Lead",              description:
-              name: "Deb Farrell",
+                "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:
-              role: "Co-Owner & Operations Lead",
+                "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: [
-              description:
-                "Deb ensures every customer experience is smooth, welcoming, and unforgettable. Together with Teria, she's building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/successful-business-woman-blue-suit_158595-5024.jpg?_wi=1",
-              imageAlt: "Deb Farrell, co-owner of Caribbean Flair",
-              socialLinks: [
                 {
                   icon: Facebook,
-                  url: "https://facebook.com/caribbeanflair",
+                  url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr"
                 },
               ],
             },
@@ -417,12 +512,10 @@ export default function HomePage() {
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Order Online Now",
+              text: "Order Online Now",              href: "/order-now"
-              href: "/menu",
             },
             {
-              text: "Call (239) 785-0423",
+              text: "Call (239) 785-0423",              href: "tel:2397850423"
-              href: "tel:2397850423",
             },
           ]}
           buttonAnimation="slide-up"
@@ -431,22 +524,19 @@ export default function HomePage() {
           useInvertedBackground={true}
           features={[
             {
-              id: "fast-delivery",
+              id: "fast-delivery",              title: "Fast & Fresh",              description:
-              title: "Fast & Fresh",
+                "Grilled fresh to order. Your meal arrives hot, delicious, and packed with island flavor.",              media: {
-              description:
-                "Grilled fresh to order. Your meal arrives hot, delicious, and packed with island flavor.",
-              media: {
                 imageSrc:
-                  "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1",
+                  "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"
               },
               items: [
                 {
                   icon: Zap,
-                  text: "Ready in 15 minutes",
+                  text: "Ready in 15 minutes"
                 },
                 {
                   icon: TrendingUp,
-                  text: "Peak fresh quality",
+                  text: "Peak fresh quality"
                 },
               ],
               reverse: false,
@@ -455,10 +545,10 @@ export default function HomePage() {
         />
       </div>
 
-      {/* Footer */}
+      {/* Footer with Local Map Info and Social Links */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=1"
+          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"
           imageAlt="Caribbean Flair Island Jerk Grill Trailer"
           logoText="Caribbean Flair"
           copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"

src/app/reviews/page.tsx

@@ -1,12 +1,11 @@
 "use client";
 
+import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
-import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import Link from "next/link";
+import { Star, Heart, Award } from "lucide-react";
-import { Star, Zap } from "lucide-react";
 
 export default function ReviewsPage() {
   const navItems = [
@@ -20,39 +19,35 @@ export default function ReviewsPage() {
 
   const footerColumns = [
     {
-      title: "Quick Links",
+      title: "Quick Links",      items: [
-      items: [
         { label: "Home", href: "/" },
         { label: "Menu", href: "/menu" },
-        { label: "Gallery", href: "/gallery" },
+        { label: "Gallery", href: "/" },
         { label: "Reviews", href: "/reviews" },
       ],
     },
     {
-      title: "Order & Contact",
+      title: "Order & Contact",      items: [
-      items: [
+        { label: "Order Online", href: "/" },
-        { label: "Order Online", href: "/order" },
         { label: "Call Us", href: "tel:2397850423" },
-        { label: "Locations & Hours", href: "/locations" },
+        { label: "Locations & Hours", href: "/" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "/" },
       ],
     },
     {
-      title: "Connect With Us",
+      title: "Connect With Us",      items: [
-      items: [
         { label: "Facebook", href: "https://facebook.com/caribbeanflair" },
-        { label: "About Us", href: "/about" },
+        { label: "About Us", href: "/" },
-        { label: "Privacy Policy", href: "#privacy" },
+        { label: "Privacy Policy", href: "/" },
-        { label: "Terms of Service", href: "#terms" },
+        { label: "Terms of Service", href: "/" },
       ],
     },
     {
-      title: "Located In",
+      title: "Located In",      items: [
-      items: [
+        { label: "801 Leeland Heights Blvd W", href: "/" },
-        { label: "801 Leeland Heights Blvd W", href: "#map" },
+        { label: "Lehigh Acres, FL 33936", href: "/" },
-        { label: "Lehigh Acres, FL 33936", href: "#map" },
+        { label: "Open Until 9PM", href: "/" },
-        { label: "Open Until 9PM", href: "/locations" },
+        { label: "Delivery Available", href: "/" },
-        { label: "Delivery Available", href: "/order" },
       ],
     },
   ];
@@ -70,21 +65,21 @@ export default function ReviewsPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
+      {/* Navbar */}
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           brandName="Caribbean Flair"
           navItems={navItems}
           button={{
-            text: "Order Now",
+            text: "Order Now",            href: "/menu"}}
-            href: "/order",
-          }}
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
+      {/* Five-Star Reviews Section */}
+      <div id="reviews-featured" data-section="reviews-featured">
         <TestimonialCardThirteen
           title="Real Island Flavor Stories"
-          description="Hear from our community about their authentic Caribbean Flair dining experience."
+          description="Hear from our community about their authentic Caribbean Flair dining experience. Our customers rate us 5-stars for quality, authenticity, and passionate service."
           tag="5-Star Rated"
           tagIcon={Star}
           tagAnimation="slide-up"
@@ -94,113 +89,49 @@ export default function ReviewsPage() {
           showRating={true}
           testimonials={[
             {
-              id: "review-1",
+              id: "review-1",              name: "Sarah Johnson",              handle: "@sarahjohn2024",              testimonial:
-              name: "Sarah Johnson",
+                "Every dish packed with authentic island flavor! Teria and Deb truly know how to deliver Caribbean excellence. I've been here 5 times already!",              rating: 5,
-              handle: "@sarahjohn2024",
+              imageSrc:
-              testimonial: "Every dish packed with authentic island flavor! Teria and Deb truly know how to deliver Caribbean excellence.",
+                "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg?_wi=1",              imageAlt: "Sarah Johnson smiling"},
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg?_wi=2",
-              imageAlt: "smiling woman enjoying restaurant meal",
-            },
             {
-              id: "review-2",
+              id: "review-2",              name: "Michael Chen",              handle: "@mikeflavorseek",              testimonial:
-              name: "Michael Chen",
+                "Jerk pork did not disappoint! Best food truck in Lehigh Acres. Fresh, authentic, and made with real passion. Absolutely worth the visit.",              rating: 5,
-              handle: "@mikeflavorseek",
+              imageSrc:
-              testimonial: "Jerk pork did not disappoint! Best food truck in Lehigh Acres. Fresh, authentic, and made with real passion.",
+                "http://img.b2bpic.net/free-photo/couple-enjoying-spending-good-time-together-while-having-date-restaurant_58466-16035.jpg?_wi=1",              imageAlt: "Michael Chen enjoying Caribbean Flair"},
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-spending-good-time-together-while-having-date-restaurant_58466-16035.jpg?_wi=2",
-              imageAlt: "happy man enjoying food truck meal",
-            },
             {
-              id: "review-3",
+              id: "review-3",              name: "Amanda Davis",              handle: "@amandataste",              testimonial:
-              name: "Amanda Davis",
+                "The curry shrimp is absolutely incredible! You can taste the love in every bite. Supporting Black-owned, women-owned businesses never tasted so good.",              rating: 5,
-              handle: "@amandataste",
+              imageSrc:
-              testimonial: "The curry shrimp is absolutely incredible! You can taste the love in every bite. Supporting Black-owned, women-owned businesses never tasted so good.",
+                "http://img.b2bpic.net/free-photo/sideways-shot-attractive-curly-woman-has-happy-expression-enjoys-electronic-song-modern-headphones-has-recreation-time-reads-text-message-cell-phone_273609-3485.jpg?_wi=1",              imageAlt: "Amanda Davis with Caribbean Flair meal"},
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/sideways-shot-attractive-curly-woman-has-happy-expression-enjoys-electronic-song-modern-headphones-has-recreation-time-reads-text-message-cell-phone_273609-3485.jpg?_wi=2",
-              imageAlt: "woman smiling holding caribbean food",
-            },
             {
-              id: "review-4",
+              id: "review-4",              name: "David Martinez",              handle: "@davidsflavorquests",              testimonial:
-              name: "David Martinez",
+                "Finally, real Caribbean food in Lehigh Acres! The menu, the quality, the service—everything is top-tier. This is my new favorite spot.",              rating: 5,
-              handle: "@davidsflavorquests",
+              imageSrc:
-              testimonial: "Finally, real Caribbean food in Lehigh Acres! The menu, the quality, the service—everything is top-tier. This is my new favorite spot.",
+                "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4005.jpg?_wi=1",              imageAlt: "David Martinez at Caribbean Flair"},
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4005.jpg?_wi=2",
-              imageAlt: "man happy thumbs up food quality",
-            },
             {
-              id: "review-5",
+              id: "review-5",              name: "Jessica Williams",              handle: "@jessicaeats_local",              testimonial:
-              name: "Jessica Williams",
+                "Conch fritters are crispy heaven! The whole experience feels premium yet so authentic. Teria and Deb are changing the food game in Lehigh Acres.",              rating: 5,
-              handle: "@jessicaeats_local",
+              imageSrc:
-              testimonial: "Conch fritters are crispy heaven! The whole experience feels premium yet so authentic. Teria and Deb are changing the food game.",
+                "http://img.b2bpic.net/free-photo/friends-eating-barbecue_23-2148733607.jpg?_wi=1",              imageAlt: "Jessica Williams enjoying meal"},
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-barbecue_23-2148733607.jpg?_wi=2",
-              imageAlt: "woman smiling holding plate of food",
-            },
             {
-              id: "review-6",
+              id: "review-6",              name: "Robert Thompson",              handle: "@robfeeds",              testimonial:
-              name: "Robert Thompson",
+                "Island fusion done right. The quality of ingredients and cooking technique is professional-level. Worth every penny and the drive. Highly recommend!",              rating: 5,
-              handle: "@robfeeds",
+              imageSrc:
-              testimonial: "Island fusion done right. The quality of ingredients and cooking technique is professional-level. Worth every penny and the drive. Highly recommend!",
+                "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg?_wi=1",              imageAlt: "Robert Thompson thumbs up"},
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg?_wi=2",
-              imageAlt: "man approving satisfied testimonial portrait",
-            },
           ]}
-        />
-      </div>
-
-      <div id="reviews-cta" data-section="reviews-cta">
-        <FeatureCardTen
-          title="Love Our Flavors? Share Your Story"
-          description="Join our growing community of Caribbean Flair fans. Every review fuels our passion to deliver authentic island excellence. Share your dining experience and help us grow!"
-          tag="Your Voice Matters"
-          tagIcon={Zap}
-          tagAnimation="slide-up"
           buttons={[
             {
-              text: "Order Your Favorite Now",
+              text: "Order Now",              href: "/menu"},
-              href: "/order",
-            },
-            {
-              text: "Visit Us Today",
-              href: "/locations",
-            },
           ]}
           buttonAnimation="slide-up"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          features={[
-            {
-              id: "community-love",
-              title: "Join Our Island Community",
-              description: "Every review tells our story. Connect with fellow Caribbean Flair lovers and celebrate authentic island cuisine.",
-              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-barbecue_23-2148733607.jpg?_wi=3",
-                imageAlt: "friends enjoying caribbean food together",
-              },
-              items: [
-                {
-                  icon: Star,
-                  text: "5-Star Authentic Experience",
-                },
-                {
-                  icon: Zap,
-                  text: "Premium Island Flavors",
-                },
-              ],
-              reverse: false,
-            },
-          ]}
         />
       </div>
 
+      {/* Footer */}
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=5"
+          imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=1"
-          imageAlt="red food trailer caribbean palm tree evening"
+          imageAlt="Caribbean Flair Island Jerk Grill Trailer"
           logoText="Caribbean Flair"
           copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
           columns={footerColumns}