39 Commits

Author SHA1 Message Date
372195ed70 Update src/app/page.tsx 2026-03-18 17:24:13 +00:00
76d00b017c Update src/app/menu/page.tsx 2026-03-18 17:24:12 +00:00
54434c6d32 Update src/app/page.tsx 2026-03-18 16:11:34 +00:00
f23d443a89 Update src/app/order/page.tsx 2026-03-18 16:11:34 +00:00
8d0bb52c39 Update src/app/menu/page.tsx 2026-03-18 16:11:33 +00:00
3e4050cbfb Update src/app/gallery/page.tsx 2026-03-18 16:11:33 +00:00
46ba1cf4ad Update src/app/about/page.tsx 2026-03-18 16:11:32 +00:00
8bac311e4a Update src/app/reviews/page.tsx 2026-03-18 16:10:46 +00:00
436ed56d1e Update src/app/page.tsx 2026-03-18 16:10:46 +00:00
a48962cd0f Update src/app/order/page.tsx 2026-03-18 16:10:45 +00:00
f00666ca90 Update src/app/menu/page.tsx 2026-03-18 16:10:45 +00:00
02130e1f19 Update src/app/locations/page.tsx 2026-03-18 16:10:44 +00:00
ccfc95f144 Update src/app/gallery/page.tsx 2026-03-18 16:10:44 +00:00
4149b0139f Update src/app/about/page.tsx 2026-03-18 16:10:43 +00:00
1880a5b5e3 Switch to version 1: remove src/app/order-online/page.tsx 2026-03-18 16:06:51 +00:00
ae2400714c Switch to version 1: remove src/app/account/page.tsx 2026-03-18 16:06:51 +00:00
0d76b8a8ac Switch to version 1: modified src/app/reviews/page.tsx 2026-03-18 16:06:50 +00:00
20b3865154 Switch to version 1: modified src/app/page.tsx 2026-03-18 16:06:50 +00:00
05482fe85d Switch to version 1: modified src/app/menu/page.tsx 2026-03-18 16:06:49 +00:00
6ba791c4d1 Switch to version 1: modified src/app/locations/page.tsx 2026-03-18 16:06:49 +00:00
6ca798dd4d Switch to version 1: modified src/app/gallery/page.tsx 2026-03-18 16:06:48 +00:00
f23c17f009 Switch to version 1: modified src/app/contact/page.tsx 2026-03-18 16:06:48 +00:00
4a041313b3 Switch to version 1: modified src/app/about/page.tsx 2026-03-18 16:06:47 +00:00
69e2bfbae9 Merge version_6 into main
Merge version_6 into main
2026-03-18 16:06:28 +00:00
e88a37c6e6 Update src/app/locations/page.tsx 2026-03-18 16:06:18 +00:00
8ab55fff91 Merge version_6 into main
Merge version_6 into main
2026-03-18 16:05:54 +00:00
a9d9dcd7fc Update src/app/locations/page.tsx 2026-03-18 16:05:50 +00:00
e44e803233 Update src/app/contact/page.tsx 2026-03-18 16:05:49 +00:00
a0e4098403 Merge version_6 into main
Merge version_6 into main
2026-03-18 16:05:24 +00:00
4c525cf4d1 Update src/app/reviews/page.tsx 2026-03-18 16:05:20 +00:00
316cf1d425 Update src/app/page.tsx 2026-03-18 16:05:19 +00:00
db3ea17273 Add src/app/order-online/page.tsx 2026-03-18 16:05:19 +00:00
8ba43a4e31 Update src/app/menu/page.tsx 2026-03-18 16:05:18 +00:00
84ea017982 Update src/app/locations/page.tsx 2026-03-18 16:05:18 +00:00
600e5974f7 Update src/app/gallery/page.tsx 2026-03-18 16:05:17 +00:00
0dc11b63cf Update src/app/contact/page.tsx 2026-03-18 16:05:17 +00:00
5b0a631edc Add src/app/account/page.tsx 2026-03-18 16:05:16 +00:00
90f29ff99e Update src/app/about/page.tsx 2026-03-18 16:05:16 +00:00
5563d2f871 Merge version_1 into main
Merge version_1 into main
2026-03-18 15:40:02 +00:00
7 changed files with 1392 additions and 940 deletions

View File

@@ -1,12 +1,23 @@
"use client"; "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import Link from "next/link"; import Link from "next/link";
import { Heart, Facebook, Zap, TrendingUp } from "lucide-react"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
import TimelineProcessFlow from "@/components/cardStack/layouts/timelines/TimelineProcessFlow";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import {
Award,
Heart,
Zap,
TrendingUp,
Facebook,
Users,
Target,
} from "lucide-react";
export default function AboutPage() { export default function AboutPage() {
const navItems = [ const navItems = [
@@ -18,61 +29,86 @@ export default function AboutPage() {
{ name: "Locations", id: "locations" }, { name: "Locations", id: "locations" },
]; ];
const navItemsWithLinks = navItems.map((item) => ({
...item,
href:
item.id === "home"
? "/"
: item.id === "menu"
? "/#menu"
: item.id === "about"
? "/about"
: item.id === "gallery"
? "/gallery"
: item.id === "reviews"
? "/#reviews"
: "/#locations",
}));
const footerColumns = [ 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" },
{ label: "Reviews", href: "/#reviews" }, { label: "Reviews", href: "/" },
], ],
}, },
{ {
title: "Order & Contact", title: "Order & Contact", items: [
items: [ { label: "Order Online", href: "/menu" },
{ label: "Order Online", href: "/#order" },
{ label: "Call Us", href: "tel:2397850423" }, { label: "Call Us", href: "tel:2397850423" },
{ label: "Locations & Hours", href: "/#locations" }, { label: "Locations & Hours", href: "/" },
{ label: "Contact", href: "#contact" }, { label: "Contact", href: "/" },
], ],
}, },
{ {
title: "Connect With Us", title: "Connect With Us", items: [
items: [
{ label: "Facebook", href: "https://facebook.com/caribbeanflair" }, { label: "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: "/" },
{ label: "Terms of Service", href: "#terms" }, { label: "Terms of Service", href: "/" },
], ],
}, },
{ {
title: "Located In", title: "Located In", items: [
items: [ { label: "801 Leeland Heights Blvd W", href: "/" },
{ label: "801 Leeland Heights Blvd W", href: "#map" }, { label: "Lehigh Acres, FL 33936", href: "/" },
{ label: "Lehigh Acres, FL 33936", href: "#map" }, { label: "Open Until 9PM", href: "/" },
{ label: "Open Until 9PM", href: "#locations" }, { label: "Delivery Available", href: "/" },
{ label: "Delivery Available", href: "/#order" },
], ],
}, },
]; ];
const timelineItems = [
{
id: "founded", content: (
<div>
<h3 className="text-xl font-bold mb-2">Founded Caribbean Flair</h3>
<p>Teria Bryant and Deb Farrell launch their dream of bringing authentic Jamaican cuisine to Lehigh Acres with passion and purpose.</p>
</div>
),
media: (
<div className="bg-gradient-to-br from-orange-400 to-red-500 rounded-lg h-full flex items-center justify-center text-white text-3xl font-bold">
2023
</div>
),
reverse: false,
},
{
id: "community", content: (
<div>
<h3 className="text-xl font-bold mb-2">Community Reception</h3>
<p>The community embraces Caribbean Flair, supporting Black-owned and women-owned business excellence and authentic Caribbean culture.</p>
</div>
),
media: (
<div className="bg-gradient-to-br from-blue-400 to-purple-500 rounded-lg h-full flex items-center justify-center text-white text-3xl font-bold">
2024
</div>
),
reverse: true,
},
{
id: "growth", content: (
<div>
<h3 className="text-xl font-bold mb-2">Expansion & Recognition</h3>
<p>Caribbean Flair becomes a beloved staple in Lehigh Acres, serving thousands of satisfied customers and earning 5-star recognition.</p>
</div>
),
media: (
<div className="bg-gradient-to-br from-green-400 to-emerald-500 rounded-lg h-full flex items-center justify-center text-white text-3xl font-bold">
2025
</div>
),
reverse: false,
},
];
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
@@ -86,19 +122,44 @@ export default function AboutPage() {
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="medium" headingFontWeight="medium"
> >
{/* Navbar */}
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
brandName="Caribbean Flair" brandName="Caribbean Flair"
navItems={navItems} navItems={navItems}
button={{ text: "Order Now", href: "/#order" }} button={{
text: "Order Now", href: "/menu"}}
/> />
</div> </div>
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroSplit
title="Our Island Story"
description="Teria Bryant and Deb Farrell: Two passionate entrepreneurs bringing authentic Jamaican soul and Caribbean excellence to Lehigh Acres through authentic flavors and community-first business."
tag="Community Leaders"
tagIcon={Award}
tagAnimation="slide-up"
background={{ variant: "glowing-orb" }}
buttons={[
{
text: "Order Now", href: "/menu"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-vector/summer-label-collectio_23-2148160410.jpg?_wi=1"
imageAlt="Caribbean Flair About Us"
mediaAnimation="opacity"
imagePosition="right"
ariaLabel="About us hero section"
/>
</div>
{/* Meet the Owners Section */}
<div id="owners-spotlight" data-section="owners-spotlight"> <div id="owners-spotlight" data-section="owners-spotlight">
<TeamCardTwo <TeamCardTwo
title="Meet the Island Visionaries" title="Meet the Island Visionaries"
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="Community Leaders" tag="Our Founders"
tagIcon={Heart} tagIcon={Heart}
tagAnimation="slide-up" tagAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -107,65 +168,96 @@ export default function AboutPage() {
gridVariant="two-columns-alternating-heights" gridVariant="two-columns-alternating-heights"
members={[ members={[
{ {
id: "teria-bryant", id: "teria-bryant", name: "Teria Bryant", role: "Founder & Head Chef", description:
name: "Teria Bryant", "Teria brings 15+ years of Caribbean culinary expertise and authentic island passion to every dish. Her vision transformed Caribbean Flair from a dream into a premium dining destination serving Lehigh Acres with pride and excellence.", imageSrc:
role: "Founder & Head Chef", "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232185.jpg?_wi=1", imageAlt: "Teria Bryant, founder of Caribbean Flair", socialLinks: [
description: "Teria brings 15+ years of Caribbean culinary expertise and authentic island passion to every dish. Her vision transformed Caribbean Flair from a dream into a premium dining destination serving Lehigh Acres with pride.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232185.jpg?_wi=2",
imageAlt: "Teria Bryant, founder of Caribbean Flair",
socialLinks: [
{ {
icon: Facebook, icon: Facebook,
url: "https://facebook.com/caribbeanflair", url: "https://facebook.com/caribbeanflair"},
},
], ],
}, },
{ {
id: "deb-farrell", id: "deb-farrell", name: "Deb Farrell", role: "Co-Owner & Operations Lead", description:
name: "Deb Farrell", "Deb ensures every customer experience is smooth, welcoming, and unforgettable. Together with Teria, she's building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.", imageSrc:
role: "Co-Owner & Operations Lead", "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: [
description: "Deb ensures every customer experience is smooth, welcoming, and unforgettable. Together with Teria, she's building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-woman-blue-suit_158595-5024.jpg?_wi=2",
imageAlt: "Deb Farrell, co-owner of Caribbean Flair",
socialLinks: [
{ {
icon: Facebook, icon: Facebook,
url: "https://facebook.com/caribbeanflair", url: "https://facebook.com/caribbeanflair"},
},
], ],
}, },
]} ]}
/> />
</div> </div>
<div id="about-mission" data-section="about-mission"> {/* Brand Story Timeline */}
<FeatureCardTen <div id="brand-story" data-section="brand-story">
title="Our Mission & Story" <TimelineProcessFlow
description="Caribbean Flair was born from a simple belief: authentic Caribbean cuisine should be accessible, affordable, and made with love. Teria and Deb partnered to create a space where island flavors, community values, and culinary excellence come together on every plate." title="Our Journey"
tag="Built on Values" description="From vision to reality—the Caribbean Flair story of authentic flavors, community pride, and culinary excellence."
tagIcon={Heart} tag="Our Evolution"
tagIcon={Target}
tagAnimation="slide-up" tagAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
animationType="slide-up" animationType="slide-up"
items={timelineItems}
buttons={[
{
text: "Join Our Story", href: "/menu"},
]}
/>
</div>
{/* Community Impact Section */}
<div id="community-impact" data-section="community-impact">
<SocialProofOne
names={[
"Supporting Local Economy", "Women Empowerment", "Black Business Excellence", "Community Events", "Authentic Jamaican Culture", "Local Partnerships"]}
title="Community Impact"
description="Caribbean Flair is more than a restaurant—we're a force for community pride, Black excellence, and women empowerment in Lehigh Acres."
tag="Making a Difference"
tagIcon={Users}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
showCard={true}
buttons={[
{
text: "Support Local Business", href: "/menu"},
]}
/>
</div>
{/* Final CTA Section */}
<div id="final-cta" data-section="final-cta">
<FeatureCardTen
title="Experience Our Island Story"
description="Join Teria, Deb, and the Caribbean Flair community. Every meal supports Black- and women-owned business excellence and authentic Caribbean culture."
tag="Be Part of Our Journey"
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[
{
text: "Order Now", href: "/menu"},
{
text: "Call (239) 785-0423", href: "tel:2397850423"},
]}
buttonAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "authenticity", id: "mission", title: "Our Mission", description:
title: "Authentic Island Recipes", "Deliver authentic Caribbean excellence while uplifting our community through Black- and women-owned business pride.", media: {
description: "Every dish honors traditional Caribbean cooking methods with modern quality standards. Fresh ingredients, time-tested techniques, and genuine island spirit in every bite.", imageSrc:
media: { "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1"},
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-nice-barbeque-together_23-2149271905.jpg?_wi=2",
imageAlt: "Chef grilling jerk meats with expertise",
},
items: [ items: [
{ {
icon: Zap, icon: Heart,
text: "Fresh daily preparation", text: "Authentic Flavors"},
},
{ {
icon: TrendingUp, icon: TrendingUp,
text: "Premium quality ingredients", text: "Community Pride"},
},
], ],
reverse: false, reverse: false,
}, },
@@ -173,9 +265,10 @@ export default function AboutPage() {
/> />
</div> </div>
{/* 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=3" 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" 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="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"

View File

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

View File

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

View File

@@ -3,10 +3,20 @@
import Link from "next/link"; 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 ProductCardFour from "@/components/sections/product/ProductCardFour"; import ProductCardFour from "@/components/sections/product/ProductCardFour";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen"; import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import FooterMedia from "@/components/sections/footer/FooterMedia"; import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Flame, Zap, TrendingUp } from "lucide-react"; import {
Award,
Flame,
Star,
Zap,
TrendingUp,
Facebook,
} from "lucide-react";
import { useState } from "react";
export default function MenuPage() { export default function MenuPage() {
const navItems = [ const navItems = [
@@ -18,37 +28,35 @@ export default function MenuPage() {
{ name: "Locations", id: "locations" }, { name: "Locations", id: "locations" },
]; ];
const [activeCategory, setActiveCategory] = useState("mains");
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: "/" }, { label: "Gallery", href: "/gallery" },
{ label: "Reviews", href: "/" }, { label: "Reviews", href: "/" },
], ],
}, },
{ {
title: "Order & Contact", title: "Order & Contact", items: [
items: [ { label: "Order Online", href: "/menu" },
{ label: "Order Online", href: "/" },
{ label: "Call Us", href: "tel:2397850423" }, { label: "Call Us", href: "tel:2397850423" },
{ label: "Locations & Hours", href: "/" }, { label: "Locations & Hours", href: "/" },
{ label: "Contact", href: "/" }, { label: "Contact", href: "/" },
], ],
}, },
{ {
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: "/" }, { 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", title: "Located In", items: [
items: [
{ label: "801 Leeland Heights Blvd W", href: "/" }, { label: "801 Leeland Heights Blvd W", href: "/" },
{ label: "Lehigh Acres, FL 33936", href: "/" }, { label: "Lehigh Acres, FL 33936", href: "/" },
{ label: "Open Until 9PM", href: "/" }, { label: "Open Until 9PM", href: "/" },
@@ -57,6 +65,65 @@ export default function MenuPage() {
}, },
]; ];
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"
@@ -70,113 +137,238 @@ export default function MenuPage() {
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="medium" headingFontWeight="medium"
> >
<style>{`
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideInFromLeft {
from {
opacity: 0;
transform: translateX(-60px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slideInFromRight {
from {
opacity: 0;
transform: translateX(60px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes glowHover {
0% {
box-shadow: 0 0 0px rgba(227, 68, 0, 0.4);
}
50% {
box-shadow: 0 0 20px rgba(227, 68, 0, 0.6);
}
100% {
box-shadow: 0 0 30px rgba(227, 68, 0, 0.8);
}
}
html {
scroll-behavior: smooth;
}
body {
animation: fadeIn 0.8s ease-out;
}
[data-section] {
animation: fadeIn 1.2s ease-out forwards;
opacity: 0;
}
#hero [data-section] {
animation-delay: 0.1s;
}
#menu-categories {
animation-delay: 0.2s;
}
#testimonials {
animation-delay: 0.3s;
}
#final-cta {
animation-delay: 0.4s;
}
#footer {
animation-delay: 0.5s;
}
img {
animation: slideInFromRight 1s ease-out forwards;
opacity: 0;
}
#hero img {
animation-delay: 0.3s;
}
#menu-categories img {
animation-delay: 0.4s;
}
button, [role="button"], a[href*="#"], a[href*="/"] {
position: relative;
transition: all 0.3s ease;
}
button:hover, [role="button"]:hover, a[href*="#"]:hover, a[href*="/"]:hover {
animation: glowHover 0.6s ease-in-out;
}
.bg-gradient-to-r, .bg-primary-cta, [class*="bg-blue"], [class*="bg-orange"], [class*="bg-red"] {
transition: all 0.3s ease;
}
.bg-gradient-to-r:hover, .bg-primary-cta:hover, [class*="bg-blue"]:hover, [class*="bg-orange"]:hover, [class*="bg-red"]:hover {
filter: brightness(1.1);
animation: glowHover 0.6s ease-in-out;
}
`}</style>
{/* Navbar */} {/* Navbar */}
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
brandName="Caribbean Flair" brandName="Caribbean Flair"
navItems={navItems} navItems={navItems}
button={{ button={{
text: "Order Now", text: "Order Now", href: "/menu"}}
href: "/menu",
}}
/> />
</div> </div>
{/* Full Menu Section */} {/* Hero Section */}
<div id="full-menu" data-section="full-menu"> <div id="hero" data-section="hero">
<ProductCardFour <HeroSplit
title="Complete Island Menu" title="Browse Our Island Menu"
description="Explore our full range of authentic Caribbean dishes, from mains to sides. Every item is prepared fresh to order with premium island ingredients." description="Explore authentic Caribbean flavors. From jerk meats to curry dishes, each item is crafted fresh and packed with island soul."
tag="All Dishes" tag="Fresh Daily"
tagIcon={Flame} tagIcon={Flame}
tagAnimation="slide-up" tagAnimation="slide-up"
background={{ variant: "glowing-orb" }}
buttons={[ buttons={[
{ {
text: "Back to Home", text: "Call to Order", href: "tel:2397850423"},
href: "/",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-vector/summer-label-collectio_23-2148160410.jpg?_wi=3"
imageAlt="Caribbean Flair Menu"
mediaAnimation="opacity"
imagePosition="right"
ariaLabel="Menu page hero section"
/>
</div>
{/* Menu Categories Section */}
<div id="menu-categories" data-section="menu-categories" className="py-20">
<div className="max-w-6xl mx-auto px-4">
<h2 className="text-3xl font-bold text-center mb-12">Browse by Category</h2>
<div className="flex flex-wrap justify-center gap-4 mb-12">
{[
{ 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"
textboxLayout="default" textboxLayout="default"
gridVariant="bento-grid"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={true}
products={[ showRating={true}
testimonials={[
{ {
id: "jerk-chicken", id: "review-1", name: "Sarah Johnson", handle: "@sarahjohn2024", testimonial:
name: "Jerk Chicken Platter", "Every dish on the menu is packed with authentic island flavor! The variety is amazing.", rating: 5,
price: "$15.95",
variant: "Full Rack",
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=2", "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg?_wi=1", imageAlt: "Sarah Johnson"},
imageAlt: "Jerk chicken grilled on foil with spices",
},
{ {
id: "curry-shrimp", id: "review-2", name: "Michael Chen", handle: "@mikeflavorseek", testimonial:
name: "Curry Shrimp Platter", "Tried everything on the menu. Each item is better than the last. Highly recommend!", rating: 5,
price: "$16.95",
variant: "Fresh Daily",
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/side-view-fried-eggs-with-shrimps-vegetables-pan-served-with-sauces_140725-11952.jpg?_wi=2", "http://img.b2bpic.net/free-photo/couple-enjoying-spending-good-time-together-while-having-date-restaurant_58466-16035.jpg?_wi=1", imageAlt: "Michael Chen"},
imageAlt: "Curry shrimp over rice and peas",
},
{ {
id: "conch-fritters", id: "review-3", name: "Amanda Davis", handle: "@amandataste", testimonial:
name: "Conch Fritters Combo", "The menu showcases real Caribbean recipes. You can taste the authenticity in every bite.", rating: 5,
price: "$12.95",
variant: "6 Pieces",
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/chicken-nuggets-served-with-french-fries-sauces_140725-5759.jpg?_wi=2", "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"},
imageAlt: "Golden conch fritters with dipping sauce",
},
{
id: "jerk-pork",
name: "Jerk Pork Platter",
price: "$16.95",
variant: "Premium Cut",
imageSrc:
"http://img.b2bpic.net/free-photo/hot-spicy-grilled-pork-salad-with-berry-rice_1339-6325.jpg?_wi=2",
imageAlt: "Jerk pork platter with rice and tropical slaw",
},
{
id: "curry-goat",
name: "Curry Goat Stew",
price: "$17.95",
variant: "Traditional Recipe",
imageSrc:
"http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=2",
imageAlt: "Rich curry goat served over rice and peas",
},
{
id: "festival-sides",
name: "Festival & Slaw Combo",
price: "$8.95",
variant: "Sides Bundle",
imageSrc:
"http://img.b2bpic.net/free-photo/deep-fried-samosas-rustic-crockery-plate-generated-by-ai_188544-41080.jpg?_wi=2",
imageAlt: "Festival dumplings with tropical slaw and mac and cheese",
},
]} ]}
/> />
</div> </div>
{/* Order CTA Section */} {/* Final CTA Section */}
<div id="order-cta" data-section="order-cta"> <div id="final-cta" data-section="final-cta">
<FeatureCardTen <FeatureCardTen
title="Ready to Order?" title="Ready to Order?"
description="Browse our full menu above and place your order now. Call us or order online for fast, hot, and fresh Caribbean island cuisine delivered straight to your door." description="Choose your favorite items from our authentic Caribbean menu and get them fresh off the grill."
tag="Quick Order" tag="Ready to Order"
tagIcon={Zap} tagIcon={Zap}
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "Order Online", text: "Call (239) 785-0423", href: "tel:2397850423"},
href: "/menu",
},
{ {
text: "Call (239) 785-0423", text: "Visit Us Today", href: "/"},
href: "tel:2397850423",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -184,23 +376,17 @@ export default function MenuPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "order-simple", id: "quality", title: "Authentic Quality", description:
title: "Simple & Fast", "Every item prepared with premium ingredients and authentic Caribbean techniques.", media: {
description:
"Order online or call. Your meal is prepared fresh and ready for pickup or delivery.",
media: {
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=2", "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1"},
},
items: [ items: [
{ {
icon: Zap, icon: Zap,
text: "Quick service", text: "Fresh Daily"},
},
{ {
icon: TrendingUp, icon: TrendingUp,
text: "Always fresh", text: "Peak Quality"},
},
], ],
reverse: false, reverse: false,
}, },
@@ -211,7 +397,7 @@ export default function MenuPage() {
{/* 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=2" 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" 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="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"

View File

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

View File

@@ -19,53 +19,76 @@ import {
Zap, Zap,
TrendingUp, TrendingUp,
Facebook, Facebook,
Phone,
ShoppingCart,
X,
Instagram,
MapPin,
Clock,
} from "lucide-react"; } from "lucide-react";
import { useState, useEffect } from "react";
export default function HomePage() { export default function HomePage() {
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
const [isDesktopButtonsVisible, setIsDesktopButtonsVisible] = useState(true);
const [showCookiePreferences, setShowCookiePreferences] = useState(false);
const [cookiesAccepted, setCookiesAccepted] = useState(false);
useEffect(() => {
const cookieConsent = localStorage.getItem("cookie-consent");
if (!cookieConsent) {
setShowCookiePreferences(true);
} else {
setCookiesAccepted(true);
}
}, []);
const handleCookieAccept = () => {
localStorage.setItem("cookie-consent", "accepted");
setCookiesAccepted(true);
setShowCookiePreferences(false);
};
const navItems = [ const navItems = [
{ name: "Home", id: "home" }, { name: "Home", id: "home" },
{ name: "Menu", id: "menu" }, { name: "Menu", id: "signature-dishes" },
{ name: "About Us", id: "about" }, { name: "About Us", id: "owners-spotlight" },
{ name: "Gallery", id: "gallery" }, { name: "Gallery", id: "featured-gallery" },
{ name: "Reviews", id: "reviews" }, { name: "Reviews", id: "testimonials" },
{ name: "Locations", id: "locations" }, { name: "Locations", id: "footer" },
]; ];
const footerColumns = [ const footerColumns = [
{ {
title: "Quick Links", title: "Quick Links", items: [
items: [
{ label: "Home", href: "/" }, { label: "Home", href: "/" },
{ label: "Menu", href: "/menu" }, { label: "Menu", href: "#signature-dishes" },
{ label: "Gallery", href: "/" }, { label: "Gallery", href: "#featured-gallery" },
{ label: "Reviews", href: "/" }, { label: "Reviews", href: "#testimonials" },
], ],
}, },
{ {
title: "Order & Contact", title: "Order & Contact", items: [
items: [ { label: "Order Online", href: "#signature-dishes" },
{ label: "Order Online", href: "/" },
{ 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", title: "Connect With Us", items: [
items: [
{ label: "Facebook", href: "https://facebook.com/caribbeanflair" }, { label: "Facebook", href: "https://facebook.com/caribbeanflair" },
{ label: "About Us", href: "/" }, { 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: "#" },
], ],
}, },
{ {
title: "Located In", title: "Located In", items: [
items: [ { label: "801 Leeland Heights Blvd W", href: "#" },
{ label: "801 Leeland Heights Blvd W", href: "/" }, { label: "Lehigh Acres, FL 33936", href: "#" },
{ label: "Lehigh Acres, FL 33936", href: "/" }, { label: "Open Until 9PM", href: "#" },
{ label: "Open Until 9PM", href: "/" }, { label: "Delivery Available", href: "#" },
{ label: "Delivery Available", href: "/" },
], ],
}, },
]; ];
@@ -83,18 +106,210 @@ export default function HomePage() {
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="medium" headingFontWeight="medium"
> >
{/* Navbar */} <style>{`
<div id="nav" data-section="nav"> @keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes slideInFromLeft {
from {
opacity: 0;
transform: translateX(-60px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slideInFromRight {
from {
opacity: 0;
transform: translateX(60px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes glowHover {
0% {
box-shadow: 0 0 0px rgba(227, 68, 0, 0.4);
}
50% {
box-shadow: 0 0 20px rgba(227, 68, 0, 0.6);
}
100% {
box-shadow: 0 0 30px rgba(227, 68, 0, 0.8);
}
}
html {
scroll-behavior: smooth;
}
body {
animation: fadeIn 0.8s ease-out;
}
[data-section] {
animation: fadeIn 1.2s ease-out forwards;
opacity: 0;
}
#hero [data-section] {
animation-delay: 0.1s;
}
#signature-dishes {
animation-delay: 0.2s;
}
#featured-gallery {
animation-delay: 0.3s;
}
#testimonials {
animation-delay: 0.4s;
}
#owners-spotlight {
animation-delay: 0.5s;
}
#final-cta {
animation-delay: 0.6s;
}
#footer {
animation-delay: 0.7s;
}
img {
animation: slideInFromRight 1s ease-out forwards;
opacity: 0;
}
#hero img {
animation-delay: 0.3s;
}
#signature-dishes img {
animation-delay: 0.4s;
}
#featured-gallery img {
animation-delay: 0.5s;
}
button, [role="button"], a[href*="#"], a[href*="/"] {
position: relative;
transition: all 0.3s ease;
}
button:hover, [role="button"]:hover, a[href*="#"]:hover, a[href*="/"]:hover {
animation: glowHover 0.6s ease-in-out;
}
.bg-gradient-to-r, .bg-primary-cta, [class*="bg-blue"], [class*="bg-orange"], [class*="bg-red"] {
transition: all 0.3s ease;
}
.bg-gradient-to-r:hover, .bg-primary-cta:hover, [class*="bg-blue"]:hover, [class*="bg-orange"]:hover, [class*="bg-red"]:hover {
filter: brightness(1.1);
animation: glowHover 0.6s ease-in-out;
}
`}</style>
{/* Persistent Top Navigation Bar */}
<div id="nav" data-section="nav" className="sticky top-0 z-40 w-full bg-white/80 backdrop-blur-md border-b border-gray-200">
<NavbarStyleCentered <NavbarStyleCentered
brandName="Caribbean Flair" brandName="Caribbean Flair"
navItems={navItems} navItems={navItems}
button={{ button={{
text: "Order Now", text: "Order Now", href: "#signature-dishes"}}
href: "/menu",
}}
/> />
</div> </div>
{/* Floating Mobile Sidebar Menu */}
{isMobileMenuOpen && (
<div className="fixed inset-0 z-30 md:hidden">
<div
className="absolute inset-0 bg-black/50"
onClick={() => setIsMobileMenuOpen(false)}
/>
<div className="absolute right-0 top-16 w-64 bg-white/95 backdrop-blur-lg rounded-lg shadow-2xl m-4 border border-white/20">
<div className="p-6 space-y-4">
{navItems.map((item) => (
<a
key={item.id}
href={`#${item.id}`}
className="block text-gray-800 hover:text-primary-cta font-medium"
onClick={() => setIsMobileMenuOpen(false)}
>
{item.name}
</a>
))}
<button className="w-full bg-primary-cta text-white py-2 rounded-lg font-semibold hover:opacity-90">
Order Online
</button>
</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="#signature-dishes"
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 */} {/* Hero Section */}
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
@@ -106,16 +321,12 @@ export default function HomePage() {
background={{ variant: "glowing-orb" }} background={{ variant: "glowing-orb" }}
buttons={[ buttons={[
{ {
text: "Order Online Now", text: "Order Online Now", href: "#signature-dishes"},
href: "/menu",
},
{ {
text: "View Full Menu", text: "View Full Menu", href: "#signature-dishes"},
href: "/menu",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-vector/summer-label-collectio_23-2148160410.jpg" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-2gw0wih3.jpg?_wi=3"
imageAlt="Red Caribbean Flair Island Jerk Grill Trailer" imageAlt="Red Caribbean Flair Island Jerk Grill Trailer"
mediaAnimation="opacity" mediaAnimation="opacity"
imagePosition="right" imagePosition="right"
@@ -133,9 +344,7 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "Explore Full Menu", text: "Explore Full Menu", href: "#signature-dishes"},
href: "/menu",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -144,32 +353,14 @@ export default function HomePage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "jerk-chicken", id: "jerk-chicken", name: "Jerk Chicken Platter", price: "$15.95", variant: "Full Rack", imageSrc:
name: "Jerk Chicken Platter", "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"},
price: "$15.95",
variant: "Full Rack",
imageSrc:
"http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=1",
imageAlt: "Jerk chicken grilled on foil with spices",
},
{ {
id: "curry-shrimp", id: "curry-shrimp", name: "Curry Shrimp Platter", price: "$16.95", variant: "Fresh Daily", imageSrc:
name: "Curry Shrimp Platter", "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"},
price: "$16.95",
variant: "Fresh Daily",
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-fried-eggs-with-shrimps-vegetables-pan-served-with-sauces_140725-11952.jpg?_wi=1",
imageAlt: "Curry shrimp over rice and peas",
},
{ {
id: "conch-fritters", id: "conch-fritters", name: "Conch Fritters Combo", price: "$12.95", variant: "6 Pieces", imageSrc:
name: "Conch Fritters Combo", "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"},
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",
},
]} ]}
/> />
</div> </div>
@@ -187,90 +378,36 @@ export default function HomePage() {
useInvertedBackground={false} useInvertedBackground={false}
blogs={[ blogs={[
{ {
id: "jerk-pork", id: "jerk-pork", category: "Main Dishes", title: "Jerk Pork Did Not Disappoint", excerpt:
category: "Main Dishes", "Perfectly seasoned and grilled, bursting with island spices and authentic Jamaican flavor.", imageSrc:
title: "Jerk Pork Did Not Disappoint", "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:
excerpt: "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"},
"Perfectly seasoned and grilled, bursting with island spices and authentic Jamaican flavor.",
imageSrc:
"http://img.b2bpic.net/free-photo/hot-spicy-grilled-pork-salad-with-berry-rice_1339-6325.jpg?_wi=1",
imageAlt: "Jerk pork platter with rice and tropical slaw",
authorName: "Caribbean Flair Team",
authorAvatar:
"http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
date: "Fresh Daily",
},
{ {
id: "curry-goat", id: "curry-goat", category: "Featured", title: "Curry Goat - A Community Favorite", excerpt:
category: "Featured", "Tender, aromatic, and cooked to perfection. Every bite transports you straight to Jamaica.", imageSrc:
title: "Curry Goat - A Community Favorite", "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:
excerpt: "http://img.b2bpic.net/free-vector/colorful-avatars_23-2147502919.jpg", date: "Popular Choice"},
"Tender, aromatic, and cooked to perfection. Every bite transports you straight to Jamaica.",
imageSrc:
"http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=1",
imageAlt: "Rich curry goat served over rice and peas",
authorName: "Caribbean Flair Team",
authorAvatar:
"http://img.b2bpic.net/free-vector/colorful-avatars_23-2147502919.jpg",
date: "Popular Choice",
},
{ {
id: "festival-sides", id: "festival-sides", category: "Sides", title: "Festival Dumplings & Tropical Slaw", excerpt:
category: "Sides", "Crispy, golden festival dumplings paired with our signature tropical slaw for the perfect complement.", imageSrc:
title: "Festival Dumplings & Tropical Slaw", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-dk53z92a.jpg?_wi=2", imageAlt:
excerpt: "Festival dumplings with tropical slaw and mac and cheese", authorName: "Caribbean Flair Team", authorAvatar:
"Crispy, golden festival dumplings paired with our signature tropical slaw for the perfect complement.", "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", date: "Must Try"},
imageSrc:
"http://img.b2bpic.net/free-photo/deep-fried-samosas-rustic-crockery-plate-generated-by-ai_188544-41080.jpg?_wi=1",
imageAlt:
"Festival dumplings with tropical slaw and mac and cheese",
authorName: "Caribbean Flair Team",
authorAvatar:
"http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
date: "Must Try",
},
{ {
id: "escovitch-fish", id: "escovitch-fish", category: "Seafood", title: "Escovitch Fish - Island Tradition", excerpt:
category: "Seafood", "Fresh fish prepared in authentic Jamaican style with pickled vegetables and bold island flavors.", imageSrc:
title: "Escovitch Fish - Island Tradition", "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:
excerpt: "http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg", date: "Customer Favorite"},
"Fresh fish prepared in authentic Jamaican style with pickled vegetables and bold island flavors.",
imageSrc:
"http://img.b2bpic.net/free-photo/grilled-chicken-served-with-aubergine-lemon-parsley_140725-1554.jpg?_wi=1",
imageAlt: "Escovitch fish with pickled vegetables and lime",
authorName: "Caribbean Flair Team",
authorAvatar:
"http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg",
date: "Customer Favorite",
},
{ {
id: "mac-cheese", id: "mac-cheese", category: "Sides", title: "Creamy Island Mac & Cheese", excerpt:
category: "Sides", "Smooth, rich, and soul-warming comfort food that pairs perfectly with any of our signature mains.", imageSrc:
title: "Creamy Island Mac & Cheese", "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:
excerpt: "http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-looks-camera_141793-103873.jpg", date: "Comfort Classic"},
"Smooth, rich, and soul-warming comfort food that pairs perfectly with any of our signature mains.",
imageSrc:
"http://img.b2bpic.net/free-photo/delicious-food-presentation_23-2151914003.jpg?_wi=1",
imageAlt: "Creamy mac and cheese side dish",
authorName: "Caribbean Flair Team",
authorAvatar:
"http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-looks-camera_141793-103873.jpg",
date: "Comfort Classic",
},
{ {
id: "grill-action", id: "grill-action", category: "Behind the Scenes", title: "Fresh Off The Grill - Live Action", excerpt:
category: "Behind the Scenes", "Watch our expert grill masters prepare your meal with passion, precision, and authentic Caribbean technique.", imageSrc:
title: "Fresh Off The Grill - Live Action", "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:
excerpt: "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"},
"Watch our expert grill masters prepare your meal with passion, precision, and authentic Caribbean technique.",
imageSrc:
"http://img.b2bpic.net/free-photo/friends-having-nice-barbeque-together_23-2149271905.jpg?_wi=1",
imageAlt: "Chef grilling jerk meats on foil with smoke",
authorName: "Caribbean Flair Team",
authorAvatar:
"http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
date: "Daily Special",
},
]} ]}
/> />
</div> </div>
@@ -289,71 +426,35 @@ export default function HomePage() {
showRating={true} showRating={true}
testimonials={[ testimonials={[
{ {
id: "review-1", id: "review-1", name: "Sarah Johnson", handle: "@sarahjohn2024", testimonial:
name: "Sarah Johnson", "Every dish packed with authentic island flavor! Teria and Deb truly know how to deliver Caribbean excellence.", rating: 5,
handle: "@sarahjohn2024",
testimonial:
"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", "http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg?_wi=1", imageAlt: "Sarah Johnson smiling"},
imageAlt: "Sarah Johnson smiling",
},
{ {
id: "review-2", id: "review-2", name: "Michael Chen", handle: "@mikeflavorseek", testimonial:
name: "Michael Chen", "Jerk pork did not disappoint! Best food truck in Lehigh Acres. Fresh, authentic, and made with real passion.", rating: 5,
handle: "@mikeflavorseek",
testimonial:
"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", "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"},
imageAlt: "Michael Chen enjoying Caribbean Flair",
},
{ {
id: "review-3", id: "review-3", name: "Amanda Davis", handle: "@amandataste", testimonial:
name: "Amanda Davis", "The curry shrimp is absolutely incredible! You can taste the love in every bite. Supporting Black-owned, women-owned businesses never tasted so good.", rating: 5,
handle: "@amandataste",
testimonial:
"The curry shrimp is absolutely incredible! You can taste the love in every bite. Supporting Black-owned, women-owned businesses never tasted so good.",
rating: 5,
imageSrc: 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", "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"},
imageAlt: "Amanda Davis with Caribbean Flair meal",
},
{ {
id: "review-4", id: "review-4", name: "David Martinez", handle: "@davidsflavorquests", testimonial:
name: "David Martinez", "Finally, real Caribbean food in Lehigh Acres! The menu, the quality, the service—everything is top-tier. This is my new favorite spot.", rating: 5,
handle: "@davidsflavorquests",
testimonial:
"Finally, real Caribbean food in Lehigh Acres! The menu, the quality, the service—everything is top-tier. This is my new favorite spot.",
rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4005.jpg?_wi=1", "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4005.jpg?_wi=1", imageAlt: "David Martinez at Caribbean Flair"},
imageAlt: "David Martinez at Caribbean Flair",
},
{ {
id: "review-5", id: "review-5", name: "Jessica Williams", handle: "@jessicaeats_local", testimonial:
name: "Jessica Williams", "Conch fritters are crispy heaven! The whole experience feels premium yet so authentic. Teria and Deb are changing the food game.", rating: 5,
handle: "@jessicaeats_local",
testimonial:
"Conch fritters are crispy heaven! The whole experience feels premium yet so authentic. Teria and Deb are changing the food game.",
rating: 5,
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/friends-eating-barbecue_23-2148733607.jpg?_wi=1", "http://img.b2bpic.net/free-photo/friends-eating-barbecue_23-2148733607.jpg?_wi=1", imageAlt: "Jessica Williams enjoying meal"},
imageAlt: "Jessica Williams enjoying meal",
},
{ {
id: "review-6", id: "review-6", name: "Robert Thompson", handle: "@robfeeds", testimonial:
name: "Robert Thompson", "Island fusion done right. The quality of ingredients and cooking technique is professional-level. Worth every penny and the drive. Highly recommend!", rating: 5,
handle: "@robfeeds",
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: imageSrc:
"http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg?_wi=1", "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg?_wi=1", imageAlt: "Robert Thompson thumbs up"},
imageAlt: "Robert Thompson thumbs up",
},
]} ]}
/> />
</div> </div>
@@ -372,35 +473,21 @@ export default function HomePage() {
gridVariant="two-columns-alternating-heights" gridVariant="two-columns-alternating-heights"
members={[ members={[
{ {
id: "teria-bryant", id: "teria-bryant", name: "Teria Bryant", role: "Founder & Head Chef", description:
name: "Teria Bryant", "Teria brings 15+ years of Caribbean culinary expertise and authentic island passion to every dish. Her vision transformed Caribbean Flair from a dream into a premium dining destination serving Lehigh Acres with pride.", imageSrc:
role: "Founder & Head Chef", "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232185.jpg?_wi=1", imageAlt: "Teria Bryant, founder of Caribbean Flair", socialLinks: [
description:
"Teria brings 15+ years of Caribbean culinary expertise and authentic island passion to every dish. Her vision transformed Caribbean Flair from a dream into a premium dining destination serving Lehigh Acres with pride.",
imageSrc:
"http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232185.jpg?_wi=1",
imageAlt: "Teria Bryant, founder of Caribbean Flair",
socialLinks: [
{ {
icon: Facebook, icon: Facebook,
url: "https://facebook.com/caribbeanflair", url: "https://facebook.com/caribbeanflair"},
},
], ],
}, },
{ {
id: "deb-farrell", id: "deb-farrell", name: "Deb Farrell", role: "Co-Owner & Operations Lead", description:
name: "Deb Farrell", "Deb ensures every customer experience is smooth, welcoming, and unforgettable. Together with Teria, she's building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.", imageSrc:
role: "Co-Owner & Operations Lead", "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: [
description:
"Deb ensures every customer experience is smooth, welcoming, and unforgettable. Together with Teria, she's building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.",
imageSrc:
"http://img.b2bpic.net/free-photo/successful-business-woman-blue-suit_158595-5024.jpg?_wi=1",
imageAlt: "Deb Farrell, co-owner of Caribbean Flair",
socialLinks: [
{ {
icon: Facebook, icon: Facebook,
url: "https://facebook.com/caribbeanflair", url: "https://facebook.com/caribbeanflair"},
},
], ],
}, },
]} ]}
@@ -417,13 +504,9 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "Order Online Now", text: "Order Online Now", href: "#signature-dishes"},
href: "/menu",
},
{ {
text: "Call (239) 785-0423", text: "Call (239) 785-0423", href: "tel:2397850423"},
href: "tel:2397850423",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -431,23 +514,17 @@ export default function HomePage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "fast-delivery", id: "fast-delivery", title: "Fast & Fresh", description:
title: "Fast & Fresh", "Grilled fresh to order. Your meal arrives hot, delicious, and packed with island flavor.", media: {
description:
"Grilled fresh to order. Your meal arrives hot, delicious, and packed with island flavor.",
media: {
imageSrc: imageSrc:
"http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1", "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1"},
},
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,
}, },
@@ -455,7 +532,7 @@ export default function HomePage() {
/> />
</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="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=1"

View File

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