65 Commits

Author SHA1 Message Date
8e16a5ef5b Update src/app/order-now/page.tsx 2026-03-19 14:15:25 +00:00
29b89df3d2 Merge version_25 into main
Merge version_25 into main
2026-03-19 14:06:32 +00:00
42f23b8fa0 Update src/app/order-now/page.tsx 2026-03-19 14:06:28 +00:00
6d7a949444 Merge version_25 into main
Merge version_25 into main
2026-03-19 14:06:07 +00:00
f56b26d8fa Update src/app/order-now/page.tsx 2026-03-19 14:06:03 +00:00
5495578c4d Merge version_24 into main
Merge version_24 into main
2026-03-19 02:51:44 +00:00
4e662cb231 Update src/app/page.tsx 2026-03-19 02:51:40 +00:00
684c38217b Update src/app/contact/page.tsx 2026-03-19 02:51:39 +00:00
fbf51f0ca4 Merge version_23 into main
Merge version_23 into main
2026-03-19 02:36:39 +00:00
d810b7f721 Update src/app/page.tsx 2026-03-19 02:36:35 +00:00
4740d93943 Update src/app/order-now/page.tsx 2026-03-19 02:36:34 +00:00
ed06508ae0 Update src/app/menu/page.tsx 2026-03-19 02:36:34 +00:00
af96eeb04a Merge version_23 into main
Merge version_23 into main
2026-03-19 02:36:13 +00:00
55e89104af Update src/app/page.tsx 2026-03-19 02:36:09 +00:00
722bc301e3 Update src/app/order-now/page.tsx 2026-03-19 02:36:08 +00:00
929ca7f308 Update src/app/menu/page.tsx 2026-03-19 02:36:08 +00:00
134be56516 Merge version_22 into main
Merge version_22 into main
2026-03-19 02:19:42 +00:00
b509ac7ead Update src/app/page.tsx 2026-03-19 02:19:38 +00:00
4c7884224a Update src/app/about/page.tsx 2026-03-19 02:19:37 +00:00
c06f29ce70 Merge version_21 into main
Merge version_21 into main
2026-03-19 02:02:57 +00:00
1dc695ca99 Update src/app/page.tsx 2026-03-19 02:02:53 +00:00
366124ec9d Update src/app/order-now/page.tsx 2026-03-19 02:02:53 +00:00
6568697b32 Merge version_21 into main
Merge version_21 into main
2026-03-19 02:02:32 +00:00
64cd2ad7f7 Update src/app/page.tsx 2026-03-19 02:02:28 +00:00
8b61686144 Update src/app/order-now/page.tsx 2026-03-19 02:02:27 +00:00
2daee3df45 Merge version_20 into main
Merge version_20 into main
2026-03-19 01:45:14 +00:00
561d8ad8f5 Update src/app/order-now/page.tsx 2026-03-19 01:45:10 +00:00
af4d2d98de Merge version_20 into main
Merge version_20 into main
2026-03-19 01:44:49 +00:00
2e2a6cec49 Update src/app/order-now/page.tsx 2026-03-19 01:44:45 +00:00
37ead887b6 Merge version_20 into main
Merge version_20 into main
2026-03-19 01:44:19 +00:00
e8d31bb1e0 Update src/app/page.tsx 2026-03-19 01:44:15 +00:00
1ffc5fb28e Add src/app/order-now/page.tsx 2026-03-19 01:44:14 +00:00
13c418766a Update src/app/menu/page.tsx 2026-03-19 01:44:14 +00:00
6112efc087 Merge version_19 into main
Merge version_19 into main
2026-03-19 01:23:01 +00:00
83b2f02f99 Update src/app/menu/page.tsx 2026-03-19 01:22:57 +00:00
148f81f053 Merge version_18 into main
Merge version_18 into main
2026-03-19 01:19:52 +00:00
20d5cfe282 Update src/app/menu/page.tsx 2026-03-19 01:19:48 +00:00
535bc07992 Merge version_17 into main
Merge version_17 into main
2026-03-18 22:51:25 +00:00
f81b587c74 Update src/app/full-menu/page.tsx 2026-03-18 22:51:15 +00:00
93a4bfcf9c Merge version_16 into main
Merge version_16 into main
2026-03-18 22:35:38 +00:00
c8851eaa2c Update src/app/page.tsx 2026-03-18 22:35:34 +00:00
d7e24fbca6 Update src/app/menu/page.tsx 2026-03-18 22:35:33 +00:00
6e3ec732ec Merge version_15 into main
Merge version_15 into main
2026-03-18 22:31:11 +00:00
2f5396d03a Update src/app/menu/page.tsx 2026-03-18 22:31:07 +00:00
7060cecb34 Add src/app/full-menu/page.tsx 2026-03-18 22:31:06 +00:00
fadb9fe37e Merge version_14 into main
Merge version_14 into main
2026-03-18 18:23:14 +00:00
10d7749d05 Update src/app/page.tsx 2026-03-18 18:23:10 +00:00
396c4e718a Merge version_13 into main
Merge version_13 into main
2026-03-18 18:15:15 +00:00
07dda4bd68 Update src/app/page.tsx 2026-03-18 18:15:11 +00:00
01985878be Merge version_12 into main
Merge version_12 into main
2026-03-18 18:11:09 +00:00
7594dc3072 Update src/app/about/page.tsx 2026-03-18 18:11:04 +00:00
2e75c0161c Merge version_11 into main
Merge version_11 into main
2026-03-18 18:04:16 +00:00
78d48ec2f4 Update src/app/page.tsx 2026-03-18 18:04:12 +00:00
2999235148 Update src/app/about/page.tsx 2026-03-18 18:04:11 +00:00
e3d76caab5 Merge version_10 into main
Merge version_10 into main
2026-03-18 17:58:33 +00:00
bef33da5b2 Update src/app/about/page.tsx 2026-03-18 17:58:29 +00:00
4dfbddec97 Merge version_10 into main
Merge version_10 into main
2026-03-18 17:58:08 +00:00
f435d6bace Update src/app/about/page.tsx 2026-03-18 17:58:04 +00:00
e0867ab5e7 Merge version_9 into main
Merge version_9 into main
2026-03-18 17:44:48 +00:00
dc9a10ee53 Update src/app/page.tsx 2026-03-18 17:44:44 +00:00
0b542074c6 Update src/app/about/page.tsx 2026-03-18 17:44:43 +00:00
a765aa7957 Merge version_9 into main
Merge version_9 into main
2026-03-18 17:44:22 +00:00
3c95341b16 Update src/app/page.tsx 2026-03-18 17:44:18 +00:00
8d2f8bd650 Update src/app/about/page.tsx 2026-03-18 17:44:18 +00:00
55c51612ca Merge version_8 into main
Merge version_8 into main
2026-03-18 17:40:20 +00:00
6 changed files with 652 additions and 343 deletions

View File

@@ -48,7 +48,7 @@ export default function AboutPage() {
}, },
{ {
title: "Connect With Us", items: [ title: "Connect With Us", items: [
{ label: "Facebook", href: "https://facebook.com/caribbeanflair" }, { label: "Facebook", href: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr" },
{ label: "About Us", href: "/about" }, { label: "About Us", href: "/about" },
{ label: "Privacy Policy", href: "/" }, { label: "Privacy Policy", href: "/" },
{ label: "Terms of Service", href: "/" }, { label: "Terms of Service", href: "/" },
@@ -102,7 +102,7 @@ export default function AboutPage() {
), ),
media: ( 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"> <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 2026
</div> </div>
), ),
reverse: false, reverse: false,
@@ -146,7 +146,7 @@ export default function AboutPage() {
text: "Order Now", href: "/menu"}, text: "Order Now", href: "/menu"},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-vector/summer-label-collectio_23-2148160410.jpg?_wi=1" 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" imageAlt="Caribbean Flair About Us"
mediaAnimation="opacity" mediaAnimation="opacity"
imagePosition="right" imagePosition="right"
@@ -157,7 +157,7 @@ export default function AboutPage() {
{/* Meet the Owners Section */} {/* Meet the Owners Section */}
<div id="owners-spotlight" data-section="owners-spotlight"> <div id="owners-spotlight" data-section="owners-spotlight">
<TeamCardTwo <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="Teria Bryant and Deb Farrell: Passionate Black-owned, women-owned entrepreneurs bringing authentic Caribbean soul to Lehigh Acres."
tag="Our Founders" tag="Our Founders"
tagIcon={Heart} tagIcon={Heart}
@@ -169,20 +169,20 @@ export default function AboutPage() {
members={[ members={[
{ {
id: "teria-bryant", name: "Teria Bryant", role: "Founder & Head Chef", description: id: "teria-bryant", name: "Teria Bryant", role: "Founder & Head Chef", 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 and excellence.", imageSrc: "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:
"http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232185.jpg?_wi=1", imageAlt: "Teria Bryant, founder of Caribbean Flair", socialLinks: [ "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: [
{ {
icon: Facebook, icon: Facebook,
url: "https://facebook.com/caribbeanflair"}, url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr"},
], ],
}, },
{ {
id: "deb-farrell", name: "Deb Farrell", role: "Co-Owner & Operations Lead", description: id: "deb-farrell", name: "Deb Farrell", role: "Co-Owner & Operations Lead", description:
"Deb ensures every customer experience is smooth, welcoming, and unforgettable. Together with Teria, she's building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.", imageSrc: "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:
"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: [ "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: [
{ {
icon: Facebook, icon: Facebook,
url: "https://facebook.com/caribbeanflair"}, url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr"},
], ],
}, },
]} ]}
@@ -250,7 +250,7 @@ export default function AboutPage() {
id: "mission", title: "Our Mission", description: id: "mission", title: "Our Mission", description:
"Deliver authentic Caribbean excellence while uplifting our community through Black- and women-owned business pride.", media: { "Deliver authentic Caribbean excellence while uplifting our community through Black- and women-owned business pride.", media: {
imageSrc: 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=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"},
items: [ items: [
{ {
icon: Heart, icon: Heart,
@@ -268,10 +268,10 @@ export default function AboutPage() {
{/* Footer */} {/* Footer */}
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <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=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" imageAlt="Caribbean Flair Island Jerk Grill Trailer"
logoText="Caribbean Flair" logoText="Caribbean Flair"
copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL" copyrightText="© 2026 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
columns={footerColumns} columns={footerColumns}
/> />
</div> </div>

View File

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

168
src/app/full-menu/page.tsx Normal file
View File

@@ -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>
);
}

View File

@@ -4,126 +4,75 @@ import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplit from "@/components/sections/hero/HeroSplit"; import HeroSplit from "@/components/sections/hero/HeroSplit";
import ProductCardFour from "@/components/sections/product/ProductCardFour"; import BlogCardThree from "@/components/sections/blog/BlogCardThree";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import FooterMedia from "@/components/sections/footer/FooterMedia"; import FooterMedia from "@/components/sections/footer/FooterMedia";
import { import { Award, Camera, Phone, ShoppingCart } from "lucide-react";
Award, import { useState, useEffect } from "react";
Flame,
Star,
Zap,
TrendingUp,
Facebook,
} from "lucide-react";
import { useState } from "react";
export default function MenuPage() { 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 = [ const navItems = [
{ name: "Home", id: "home" }, { name: "Home", id: "home" },
{ name: "Menu", id: "menu" }, { name: "Menu", id: "featured-gallery" },
{ 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 [activeCategory, setActiveCategory] = useState("mains");
const footerColumns = [ const footerColumns = [
{ {
title: "Quick Links", items: [ title: "Quick Links", items: [
{ label: "Home", href: "/" }, { label: "Home", href: "/" },
{ label: "Menu", href: "/menu" }, { label: "Menu", href: "/menu" },
{ label: "Gallery", href: "/gallery" }, { label: "Gallery", href: "#featured-gallery" },
{ label: "Reviews", href: "/" }, { label: "Reviews", href: "#testimonials" },
], ],
}, },
{ {
title: "Order & Contact", items: [ title: "Order & Contact", items: [
{ label: "Order Online", href: "/menu" }, { label: "Order Online", href: "/order-now" },
{ label: "Call Us", href: "tel:2397850423" }, { 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", items: [ title: "Connect With Us", items: [
{ label: "Facebook", href: "https://facebook.com/caribbeanflair" }, { label: "Facebook", href: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr" },
{ label: "About Us", href: "/about" }, { label: "Privacy Policy", href: "#" },
{ label: "Privacy Policy", href: "/" }, { label: "Terms of Service", href: "#" },
{ label: "Terms of Service", href: "/" },
], ],
}, },
{ {
title: "Located In", items: [ title: "Located In", 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: "#" },
], ],
}, },
]; ];
const menuItems = {
mains: [
{
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"},
],
sandwiches: [
{
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"},
],
sides: [
{
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"},
],
drinks: [
{
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"},
],
specials: [
{
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"},
],
};
const getMenuItems = () => {
return menuItems[activeCategory as keyof typeof menuItems] || [];
};
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
@@ -198,20 +147,12 @@ export default function MenuPage() {
animation-delay: 0.1s; animation-delay: 0.1s;
} }
#menu-categories { #featured-gallery {
animation-delay: 0.2s; animation-delay: 0.2s;
} }
#testimonials {
animation-delay: 0.3s;
}
#final-cta {
animation-delay: 0.4s;
}
#footer { #footer {
animation-delay: 0.5s; animation-delay: 0.3s;
} }
img { img {
@@ -223,7 +164,7 @@ export default function MenuPage() {
animation-delay: 0.3s; animation-delay: 0.3s;
} }
#menu-categories img { #featured-gallery img {
animation-delay: 0.4s; animation-delay: 0.4s;
} }
@@ -246,161 +187,151 @@ export default function MenuPage() {
} }
`}</style> `}</style>
{/* Navbar */} {/* Persistent Top Navigation Bar */}
<div id="nav" data-section="nav"> <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 <NavbarStyleCentered
brandName="Caribbean Flair" brandName="Caribbean Flair"
navItems={navItems} navItems={navItems}
button={{ button={{
text: "Order Now", href: "/menu"}} text: "Order Now", href: "/order-now"
}}
/> />
</div> </div>
{/* Hero Section */} {/* 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 - Menu Header */}
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
title="Browse Our Island Menu" title="Complete Menu"
description="Explore authentic Caribbean flavors. From jerk meats to curry dishes, each item is crafted fresh and packed with island soul." description="Explore our complete menu across all 5 pages. Fresh Caribbean flavors, authentic recipes, and island-inspired specialties grilled to perfection."
tag="Fresh Daily" tag="Full Menu"
tagIcon={Flame} tagIcon={Award}
tagAnimation="slide-up" tagAnimation="slide-up"
background={{ variant: "glowing-orb" }} background={{ variant: "glowing-orb" }}
buttons={[ buttons={[
{ {
text: "Call to Order", href: "tel:2397850423"}, text: "Order Now", href: "/order-now"
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-vector/summer-label-collectio_23-2148160410.jpg?_wi=3" 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='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EMenu Cover%3C/text%3E%3C/svg%3E"
imageAlt="Caribbean Flair Menu" imageAlt="Caribbean Flair Complete Menu"
mediaAnimation="opacity" mediaAnimation="opacity"
imagePosition="right" imagePosition="right"
ariaLabel="Menu page hero section" ariaLabel="Menu page hero section"
/> />
</div> </div>
{/* Menu Categories Section */} {/* Full Menu Display - All 5 Pages */}
<div id="menu-categories" data-section="menu-categories" className="py-20"> <div id="featured-gallery" data-section="featured-gallery">
<div className="max-w-6xl mx-auto px-4"> <BlogCardThree
<h2 className="text-3xl font-bold text-center mb-12">Browse by Category</h2> title="All 5 Menu Pages"
description="Browse through our complete menu collection featuring all dishes, sides, and beverages."
<div className="flex flex-wrap justify-center gap-4 mb-12"> tag="Complete Menu"
{[ tagIcon={Camera}
{ id: "mains", label: "Mains" },
{ id: "sandwiches", label: "Sandwiches" },
{ id: "sides", label: "Sides" },
{ id: "drinks", label: "Drinks" },
{ id: "specials", label: "Specials" },
].map((cat) => (
<button
key={cat.id}
onClick={() => setActiveCategory(cat.id)}
className={`px-6 py-2 rounded-full transition-all ${ activeCategory === cat.id
? "bg-gradient-to-r from-orange-500 to-red-500 text-white"
: "bg-gray-200 text-gray-800 hover:bg-gray-300"
}`}
>
{cat.label}
</button>
))}
</div>
<ProductCardFour
title={`${activeCategory.charAt(0).toUpperCase() + activeCategory.slice(1)} Selection`}
description={`Discover our premium ${activeCategory} offerings, each crafted with authentic Caribbean passion.`}
tag="Featured"
tagIcon={Flame}
tagAnimation="slide-up"
buttons={[
{
text: "Order This Item", href: "/menu"},
]}
buttonAnimation="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
products={getMenuItems()}
/>
</div>
</div>
{/* Testimonials Section */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="What Customers Say About Our Menu"
description="Real reviews from real Caribbean Flair customers who love our authentic flavors."
tag="5-Star Rated"
tagIcon={Star}
tagAnimation="slide-up" tagAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={true} useInvertedBackground={false}
showRating={true} blogs={[
testimonials={[
{ {
id: "review-1", name: "Sarah Johnson", handle: "@sarahjohn2024", testimonial: id: "menu-page-1", category: "Menu Page 1", title: "Menu Page 1 - Main Dishes", excerpt: "Our signature main dishes featuring jerk meats, curry specialties, and authentic Caribbean proteins grilled fresh to order.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-094w00ok.jpg?_wi=1", imageAlt: "Menu Page 1 - Main Dishes", authorName: "Caribbean Flair", authorAvatar: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EMenu%3C/text%3E%3C/svg%3E", date: "Complete Menu"
"Every dish on the menu is packed with authentic island flavor! The variety is amazing.", rating: 5, },
imageSrc:
"http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg?_wi=1", imageAlt: "Sarah Johnson"},
{ {
id: "review-2", name: "Michael Chen", handle: "@mikeflavorseek", testimonial: id: "menu-page-2", category: "Menu Page 2", title: "Menu Page 2 - Seafood & Sides", excerpt: "Fresh seafood selections including escovitch fish, shrimp dishes, and our famous sides like festival dumplings and tropical slaw.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-8nakpzaa.jpg?_wi=1", imageAlt: "Menu Page 2 - Seafood & Sides", authorName: "Caribbean Flair", authorAvatar: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EMenu%3C/text%3E%3C/svg%3E", date: "Complete Menu"
"Tried everything on the menu. Each item is better than the last. Highly recommend!", rating: 5, },
imageSrc:
"http://img.b2bpic.net/free-photo/couple-enjoying-spending-good-time-together-while-having-date-restaurant_58466-16035.jpg?_wi=1", imageAlt: "Michael Chen"},
{ {
id: "review-3", name: "Amanda Davis", handle: "@amandataste", testimonial: id: "menu-page-3", category: "Menu Page 3", title: "Menu Page 3 - Platters & Combos", excerpt: "Our complete platter offerings with combinations of proteins, rice, peas, plantains, and fresh vegetables grilled together.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-i3ll7ifz.jpg?_wi=1", imageAlt: "Menu Page 3 - Platters & Combos", authorName: "Caribbean Flair", authorAvatar: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EMenu%3C/text%3E%3C/svg%3E", date: "Complete Menu"
"The menu showcases real Caribbean recipes. You can taste the authenticity in every bite.", 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", imageAlt: "Amanda Davis"},
]}
/>
</div>
{/* Final CTA Section */}
<div id="final-cta" data-section="final-cta">
<FeatureCardTen
title="Ready to Order?"
description="Choose your favorite items from our authentic Caribbean menu and get them fresh off the grill."
tag="Ready to Order"
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[
{ {
text: "Call (239) 785-0423", href: "tel:2397850423"}, id: "menu-page-4", category: "Menu Page 4", title: "Menu Page 4 - Appetizers & Starters", excerpt: "Delicious appetizers to begin your meal including conch fritters, fried plantains, croquettes, and other island favorites.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-60e6tsue.jpg?_wi=1", imageAlt: "Menu Page 4 - Appetizers & Starters", authorName: "Caribbean Flair", authorAvatar: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EMenu%3C/text%3E%3C/svg%3E", date: "Complete Menu"
},
{ {
text: "Visit Us Today", href: "/"}, id: "menu-page-5", category: "Menu Page 5", title: "Menu Page 5 - Beverages & Desserts", excerpt: "Refresh yourself with authentic Caribbean beverages and indulge in sweet island desserts to complete your meal.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-gby1l988.jpg?_wi=1", imageAlt: "Menu Page 5 - Beverages & Desserts", authorName: "Caribbean Flair", authorAvatar: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EMenu%3C/text%3E%3C/svg%3E", date: "Complete Menu"
]}
buttonAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
features={[
{
id: "quality", title: "Authentic Quality", description:
"Every item prepared with premium ingredients and authentic Caribbean techniques.", media: {
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1"},
items: [
{
icon: Zap,
text: "Fresh Daily"},
{
icon: TrendingUp,
text: "Peak Quality"},
],
reverse: false,
}, },
]} ]}
/> />
</div> </div>
{/* Footer */} {/* Footer with Local Map Info and Social Links */}
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <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=2'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EFooter Image%3C/text%3E%3C/svg%3E"
imageAlt="Caribbean Flair Island Jerk Grill Trailer" imageAlt="Caribbean Flair Island Jerk Grill Trailer"
logoText="Caribbean Flair" logoText="Caribbean Flair"
copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL" copyrightText="© 2026 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
columns={footerColumns} columns={footerColumns}
/> />
</div> </div>

223
src/app/order-now/page.tsx Normal file
View File

@@ -0,0 +1,223 @@
"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 SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import {
Award,
Truck,
Phone,
ShoppingCart,
MapPin,
Clock,
Facebook,
} from "lucide-react";
import { useState, useEffect } from "react";
export default function OrderNowPage() {
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
const [isDesktopButtonsVisible, setIsDesktopButtonsVisible] = useState(true);
const 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: "Menu", href: "/#signature-dishes" },
{ label: "Gallery", href: "/#featured-gallery" },
{ label: "Reviews", href: "/#testimonials" },
],
},
{
title: "Order & Contact", items: [
{ label: "Order Online", href: "/order-now" },
{ label: "Call Us", href: "tel:2397850423" },
{ label: "Locations & Hours", href: "/#footer" },
{ label: "Contact", href: "/#footer" },
],
},
{
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: "#" },
],
},
];
const deliveryServices = [
{ name: "Uber Eats", href: "https://www.ubereats.com" },
{ name: "DoorDash", href: "https://www.doordash.com" },
{ name: "Grubhub", href: "https://www.grubhub.com" },
{ name: "Seamless", href: "https://www.seamless.com" },
];
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);
}
}
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;
}
#delivery-options {
animation-delay: 0.2s;
}
#footer {
animation-delay: 0.3s;
}
`}</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", href: "/order-now"
}}
/>
</div>
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroSplit
title="Order Your Island Feast"
description="Choose your delivery service and get your authentic Caribbean meal fresh and hot. We deliver island flavors straight to your door."
tag="Quick Delivery"
tagIcon={Truck}
tagAnimation="slide-up"
background={{ variant: "glowing-orb" }}
buttons={[
{
text: "View Menu", href: "/#signature-dishes"
},
{
text: "Call (239) 785-0423", href: "tel:2397850423"
},
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773929131328-mphgod14.jpg?_wi=1"
imageAlt="Caribbean Flair delivery service"
mediaAnimation="opacity"
imagePosition="right"
ariaLabel="Order now section with delivery options"
/>
</div>
{/* Delivery Options Section */}
<div id="delivery-options" data-section="delivery-options">
<div className="px-4 py-12 md:px-8">
<div className="max-w-6xl mx-auto">
<div className="text-center mb-12">
<h2 className="text-3xl md:text-4xl font-bold mb-4">Choose Your Delivery Service</h2>
<p className="text-lg text-gray-600">Select your preferred delivery partner to bring Caribbean Flair straight to your table. Fast, reliable service with real-time tracking.</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
{deliveryServices.map((service) => (
<a
key={service.name}
href={service.href}
target="_blank"
rel="noopener noreferrer"
className="group relative overflow-hidden rounded-lg p-6 bg-white border-2 border-gray-200 hover:border-orange-500 hover:shadow-lg transition-all duration-300 flex items-center justify-center min-h-32 text-center"
>
<div className="absolute inset-0 bg-gradient-to-r from-orange-500/0 to-orange-500/0 group-hover:from-orange-500/5 group-hover:to-orange-500/10 transition-all duration-300" />
<div className="relative z-10">
<p className="font-bold text-lg mb-1 group-hover:text-orange-600 transition-colors">{service.name}</p>
<p className="text-sm text-gray-500 group-hover:text-gray-700">Order online </p>
</div>
</a>
))}
</div>
</div>
</div>
</div>
{/* Footer with Local Map Info and Social Links */}
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773929131328-mphgod14.jpg?_wi=2"
imageAlt="Caribbean Flair Island Jerk Grill Trailer"
logoText="Caribbean Flair"
copyrightText="© 2026 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
columns={footerColumns}
/>
</div>
</ThemeProvider>
);
}

View File

@@ -22,7 +22,6 @@ import {
Phone, Phone,
ShoppingCart, ShoppingCart,
X, X,
Instagram,
MapPin, MapPin,
Clock, Clock,
} from "lucide-react"; } from "lucide-react";
@@ -62,23 +61,22 @@ export default function HomePage() {
{ {
title: "Quick Links", items: [ title: "Quick Links", items: [
{ label: "Home", href: "/" }, { label: "Home", href: "/" },
{ label: "Menu", href: "#signature-dishes" }, { label: "Menu", href: "/menu" },
{ label: "Gallery", href: "#featured-gallery" }, { label: "Gallery", href: "#featured-gallery" },
{ label: "Reviews", href: "#testimonials" }, { label: "Reviews", href: "#testimonials" },
], ],
}, },
{ {
title: "Order & Contact", items: [ title: "Order & Contact", items: [
{ label: "Order Online", href: "#signature-dishes" }, { label: "Order Online", href: "/order-now" },
{ label: "Call Us", href: "tel:2397850423" }, { label: "Call Us", href: "tel:2397850423" },
{ label: "Locations & Hours", href: "#footer" }, { label: "Locations & Hours", href: "#footer" },
{ label: "Contact", href: "#footer" }, { label: "Contact", href: "/contact" },
], ],
}, },
{ {
title: "Connect With Us", items: [ title: "Connect With Us", items: [
{ label: "Facebook", href: "https://facebook.com/caribbeanflair" }, { label: "Facebook", href: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr" },
{ label: "Instagram", href: "https://instagram.com/caribbeanflair" },
{ label: "Privacy Policy", href: "#" }, { label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" }, { label: "Terms of Service", href: "#" },
], ],
@@ -233,7 +231,8 @@ export default function HomePage() {
brandName="Caribbean Flair" brandName="Caribbean Flair"
navItems={navItems} navItems={navItems}
button={{ button={{
text: "Order Now", href: "#signature-dishes"}} text: "Order Now", href: "/order-now"
}}
/> />
</div> </div>
@@ -256,9 +255,9 @@ export default function HomePage() {
{item.name} {item.name}
</a> </a>
))} ))}
<button className="w-full bg-primary-cta text-white py-2 rounded-lg font-semibold hover:opacity-90"> <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 Online Order Now
</button> </a>
</div> </div>
</div> </div>
</div> </div>
@@ -275,7 +274,7 @@ export default function HomePage() {
<Phone className="w-6 h-6 text-primary-cta group-hover:scale-110 transition-transform" /> <Phone className="w-6 h-6 text-primary-cta group-hover:scale-110 transition-transform" />
</a> </a>
<a <a
href="#signature-dishes" 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" 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" title="Order Now"
> >
@@ -321,12 +320,14 @@ export default function HomePage() {
background={{ variant: "glowing-orb" }} background={{ variant: "glowing-orb" }}
buttons={[ buttons={[
{ {
text: "Order Online Now", href: "#signature-dishes"}, text: "Order Online Now", href: "/order-now"
},
{ {
text: "View Full Menu", href: "#signature-dishes"}, text: "View Full Menu", href: "/menu"
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-2gw0wih3.jpg?_wi=3" 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='%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" imageAlt="Red Caribbean Flair Island Jerk Grill Trailer"
mediaAnimation="opacity" mediaAnimation="opacity"
imagePosition="right" imagePosition="right"
@@ -344,7 +345,8 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "Explore Full Menu", href: "#signature-dishes"}, text: "Order Now", href: "/order-now"
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -354,13 +356,16 @@ export default function HomePage() {
products={[ products={[
{ {
id: "jerk-chicken", name: "Jerk Chicken Platter", price: "$15.95", variant: "Full Rack", imageSrc: id: "jerk-chicken", name: "Jerk Chicken Platter", price: "$15.95", variant: "Full Rack", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-wha24yfi.jpg?_wi=2", imageAlt: "Jerk chicken grilled on foil with spices"}, "https://upload.wikimedia.org/wikipedia/commons/thumb/8/8d/Jerk_chicken.jpg/1024px-Jerk_chicken.jpg", imageAlt: "Jerk chicken grilled on foil with spices"
},
{ {
id: "curry-shrimp", name: "Curry Shrimp Platter", price: "$16.95", variant: "Fresh Daily", imageSrc: 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"}, "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Curry_shrimp.jpg/1024px-Curry_shrimp.jpg", imageAlt: "Curry shrimp over rice and peas"
},
{ {
id: "conch-fritters", name: "Conch Fritters Combo", price: "$12.95", variant: "6 Pieces", imageSrc: id: "conch-fritters", name: "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=1", imageAlt: "Golden conch fritters with dipping sauce"}, "https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Conch_fritters.jpg/1024px-Conch_fritters.jpg", imageAlt: "Golden conch fritters with dipping sauce"
},
]} ]}
/> />
</div> </div>
@@ -380,34 +385,40 @@ export default function HomePage() {
{ {
id: "jerk-pork", category: "Main Dishes", title: "Jerk Pork Did Not Disappoint", excerpt: 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: "Perfectly seasoned and grilled, bursting with island spices and authentic Jamaican flavor.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-qcfdeh7f.jpg?_wi=2", imageAlt: "Jerk pork platter with rice and tropical slaw", authorName: "Caribbean Flair Team", authorAvatar: "data:image/svg+xml,%3Csvg xmlns=?_wi=4'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Jerk pork platter with rice and tropical slaw", authorName: "Caribbean Flair Team", authorAvatar:
"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"}, "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E", date: "Fresh Daily"
},
{ {
id: "curry-goat", category: "Featured", title: "Curry Goat - A Community Favorite", excerpt: 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: "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: "data:image/svg+xml,%3Csvg xmlns=?_wi=5'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Rich curry goat served over rice and peas", authorName: "Caribbean Flair Team", authorAvatar:
"http://img.b2bpic.net/free-vector/colorful-avatars_23-2147502919.jpg", date: "Popular Choice"}, "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E", date: "Popular Choice"
},
{ {
id: "festival-sides", category: "Sides", title: "Festival Dumplings & Tropical Slaw", excerpt: 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: "Crispy, golden festival dumplings paired with our signature tropical slaw for the perfect complement.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-dk53z92a.jpg?_wi=2", imageAlt: "data:image/svg+xml,%3Csvg xmlns=?_wi=6'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt:
"Festival dumplings with tropical slaw and mac and cheese", authorName: "Caribbean Flair Team", authorAvatar: "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"}, "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E", date: "Must Try"
},
{ {
id: "escovitch-fish", category: "Seafood", title: "Escovitch Fish - Island Tradition", excerpt: 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: "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: "data:image/svg+xml,%3Csvg xmlns=?_wi=7'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Escovitch fish with pickled vegetables and lime", authorName: "Caribbean Flair Team", authorAvatar:
"http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg", date: "Customer Favorite"}, "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E", date: "Customer Favorite"
},
{ {
id: "mac-cheese", category: "Sides", title: "Creamy Island Mac & Cheese", excerpt: 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: "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: "data:image/svg+xml,%3Csvg xmlns=?_wi=8'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Creamy mac and cheese side dish", authorName: "Caribbean Flair Team", authorAvatar:
"http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-looks-camera_141793-103873.jpg", date: "Comfort Classic"}, "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E", date: "Comfort Classic"
},
{ {
id: "grill-action", category: "Behind the Scenes", title: "Fresh Off The Grill - Live Action", excerpt: 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: "Watch our expert grill masters prepare your meal with passion, precision, and authentic Caribbean technique.", imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-y2tu4f81.jpg?_wi=2", imageAlt: "Chef grilling jerk meats on foil with smoke", authorName: "Caribbean Flair Team", authorAvatar: "data:image/svg+xml,%3Csvg xmlns=?_wi=9'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Chef grilling jerk meats on foil with smoke", authorName: "Caribbean Flair Team", authorAvatar:
"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"}, "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"
},
]} ]}
/> />
</div> </div>
@@ -426,35 +437,30 @@ export default function HomePage() {
showRating={true} showRating={true}
testimonials={[ testimonials={[
{ {
id: "review-1", name: "Sarah Johnson", handle: "@sarahjohn2024", testimonial: 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,
"Every dish packed with authentic island flavor! Teria and Deb truly know how to deliver Caribbean excellence.", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg?_wi=1", imageAlt: "Sarah Johnson smiling"}, "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120920-110y3vfr.png", imageAlt: "Happy customer"
},
{ {
id: "review-2", name: "Michael Chen", handle: "@mikeflavorseek", testimonial: 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,
"Jerk pork did not disappoint! Best food truck in Lehigh Acres. Fresh, authentic, and made with real passion.", rating: 5,
imageSrc: imageSrc:
"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"}, "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120921-5ihmnmey.png", imageAlt: "Satisfied diner"
},
{ {
id: "review-3", name: "Amanda Davis", handle: "@amandataste", testimonial: 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,
"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: 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", imageAlt: "Amanda Davis with Caribbean Flair meal"}, "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120921-a2zauysc.png", imageAlt: "Community supporter"
},
{ {
id: "review-4", name: "David Martinez", handle: "@davidsflavorquests", testimonial: 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,
"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: imageSrc:
"http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4005.jpg?_wi=1", imageAlt: "David Martinez at Caribbean Flair"}, "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120921-ulw90m6s.png", imageAlt: "Food enthusiast"
},
{ {
id: "review-5", name: "Jessica Williams", handle: "@jessicaeats_local", testimonial: 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,
"Conch fritters are crispy heaven! The whole experience feels premium yet so authentic. Teria and Deb are changing the food game.", rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/friends-eating-barbecue_23-2148733607.jpg?_wi=1", imageAlt: "Jessica Williams enjoying meal"}, "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120921-j0in75sv.png", imageAlt: "Value-conscious customer"
{ },
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"},
]} ]}
/> />
</div> </div>
@@ -462,8 +468,8 @@ export default function HomePage() {
{/* Owners Spotlight Section */} {/* Owners Spotlight Section */}
<div id="owners-spotlight" data-section="owners-spotlight"> <div id="owners-spotlight" data-section="owners-spotlight">
<TeamCardTwo <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" tag="Community Leaders"
tagIcon={Heart} tagIcon={Heart}
tagAnimation="slide-up" tagAnimation="slide-up"
@@ -474,20 +480,22 @@ export default function HomePage() {
members={[ members={[
{ {
id: "teria-bryant", name: "Teria Bryant", role: "Founder & Head Chef", description: id: "teria-bryant", name: "Teria Bryant", role: "Founder & Head Chef", 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: "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:
"http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232185.jpg?_wi=1", imageAlt: "Teria Bryant, founder of Caribbean Flair", socialLinks: [ "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773857612004-vaw7ydy1.jpg", videoAriaLabel: "Teria Bryant, founder of Caribbean Flair", socialLinks: [
{ {
icon: Facebook, icon: Facebook,
url: "https://facebook.com/caribbeanflair"}, url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr"
},
], ],
}, },
{ {
id: "deb-farrell", name: "Deb Farrell", role: "Co-Owner & Operations Lead", description: id: "deb-farrell", name: "Deb Farrell", role: "Co-Owner & Operations Lead", description:
"Deb ensures every customer experience is smooth, welcoming, and unforgettable. Together with Teria, she's building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.", imageSrc: "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:
"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: [ "data:image/svg+xml,%3Csvg xmlns=?_wi=10'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", videoAriaLabel: "Deb Farrell, co-owner of Caribbean Flair", socialLinks: [
{ {
icon: Facebook, icon: Facebook,
url: "https://facebook.com/caribbeanflair"}, url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr"
},
], ],
}, },
]} ]}
@@ -504,9 +512,11 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "Order Online Now", href: "#signature-dishes"}, text: "Order Online Now", href: "/order-now"
},
{ {
text: "Call (239) 785-0423", href: "tel:2397850423"}, text: "Call (239) 785-0423", href: "tel:2397850423"
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -517,14 +527,17 @@ export default function HomePage() {
id: "fast-delivery", title: "Fast & Fresh", description: id: "fast-delivery", title: "Fast & Fresh", description:
"Grilled fresh to order. Your meal arrives hot, delicious, and packed with island flavor.", media: { "Grilled fresh to order. Your meal arrives hot, delicious, and packed with island flavor.", media: {
imageSrc: 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=11'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E"
},
items: [ items: [
{ {
icon: Zap, icon: Zap,
text: "Ready in 15 minutes"}, text: "Ready in 15 minutes"
},
{ {
icon: TrendingUp, icon: TrendingUp,
text: "Peak fresh quality"}, text: "Peak fresh quality"
},
], ],
reverse: false, reverse: false,
}, },
@@ -535,10 +548,10 @@ export default function HomePage() {
{/* Footer with Local Map Info and Social Links */} {/* Footer with Local Map Info and Social Links */}
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <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=12'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E"
imageAlt="Caribbean Flair Island Jerk Grill Trailer" imageAlt="Caribbean Flair Island Jerk Grill Trailer"
logoText="Caribbean Flair" logoText="Caribbean Flair"
copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL" copyrightText="© 2026 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
columns={footerColumns} columns={footerColumns}
/> />
</div> </div>