From 84ea0179825dea0ece82ad35d2e2862031f0b1b7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 18 Mar 2026 16:05:18 +0000
Subject: [PATCH] Update src/app/locations/page.tsx

---
 src/app/locations/page.tsx | 235 ++++++++++++++++---------------------
 1 file changed, 99 insertions(+), 136 deletions(-)

diff --git a/src/app/locations/page.tsx b/src/app/locations/page.tsx
index 53c5818..b6a3c0d 100644
--- a/src/app/locations/page.tsx
+++ b/src/app/locations/page.tsx
@@ -2,11 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
-import BlogCardThree from "@/components/sections/blog/BlogCardThree";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import Link from "next/link";
-import { MapPin, Clock, Phone, Camera } from "lucide-react";
+import { MapPin, Clock, Phone, Zap, TrendingUp, CheckCircle, AlertCircle, BarChart3 } from "lucide-react";
 
 export default function LocationsPage() {
   const navItems = [
@@ -20,8 +20,7 @@ export default function LocationsPage() {
 
   const footerColumns = [
     {
-      title: "Quick Links",
-      items: [
+      title: "Quick Links",      items: [
         { label: "Home", href: "/" },
         { label: "Menu", href: "/menu" },
         { label: "Gallery", href: "/gallery" },
@@ -29,30 +28,27 @@ export default function LocationsPage() {
       ],
     },
     {
-      title: "Order & Contact",
-      items: [
-        { label: "Order Online", href: "/order" },
+      title: "Order & Contact",      items: [
+        { label: "Order Online", href: "/menu" },
         { label: "Call Us", href: "tel:2397850423" },
         { label: "Locations & Hours", href: "/locations" },
-        { label: "Contact", href: "/contact" },
+        { label: "Contact", href: "/" },
       ],
     },
     {
-      title: "Connect With Us",
-      items: [
+      title: "Connect With Us",      items: [
         { label: "Facebook", href: "https://facebook.com/caribbeanflair" },
-        { label: "About Us", href: "/about" },
-        { label: "Privacy Policy", href: "#privacy" },
-        { label: "Terms of Service", href: "#terms" },
+        { label: "About Us", href: "/" },
+        { label: "Privacy Policy", href: "/" },
+        { label: "Terms of Service", href: "/" },
       ],
     },
     {
-      title: "Located In",
-      items: [
-        { label: "801 Leeland Heights Blvd W", href: "#map" },
-        { label: "Lehigh Acres, FL 33936", href: "#map" },
+      title: "Located In",      items: [
+        { label: "801 Leeland Heights Blvd W", href: "/locations" },
+        { label: "Lehigh Acres, FL 33936", href: "/locations" },
         { label: "Open Until 9PM", href: "/locations" },
-        { label: "Delivery Available", href: "/order" },
+        { label: "Delivery Available", href: "/" },
       ],
     },
   ];
@@ -70,56 +66,109 @@ 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",
-            href: "/order",
-          }}
+            text: "Order Now",            href: "/menu"}}
         />
       </div>
 
-      <div id="locations-hero" data-section="locations-hero">
-        <FeatureCardTen
-          title="Find Caribbean Flair Near You"
-          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."
-          tag="Open Daily"
-          tagIcon={MapPin}
+      {/* Hero Section */}
+      <div id="hero" data-section="hero">
+        <HeroSplit
+          title="Visit Caribbean Flair - Locations & Hours"
+          description="Find us in Lehigh Acres, FL. Check our hours, get directions, and see real-time information about wait times and popular hours."
+          tag="Open Now"
+          tagIcon={CheckCircle}
           tagAnimation="slide-up"
+          background={{ variant: "glowing-orb" }}
           buttons={[
             {
-              text: "Get Directions",
-              href: "#map",
-            },
+              text: "Get Directions",              href: "https://maps.google.com/?q=801+Leeland+Heights+Blvd+W+Lehigh+Acres+FL+33936"},
             {
-              text: "Call Us Now",
-              href: "tel:2397850423",
-            },
+              text: "Call (239) 785-0423",              href: "tel:2397850423"},
           ]}
           buttonAnimation="slide-up"
+          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 Location"
+          mediaAnimation="opacity"
+          imagePosition="right"
+          ariaLabel="Locations and hours hero section for Caribbean Flair"
+        />
+      </div>
+
+      {/* Location Details with Map and Info */}
+      <div id="location-details" data-section="location-details">
+        <FeatureBento
+          title="Find Us Here"
+          description="Caribbean Flair Island Jerk Grill is located in the heart of Lehigh Acres. We're easy to find and ready to serve you authentic Caribbean flavors."
+          tag="Primary Location"
+          tagIcon={MapPin}
+          tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
           features={[
             {
-              id: "main-location",
-              title: "Lehigh Acres Location",
-              description: "Our flagship Caribbean Flair trailer serves the community daily with premium Jamaican jerk, curry, and soul food crafted with authentic island passion.",
-              media: {
-                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: "Address",              description: "801 Leeland Heights Blvd W, Lehigh Acres, FL 33936",              bentoComponent: "map"},
+            {
+              title: "Hours of Operation",              description: "Open daily. See schedule below.",              bentoComponent: "icon-info-cards",              items: [
+                { icon: Clock, label: "Monday-Friday", value: "11 AM - 9 PM" },
+                { icon: Clock, label: "Saturday", value: "12 PM - 10 PM" },
+                { icon: Clock, label: "Sunday", value: "12 PM - 9 PM" },
+                { icon: AlertCircle, label: "Holidays", value: "Call Ahead" },
+              ],
+            },
+            {
+              title: "Popular Times",              description: "Peak times for Caribbean Flair dining.",              bentoComponent: "timeline",              timelineData: {
+                heading: "Peak Hours",                subheading: "When to expect the busiest service",                items: [
+                  { label: "Lunch Rush", detail: "12 PM - 1:30 PM" },
+                  { label: "Afternoon Slow", detail: "2 PM - 4:30 PM" },
+                  { label: "Dinner Peak", detail: "6 PM - 8 PM" },
+                ],
+                completedLabel: "Current Time"},
+            },
+          ]}
+        />
+      </div>
+
+      {/* Contact Information and Directions */}
+      <div id="contact-info" data-section="contact-info">
+        <FeatureCardTen
+          title="Get In Touch - We're Ready to Serve"
+          description="Whether you're ordering ahead, looking for directions, or have questions about our menu—reach out! We're here to provide the best Caribbean Flair experience."
+          tag="Contact Us"
+          tagIcon={Phone}
+          tagAnimation="slide-up"
+          buttons={[
+            {
+              text: "Call (239) 785-0423",              href: "tel:2397850423"},
+            {
+              text: "Get Directions",              href: "https://maps.google.com/?q=801+Leeland+Heights+Blvd+W+Lehigh+Acres+FL+33936"},
+          ]}
+          buttonAnimation="slide-up"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={true}
+          features={[
+            {
+              id: "service-info",              title: "How to Order",              description:
+                "Visit us in person, call ahead for pickup, or order online through our website. We offer delivery and catering for special events.",              media: {
+                imageSrc:
+                  "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1"},
               items: [
                 {
-                  icon: MapPin,
-                  text: "801 Leeland Heights Blvd W, Lehigh Acres, FL 33936",
-                },
+                  icon: CheckCircle,
+                  text: "On-Site Ordering"},
                 {
-                  icon: Clock,
-                  text: "Open Daily Until 9PM",
-                },
+                  icon: Phone,
+                  text: "Phone Orders"},
+                {
+                  icon: TrendingUp,
+                  text: "Online Ordering"},
               ],
               reverse: false,
             },
@@ -127,97 +176,11 @@ export default function LocationsPage() {
         />
       </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,
-            },
-          ]}
-        />
-      </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"
-          imageAlt="red food trailer caribbean palm tree evening"
+          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}