Compare commits
25 Commits
version_8
...
version_16
| Author | SHA1 | Date | |
|---|---|---|---|
| c8851eaa2c | |||
| d7e24fbca6 | |||
| 6e3ec732ec | |||
| 2f5396d03a | |||
| 7060cecb34 | |||
| fadb9fe37e | |||
| 10d7749d05 | |||
| 396c4e718a | |||
| 07dda4bd68 | |||
| 01985878be | |||
| 7594dc3072 | |||
| 2e75c0161c | |||
| 78d48ec2f4 | |||
| 2999235148 | |||
| e3d76caab5 | |||
| bef33da5b2 | |||
| 4dfbddec97 | |||
| f435d6bace | |||
| e0867ab5e7 | |||
| dc9a10ee53 | |||
| 0b542074c6 | |||
| a765aa7957 | |||
| 3c95341b16 | |||
| 8d2f8bd650 | |||
| 55c51612ca |
@@ -48,7 +48,7 @@ export default function AboutPage() {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect With Us", items: [
|
title: "Connect With Us", items: [
|
||||||
{ label: "Facebook", href: "https://facebook.com/caribbeanflair" },
|
{ label: "Facebook", href: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr" },
|
||||||
{ label: "About Us", href: "/about" },
|
{ label: "About Us", href: "/about" },
|
||||||
{ label: "Privacy Policy", href: "/" },
|
{ label: "Privacy Policy", href: "/" },
|
||||||
{ label: "Terms of Service", href: "/" },
|
{ label: "Terms of Service", href: "/" },
|
||||||
@@ -146,7 +146,7 @@ export default function AboutPage() {
|
|||||||
text: "Order Now", href: "/menu"},
|
text: "Order Now", href: "/menu"},
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-vector/summer-label-collectio_23-2148160410.jpg?_wi=1"
|
imageSrc="data:image/svg+xml,%3Csvg xmlns?_wi=21'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E"
|
||||||
imageAlt="Caribbean Flair About Us"
|
imageAlt="Caribbean Flair About Us"
|
||||||
mediaAnimation="opacity"
|
mediaAnimation="opacity"
|
||||||
imagePosition="right"
|
imagePosition="right"
|
||||||
@@ -157,7 +157,7 @@ export default function AboutPage() {
|
|||||||
{/* Meet the Owners Section */}
|
{/* Meet the Owners Section */}
|
||||||
<div id="owners-spotlight" data-section="owners-spotlight">
|
<div id="owners-spotlight" data-section="owners-spotlight">
|
||||||
<TeamCardTwo
|
<TeamCardTwo
|
||||||
title="Meet the Island Visionaries"
|
title="Meet the Owners"
|
||||||
description="Teria Bryant and Deb Farrell: Passionate Black-owned, women-owned entrepreneurs bringing authentic Caribbean soul to Lehigh Acres."
|
description="Teria Bryant and Deb Farrell: Passionate Black-owned, women-owned entrepreneurs bringing authentic Caribbean soul to Lehigh Acres."
|
||||||
tag="Our Founders"
|
tag="Our Founders"
|
||||||
tagIcon={Heart}
|
tagIcon={Heart}
|
||||||
@@ -169,20 +169,20 @@ export default function AboutPage() {
|
|||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "teria-bryant", name: "Teria Bryant", role: "Founder & Head Chef", description:
|
id: "teria-bryant", name: "Teria Bryant", role: "Founder & Head Chef", description:
|
||||||
"Teria brings 15+ years of Caribbean culinary expertise and authentic island passion to every dish. Her vision transformed Caribbean Flair from a dream into a premium dining destination serving Lehigh Acres with pride and excellence.", imageSrc:
|
"Teria brings 15+ years of Caribbean culinary expertise and authentic island passion to every dish. Their vision transformed Caribbean Flair from a dream into a premium dining destination serving Lehigh Acres with pride.", imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232185.jpg?_wi=1", imageAlt: "Teria Bryant, founder of Caribbean Flair", socialLinks: [
|
"data:image/svg+xml,%3Csvg xmlns?_wi=1'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23ff6b6b;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23ffa500;stop-opacity:1' /%3E%3C/linearGradient%3E%3ClinearGradient id='grad1b' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%234ecdc4;stop-opacity:1' /%3E%3Cstop offset='25%25' style='stop-color:%2345b7aa;stop-opacity:1' /%3E%3Cstop offset='50%25' style='stop-color:%233a9b8f;stop-opacity:1' /%3E%3Cstop offset='75%25' style='stop-color:%2327746b;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%2308d9d6;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23grad1b)' width='400' height='300'/%3E%3Cpath d='M0 0 Q100 80 200 100 T400 0 L400 60 Q300 80 200 120 T0 80 Z' fill='%23ffffff' opacity='0.15'/%3E%3Ccircle cx='200' cy='120' r='50' fill='%23ffffff' opacity='0.8'/%3E%3Crect x='120' y='180' width='160' height='100' rx='10' fill='%23ffffff' opacity='0.1'/%3E%3Cline x1='150' y1='190' x2='250' y2='190' stroke='%23ffffff' stroke-width='2' opacity='0.3'/%3E%3Cline x1='150' y1='210' x2='250' y2='210' stroke='%23ffffff' stroke-width='2' opacity='0.3'/%3E%3C/svg%3E", imageAlt: "Teria Bryant, founder of Caribbean Flair", socialLinks: [
|
||||||
{
|
{
|
||||||
icon: Facebook,
|
icon: Facebook,
|
||||||
url: "https://facebook.com/caribbeanflair"},
|
url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr"},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "deb-farrell", name: "Deb Farrell", role: "Co-Owner & Operations Lead", description:
|
id: "deb-farrell", name: "Deb Farrell", role: "Co-Owner & Operations Lead", description:
|
||||||
"Deb ensures every customer experience is smooth, welcoming, and unforgettable. Together with Teria, she's building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.", imageSrc:
|
"Deb ensures every customer experience is smooth, welcoming, and unforgettable. Together with Teria, they are building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.", imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/successful-business-woman-blue-suit_158595-5024.jpg?_wi=1", imageAlt: "Deb Farrell, co-owner of Caribbean Flair", socialLinks: [
|
"data:image/svg+xml,%3Csvg xmlns?_wi=2'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad2' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23667eea;stop-opacity:1' /%3E%3Cstop offset='25%25' style='stop-color:%235a67d8;stop-opacity:1' /%3E%3Cstop offset='50%25' style='stop-color:%234c51bf;stop-opacity:1' /%3E%3Cstop offset='75%25' style='stop-color:%233f3ba3;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23764ba2;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23grad2)' width='400' height='300'/%3E%3Cpath d='M0 150 Q100 100 200 120 T400 150 L400 300 L0 300 Z' fill='%23ffffff' opacity='0.1'/%3E%3Ccircle cx='200' cy='120' r='50' fill='%23ffffff' opacity='0.8'/%3E%3Crect x='120' y='180' width='160' height='100' rx='10' fill='%23ffffff' opacity='0.1'/%3E%3Cpolygon points='200,185 220,200 200,215 180,200' fill='%23ffffff' opacity='0.2'/%3E%3C/svg%3E", imageAlt: "Deb Farrell, co-owner of Caribbean Flair", socialLinks: [
|
||||||
{
|
{
|
||||||
icon: Facebook,
|
icon: Facebook,
|
||||||
url: "https://facebook.com/caribbeanflair"},
|
url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr"},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -250,7 +250,7 @@ export default function AboutPage() {
|
|||||||
id: "mission", title: "Our Mission", description:
|
id: "mission", title: "Our Mission", description:
|
||||||
"Deliver authentic Caribbean excellence while uplifting our community through Black- and women-owned business pride.", media: {
|
"Deliver authentic Caribbean excellence while uplifting our community through Black- and women-owned business pride.", media: {
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1"},
|
"data:image/svg+xml,%3Csvg xmlns?_wi=3'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='grad3' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23667eea;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23764ba2;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23grad3)' width='400' height='300'/%3E%3Cpath d='M150 250 Q200 150 250 250' stroke='%23fff' stroke-width='3' fill='none'/%3E%3Ccircle cx='200' cy='150' r='30' fill='%23fff' opacity='0.8'/%3E%3C/svg%3E"},
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
icon: Heart,
|
icon: Heart,
|
||||||
@@ -268,7 +268,7 @@ export default function AboutPage() {
|
|||||||
{/* Footer */}
|
{/* Footer */}
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=1"
|
imageSrc="data:image/svg+xml,%3Csvg xmlns?_wi=25'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E"
|
||||||
imageAlt="Caribbean Flair Island Jerk Grill Trailer"
|
imageAlt="Caribbean Flair Island Jerk Grill Trailer"
|
||||||
logoText="Caribbean Flair"
|
logoText="Caribbean Flair"
|
||||||
copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
|
copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
|
||||||
|
|||||||
237
src/app/full-menu/page.tsx
Normal file
237
src/app/full-menu/page.tsx
Normal file
@@ -0,0 +1,237 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import { useState } from "react";
|
||||||
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||||
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||||
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||||
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||||
|
import { Flame, Lock, X } from "lucide-react";
|
||||||
|
|
||||||
|
export default function FullMenuPage() {
|
||||||
|
const [isPasswordProtected, setIsPasswordProtected] = useState(true);
|
||||||
|
const [passwordInput, setPasswordInput] = useState("");
|
||||||
|
const [passwordError, setPasswordError] = useState(false);
|
||||||
|
const MENU_PASSWORD = "Caribbean2025";
|
||||||
|
|
||||||
|
const navItems = [
|
||||||
|
{ name: "Home", id: "home" },
|
||||||
|
{ name: "Menu", id: "menu" },
|
||||||
|
{ name: "About Us", id: "about" },
|
||||||
|
{ name: "Gallery", id: "gallery" },
|
||||||
|
{ name: "Reviews", id: "reviews" },
|
||||||
|
{ name: "Locations", id: "locations" },
|
||||||
|
];
|
||||||
|
|
||||||
|
const footerColumns = [
|
||||||
|
{
|
||||||
|
title: "Quick Links", items: [
|
||||||
|
{ label: "Home", href: "/" },
|
||||||
|
{ label: "Menu", href: "/menu" },
|
||||||
|
{ label: "Gallery", href: "/gallery" },
|
||||||
|
{ label: "Reviews", href: "/reviews" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Order & Contact", items: [
|
||||||
|
{ label: "Order Online", href: "/menu" },
|
||||||
|
{ label: "Call Us", href: "tel:2397850423" },
|
||||||
|
{ label: "Locations & Hours", href: "/locations" },
|
||||||
|
{ label: "Contact", href: "/contact" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Connect With Us", items: [
|
||||||
|
{ label: "Facebook", href: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr" },
|
||||||
|
{ label: "About Us", href: "/about" },
|
||||||
|
{ label: "Privacy Policy", href: "/" },
|
||||||
|
{ label: "Terms of Service", href: "/" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Located In", items: [
|
||||||
|
{ label: "801 Leeland Heights Blvd W", href: "/" },
|
||||||
|
{ label: "Lehigh Acres, FL 33936", href: "/" },
|
||||||
|
{ label: "Open Until 9PM", href: "/" },
|
||||||
|
{ label: "Delivery Available", href: "/" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const handlePasswordSubmit = () => {
|
||||||
|
if (passwordInput === MENU_PASSWORD) {
|
||||||
|
setIsPasswordProtected(false);
|
||||||
|
setPasswordError(false);
|
||||||
|
} else {
|
||||||
|
setPasswordError(true);
|
||||||
|
setPasswordInput("");
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const allMenuItems = [
|
||||||
|
{
|
||||||
|
id: "jerk-chicken", name: "Jerk Chicken Platter", price: "$15.95", variant: "Full Rack", imageSrc: "http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=1", imageAlt: "Jerk chicken grilled on foil with spices"},
|
||||||
|
{
|
||||||
|
id: "curry-goat", name: "Curry Goat Platter", price: "$17.95", variant: "Tender & Aromatic", imageSrc: "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=1", imageAlt: "Curry goat served over rice and peas"},
|
||||||
|
{
|
||||||
|
id: "jerk-pork", name: "Jerk Pork Platter", price: "$16.95", variant: "Juicy & Spiced", imageSrc: "http://img.b2bpic.net/free-photo/hot-spicy-grilled-pork-salad-with-berry-rice_1339-6325.jpg?_wi=1", imageAlt: "Jerk pork platter with rice"},
|
||||||
|
{
|
||||||
|
id: "escovitch-fish", name: "Escovitch Fish", price: "$18.95", variant: "Island Tradition", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-served-with-aubergine-lemon-parsley_140725-1554.jpg?_wi=1", imageAlt: "Escovitch fish with pickled vegetables"},
|
||||||
|
{
|
||||||
|
id: "curry-shrimp", name: "Curry Shrimp Platter", price: "$16.95", variant: "Fresh Daily", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-eggs-with-shrimps-vegetables-pan-served-with-sauces_140725-11952.jpg?_wi=1", imageAlt: "Curry shrimp over rice and peas"},
|
||||||
|
{
|
||||||
|
id: "conch-fritters", name: "Conch Fritters Combo", price: "$12.95", variant: "6 Pieces", imageSrc: "http://img.b2bpic.net/free-photo/deep-fried-samosas-rustic-crockery-plate-generated-by-ai_188544-41080.jpg?_wi=1", imageAlt: "Golden conch fritters with dipping sauce"},
|
||||||
|
{
|
||||||
|
id: "jerk-chicken-sandwich", name: "Jerk Chicken Sandwich", price: "$11.95", variant: "Fresh Bread", imageSrc: "http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=1", imageAlt: "Jerk chicken sandwich with slaw"},
|
||||||
|
{
|
||||||
|
id: "curry-goat-sandwich", name: "Curry Goat Sandwich", price: "$12.95", variant: "Hearty & Flavorful", imageSrc: "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=1", imageAlt: "Curry goat sandwich"},
|
||||||
|
{
|
||||||
|
id: "pulled-pork-sandwich", name: "Pulled Pork Sandwich", price: "$11.95", variant: "Smoky & Tender", imageSrc: "http://img.b2bpic.net/free-photo/hot-spicy-grilled-pork-salad-with-berry-rice_1339-6325.jpg?_wi=1", imageAlt: "Pulled pork sandwich"},
|
||||||
|
{
|
||||||
|
id: "rice-peas", name: "Rice & Peas", price: "$4.95", variant: "Classic Caribbean", imageSrc: "http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=1", imageAlt: "Rice and peas side"},
|
||||||
|
{
|
||||||
|
id: "mac-cheese", name: "Creamy Mac & Cheese", price: "$5.95", variant: "Comfort Classic", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-presentation_23-2151914003.jpg?_wi=1", imageAlt: "Creamy mac and cheese"},
|
||||||
|
{
|
||||||
|
id: "festival", name: "Festival Dumplings", price: "$4.95", variant: "Golden & Crispy", imageSrc: "http://img.b2bpic.net/free-photo/deep-fried-samosas-rustic-crockery-plate-generated-by-ai_188544-41080.jpg?_wi=1", imageAlt: "Festival dumplings"},
|
||||||
|
{
|
||||||
|
id: "sorrel-punch", name: "Sorrel Punch", price: "$3.95", variant: "16 oz", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1", imageAlt: "Tropical sorrel punch"},
|
||||||
|
{
|
||||||
|
id: "ginger-beer", name: "Island Ginger Beer", price: "$3.95", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1", imageAlt: "Ginger beer"},
|
||||||
|
{
|
||||||
|
id: "combo-1", name: "Island Feast Combo", price: "$22.95", variant: "Jerk Chicken + Sides", imageSrc: "http://img.b2bpic.net/free-photo/from-shrimps-batter-with-red-rice-greens-white-plate_176474-2654.jpg?_wi=1", imageAlt: "Island feast combo"},
|
||||||
|
{
|
||||||
|
id: "seafood-special", name: "Seafood Special", price: "$24.95", variant: "Curry Shrimp + Sides", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-eggs-with-shrimps-vegetables-pan-served-with-sauces_140725-11952.jpg?_wi=1", imageAlt: "Seafood special"},
|
||||||
|
];
|
||||||
|
|
||||||
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
defaultButtonVariant="bounce-effect"
|
||||||
|
defaultTextAnimation="entrance-slide"
|
||||||
|
borderRadius="pill"
|
||||||
|
contentWidth="compact"
|
||||||
|
sizing="medium"
|
||||||
|
background="none"
|
||||||
|
cardStyle="inset"
|
||||||
|
primaryButtonStyle="radial-glow"
|
||||||
|
secondaryButtonStyle="glass"
|
||||||
|
headingFontWeight="medium"
|
||||||
|
>
|
||||||
|
{/* Navbar */}
|
||||||
|
<div id="nav" data-section="nav">
|
||||||
|
<NavbarStyleCentered
|
||||||
|
brandName="Caribbean Flair"
|
||||||
|
navItems={navItems}
|
||||||
|
button={{
|
||||||
|
text: "Order Now", href: "/menu"}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Password Protection Modal */}
|
||||||
|
{isPasswordProtected && (
|
||||||
|
<div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
|
||||||
|
<div className="bg-white rounded-lg shadow-2xl max-w-md w-full p-8">
|
||||||
|
<div className="flex items-center justify-center mb-6">
|
||||||
|
<Lock className="w-8 h-8 text-orange-500 mr-2" />
|
||||||
|
<h2 className="text-2xl font-bold">Full Menu Access</h2>
|
||||||
|
</div>
|
||||||
|
<p className="text-gray-600 text-center mb-6">
|
||||||
|
This full menu is password protected. Please enter the password to continue.
|
||||||
|
</p>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
value={passwordInput}
|
||||||
|
onChange={(e) => {
|
||||||
|
setPasswordInput(e.target.value);
|
||||||
|
setPasswordError(false);
|
||||||
|
}}
|
||||||
|
onKeyPress={(e) => {
|
||||||
|
if (e.key === "Enter") {
|
||||||
|
handlePasswordSubmit();
|
||||||
|
}
|
||||||
|
}}
|
||||||
|
placeholder="Enter password"
|
||||||
|
className={`w-full px-4 py-3 border-2 rounded-lg mb-4 focus:outline-none transition ${
|
||||||
|
passwordError
|
||||||
|
? "border-red-500 focus:border-red-600"
|
||||||
|
: "border-gray-300 focus:border-orange-500"
|
||||||
|
}`}
|
||||||
|
/>
|
||||||
|
{passwordError && (
|
||||||
|
<p className="text-red-600 text-sm mb-4">Incorrect password. Please try again.</p>
|
||||||
|
)}
|
||||||
|
<button
|
||||||
|
onClick={handlePasswordSubmit}
|
||||||
|
className="w-full bg-gradient-to-r from-orange-500 to-red-500 text-white font-semibold py-3 rounded-lg hover:opacity-90 transition mb-3"
|
||||||
|
>
|
||||||
|
Unlock Menu
|
||||||
|
</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>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Hero Section */}
|
||||||
|
{!isPasswordProtected && (
|
||||||
|
<div id="hero" data-section="hero">
|
||||||
|
<HeroSplit
|
||||||
|
title="Complete Island Menu"
|
||||||
|
description="Explore our full selection of authentic Caribbean dishes. Every item is crafted fresh and packed with island soul."
|
||||||
|
tag="Exclusive"
|
||||||
|
tagIcon={Flame}
|
||||||
|
tagAnimation="slide-up"
|
||||||
|
background={{ variant: "glowing-orb" }}
|
||||||
|
buttons={[
|
||||||
|
{
|
||||||
|
text: "Call to Order", href: "tel:2397850423"},
|
||||||
|
]}
|
||||||
|
buttonAnimation="slide-up"
|
||||||
|
imageSrc="http://img.b2bpic.net/free-vector/summer-label-collectio_23-2148160410.jpg?_wi=3"
|
||||||
|
imageAlt="Caribbean Flair Full Menu"
|
||||||
|
mediaAnimation="opacity"
|
||||||
|
imagePosition="right"
|
||||||
|
ariaLabel="Full menu page hero section"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Full Menu Section */}
|
||||||
|
{!isPasswordProtected && (
|
||||||
|
<div id="full-menu" data-section="full-menu">
|
||||||
|
<ProductCardFour
|
||||||
|
title="All Menu Items"
|
||||||
|
description="Discover our complete selection of authentic Caribbean dishes, sides, drinks, and specials. All items are fresh and made to order."
|
||||||
|
tag="Complete Selection"
|
||||||
|
tagIcon={Flame}
|
||||||
|
tagAnimation="slide-up"
|
||||||
|
buttons={[
|
||||||
|
{
|
||||||
|
text: "Order Now", href: "/menu"},
|
||||||
|
]}
|
||||||
|
buttonAnimation="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
gridVariant="three-columns-all-equal-width"
|
||||||
|
animationType="slide-up"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
products={allMenuItems}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Footer */}
|
||||||
|
<div id="footer" data-section="footer">
|
||||||
|
<FooterMedia
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=1"
|
||||||
|
imageAlt="Caribbean Flair Island Jerk Grill Trailer"
|
||||||
|
logoText="Caribbean Flair"
|
||||||
|
copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
|
||||||
|
columns={footerColumns}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,127 +1,37 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
|
import { useState } from "react";
|
||||||
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 { ArrowLeft, Lock } from "lucide-react";
|
||||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
||||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
||||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
|
||||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
||||||
import {
|
|
||||||
Award,
|
|
||||||
Flame,
|
|
||||||
Star,
|
|
||||||
Zap,
|
|
||||||
TrendingUp,
|
|
||||||
Facebook,
|
|
||||||
} from "lucide-react";
|
|
||||||
import { useState } from "react";
|
|
||||||
|
|
||||||
export default function MenuPage() {
|
export default function MenuPage() {
|
||||||
|
const [password, setPassword] = useState("");
|
||||||
|
const [isAuthenticated, setIsAuthenticated] = useState(false);
|
||||||
|
const [error, setError] = useState("");
|
||||||
|
|
||||||
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 [activeCategory, setActiveCategory] = useState("mains");
|
const handlePasswordSubmit = (e: React.FormEvent) => {
|
||||||
|
e.preventDefault();
|
||||||
|
// Replace with your actual password
|
||||||
|
const correctPassword = "caribbean2025";
|
||||||
|
|
||||||
const footerColumns = [
|
if (password === correctPassword) {
|
||||||
{
|
setIsAuthenticated(true);
|
||||||
title: "Quick Links", items: [
|
setError("");
|
||||||
{ label: "Home", href: "/" },
|
} else {
|
||||||
{ label: "Menu", href: "/menu" },
|
setError("Incorrect password. Please try again.");
|
||||||
{ label: "Gallery", href: "/gallery" },
|
setPassword("");
|
||||||
{ label: "Reviews", href: "/" },
|
}
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Order & Contact", items: [
|
|
||||||
{ label: "Order Online", href: "/menu" },
|
|
||||||
{ label: "Call Us", href: "tel:2397850423" },
|
|
||||||
{ label: "Locations & Hours", href: "/" },
|
|
||||||
{ label: "Contact", href: "/" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Connect With Us", items: [
|
|
||||||
{ label: "Facebook", href: "https://facebook.com/caribbeanflair" },
|
|
||||||
{ label: "About Us", href: "/about" },
|
|
||||||
{ label: "Privacy Policy", href: "/" },
|
|
||||||
{ label: "Terms of Service", href: "/" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Located In", items: [
|
|
||||||
{ label: "801 Leeland Heights Blvd W", href: "/" },
|
|
||||||
{ label: "Lehigh Acres, FL 33936", href: "/" },
|
|
||||||
{ label: "Open Until 9PM", href: "/" },
|
|
||||||
{ label: "Delivery Available", href: "/" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const 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 (
|
||||||
@@ -147,40 +57,6 @@ export default function MenuPage() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@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 {
|
html {
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
}
|
}
|
||||||
@@ -188,221 +64,181 @@ export default function MenuPage() {
|
|||||||
body {
|
body {
|
||||||
animation: fadeIn 0.8s ease-out;
|
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>
|
`}</style>
|
||||||
|
|
||||||
{/* Navbar */}
|
{/* Navigation Bar */}
|
||||||
<div id="nav" data-section="nav">
|
<div className="sticky top-0 z-40 w-full bg-white/80 backdrop-blur-md border-b border-gray-200">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
brandName="Caribbean Flair"
|
brandName="Caribbean Flair"
|
||||||
navItems={navItems}
|
navItems={navItems}
|
||||||
button={{
|
button={{
|
||||||
text: "Order Now", href: "/menu"}}
|
text: "See Full Menu", href: "/menu"
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Hero Section */}
|
{/* Main Content */}
|
||||||
<div id="hero" data-section="hero">
|
<div className="min-h-screen bg-gradient-to-b from-white to-gray-50">
|
||||||
<HeroSplit
|
{!isAuthenticated ? (
|
||||||
title="Browse Our Island Menu"
|
// Password Protected View
|
||||||
description="Explore authentic Caribbean flavors. From jerk meats to curry dishes, each item is crafted fresh and packed with island soul."
|
<div className="flex items-center justify-center min-h-[calc(100vh-80px)] px-4">
|
||||||
tag="Fresh Daily"
|
<div className="w-full max-w-md">
|
||||||
tagIcon={Flame}
|
<div className="bg-white/90 backdrop-blur-lg rounded-2xl shadow-2xl border border-white/20 p-8 md:p-10">
|
||||||
tagAnimation="slide-up"
|
<div className="flex justify-center mb-6">
|
||||||
background={{ variant: "glowing-orb" }}
|
<div className="bg-gradient-to-br from-primary-cta to-accent p-3 rounded-full">
|
||||||
buttons={[
|
<Lock className="w-8 h-8 text-white" />
|
||||||
{
|
</div>
|
||||||
text: "Call to Order", href: "tel:2397850423"},
|
</div>
|
||||||
]}
|
|
||||||
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 */}
|
<h1 className="text-3xl font-bold text-center text-gray-900 mb-2">
|
||||||
<div id="menu-categories" data-section="menu-categories" className="py-20">
|
Full Menu
|
||||||
<div className="max-w-6xl mx-auto px-4">
|
</h1>
|
||||||
<h2 className="text-3xl font-bold text-center mb-12">Browse by Category</h2>
|
<p className="text-center text-gray-600 mb-8">
|
||||||
|
Enter the password to view our complete menu with all available dishes and specials.
|
||||||
|
</p>
|
||||||
|
|
||||||
<div className="flex flex-wrap justify-center gap-4 mb-12">
|
<form onSubmit={handlePasswordSubmit} className="space-y-4">
|
||||||
{[
|
<div>
|
||||||
{ id: "mains", label: "Mains" },
|
<label htmlFor="password" className="block text-sm font-medium text-gray-700 mb-2">
|
||||||
{ id: "sandwiches", label: "Sandwiches" },
|
Password
|
||||||
{ id: "sides", label: "Sides" },
|
</label>
|
||||||
{ id: "drinks", label: "Drinks" },
|
<input
|
||||||
{ id: "specials", label: "Specials" },
|
id="password"
|
||||||
].map((cat) => (
|
type="password"
|
||||||
<button
|
value={password}
|
||||||
key={cat.id}
|
onChange={(e) => setPassword(e.target.value)}
|
||||||
onClick={() => setActiveCategory(cat.id)}
|
placeholder="Enter password"
|
||||||
className={`px-6 py-2 rounded-full transition-all ${ activeCategory === cat.id
|
className="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary-cta focus:border-transparent"
|
||||||
? "bg-gradient-to-r from-orange-500 to-red-500 text-white"
|
/>
|
||||||
: "bg-gray-200 text-gray-800 hover:bg-gray-300"
|
</div>
|
||||||
}`}
|
|
||||||
>
|
{error && (
|
||||||
{cat.label}
|
<div className="p-3 bg-red-50 border border-red-200 rounded-lg">
|
||||||
</button>
|
<p className="text-sm text-red-600">{error}</p>
|
||||||
))}
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<button
|
||||||
|
type="submit"
|
||||||
|
className="w-full bg-gradient-to-r from-primary-cta to-accent text-white py-3 rounded-lg font-semibold hover:opacity-90 transition-opacity"
|
||||||
|
>
|
||||||
|
Unlock Menu
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<p className="text-center text-xs text-gray-500 mt-6">
|
||||||
|
For password assistance, please contact us
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
) : (
|
||||||
|
// Full Menu View
|
||||||
|
<div className="max-w-6xl mx-auto px-4 py-12 md:py-20">
|
||||||
|
<div className="mb-8 flex items-center gap-4">
|
||||||
|
<Link
|
||||||
|
href="/#signature-dishes"
|
||||||
|
className="flex items-center gap-2 text-primary-cta hover:opacity-70 transition-opacity"
|
||||||
|
>
|
||||||
|
<ArrowLeft className="w-5 h-5" />
|
||||||
|
Back to Home
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
|
||||||
<ProductCardFour
|
<h1 className="text-4xl md:text-5xl font-bold text-gray-900 mb-4">
|
||||||
title={`${activeCategory.charAt(0).toUpperCase() + activeCategory.slice(1)} Selection`}
|
Full Menu
|
||||||
description={`Discover our premium ${activeCategory} offerings, each crafted with authentic Caribbean passion.`}
|
</h1>
|
||||||
tag="Featured"
|
<p className="text-lg text-gray-600 mb-12">
|
||||||
tagIcon={Flame}
|
Discover all of our authentic Caribbean dishes, crafted with love and served fresh off the grill.
|
||||||
tagAnimation="slide-up"
|
</p>
|
||||||
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 */}
|
{/* Menu Sections */}
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div className="space-y-12">
|
||||||
<TestimonialCardThirteen
|
{/* Main Dishes */}
|
||||||
title="What Customers Say About Our Menu"
|
<div className="bg-white/80 backdrop-blur-lg rounded-2xl shadow-lg border border-white/20 p-8 md:p-10">
|
||||||
description="Real reviews from real Caribbean Flair customers who love our authentic flavors."
|
<h2 className="text-2xl md:text-3xl font-bold text-gray-900 mb-8">Main Dishes</h2>
|
||||||
tag="5-Star Rated"
|
<div className="grid md:grid-cols-2 gap-6">
|
||||||
tagIcon={Star}
|
<div className="pb-6 border-b md:border-b-0 md:pb-0">
|
||||||
tagAnimation="slide-up"
|
<h3 className="text-lg font-semibold text-gray-900">Jerk Chicken Platter</h3>
|
||||||
textboxLayout="default"
|
<p className="text-gray-600 text-sm mt-1 mb-3">Marinated in authentic Caribbean spices, grilled to perfection. Served with rice & peas, festival dumplings, and tropical slaw.</p>
|
||||||
animationType="slide-up"
|
<p className="text-primary-cta font-bold text-lg">$15.95</p>
|
||||||
useInvertedBackground={true}
|
</div>
|
||||||
showRating={true}
|
<div className="pb-6 border-b md:border-b-0 md:pb-0">
|
||||||
testimonials={[
|
<h3 className="text-lg font-semibold text-gray-900">Curry Shrimp Platter</h3>
|
||||||
{
|
<p className="text-gray-600 text-sm mt-1 mb-3">Fresh shrimp in our signature curry sauce with Caribbean seasonings. Includes rice & peas, festival dumplings, and tropical slaw.</p>
|
||||||
id: "review-1", name: "Sarah Johnson", handle: "@sarahjohn2024", testimonial:
|
<p className="text-primary-cta font-bold text-lg">$16.95</p>
|
||||||
"Every dish on the menu is packed with authentic island flavor! The variety is amazing.", rating: 5,
|
</div>
|
||||||
imageSrc:
|
<div className="pb-6 md:pb-0">
|
||||||
"http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg?_wi=1", imageAlt: "Sarah Johnson"},
|
<h3 className="text-lg font-semibold text-gray-900">Curry Goat</h3>
|
||||||
{
|
<p className="text-gray-600 text-sm mt-1 mb-3">Tender goat meat cooked in rich curry sauce with traditional island spices. Served with rice & peas and festival dumplings.</p>
|
||||||
id: "review-2", name: "Michael Chen", handle: "@mikeflavorseek", testimonial:
|
<p className="text-primary-cta font-bold text-lg">$17.95</p>
|
||||||
"Tried everything on the menu. Each item is better than the last. Highly recommend!", rating: 5,
|
</div>
|
||||||
imageSrc:
|
<div>
|
||||||
"http://img.b2bpic.net/free-photo/couple-enjoying-spending-good-time-together-while-having-date-restaurant_58466-16035.jpg?_wi=1", imageAlt: "Michael Chen"},
|
<h3 className="text-lg font-semibold text-gray-900">Escovitch Fish</h3>
|
||||||
{
|
<p className="text-gray-600 text-sm mt-1 mb-3">Fresh fish prepared Jamaican style with pickled vegetables. Authentic island flavors in every bite.</p>
|
||||||
id: "review-3", name: "Amanda Davis", handle: "@amandataste", testimonial:
|
<p className="text-primary-cta font-bold text-lg">$16.95</p>
|
||||||
"The menu showcases real Caribbean recipes. You can taste the authenticity in every bite.", rating: 5,
|
</div>
|
||||||
imageSrc:
|
</div>
|
||||||
"http://img.b2bpic.net/free-photo/sideways-shot-attractive-curly-woman-has-happy-expression-enjoys-electronic-song-modern-headphones-has-recreation-time-reads-text-message-cell-phone_273609-3485.jpg?_wi=1", imageAlt: "Amanda Davis"},
|
</div>
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Final CTA Section */}
|
{/* Sides & Appetizers */}
|
||||||
<div id="final-cta" data-section="final-cta">
|
<div className="bg-white/80 backdrop-blur-lg rounded-2xl shadow-lg border border-white/20 p-8 md:p-10">
|
||||||
<FeatureCardTen
|
<h2 className="text-2xl md:text-3xl font-bold text-gray-900 mb-8">Sides & Appetizers</h2>
|
||||||
title="Ready to Order?"
|
<div className="grid md:grid-cols-2 gap-6">
|
||||||
description="Choose your favorite items from our authentic Caribbean menu and get them fresh off the grill."
|
<div className="pb-6 border-b md:border-b-0 md:pb-0">
|
||||||
tag="Ready to Order"
|
<h3 className="text-lg font-semibold text-gray-900">Conch Fritters Combo</h3>
|
||||||
tagIcon={Zap}
|
<p className="text-gray-600 text-sm mt-1 mb-3">6 pieces of golden, crispy conch fritters. Served with house-made dipping sauce.</p>
|
||||||
tagAnimation="slide-up"
|
<p className="text-primary-cta font-bold text-lg">$12.95</p>
|
||||||
buttons={[
|
</div>
|
||||||
{
|
<div className="pb-6 border-b md:border-b-0 md:pb-0">
|
||||||
text: "Call (239) 785-0423", href: "tel:2397850423"},
|
<h3 className="text-lg font-semibold text-gray-900">Festival Dumplings</h3>
|
||||||
{
|
<p className="text-gray-600 text-sm mt-1 mb-3">Crispy, golden fried dumplings. A Caribbean classic that pairs perfectly with any main dish.</p>
|
||||||
text: "Visit Us Today", href: "/"},
|
<p className="text-primary-cta font-bold text-lg">$4.95</p>
|
||||||
]}
|
</div>
|
||||||
buttonAnimation="slide-up"
|
<div className="pb-6 md:pb-0">
|
||||||
textboxLayout="default"
|
<h3 className="text-lg font-semibold text-gray-900">Creamy Island Mac & Cheese</h3>
|
||||||
animationType="slide-up"
|
<p className="text-gray-600 text-sm mt-1 mb-3">Smooth, rich, and soul-warming. The perfect comfort food complement to our island mains.</p>
|
||||||
useInvertedBackground={true}
|
<p className="text-primary-cta font-bold text-lg">$5.95</p>
|
||||||
features={[
|
</div>
|
||||||
{
|
<div>
|
||||||
id: "quality", title: "Authentic Quality", description:
|
<h3 className="text-lg font-semibold text-gray-900">Tropical Slaw</h3>
|
||||||
"Every item prepared with premium ingredients and authentic Caribbean techniques.", media: {
|
<p className="text-gray-600 text-sm mt-1 mb-3">Fresh, crisp coleslaw with a tropical twist. Light and refreshing alongside any dish.</p>
|
||||||
imageSrc:
|
<p className="text-primary-cta font-bold text-lg">$3.95</p>
|
||||||
"http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1"},
|
</div>
|
||||||
items: [
|
</div>
|
||||||
{
|
</div>
|
||||||
icon: Zap,
|
|
||||||
text: "Fresh Daily"},
|
|
||||||
{
|
|
||||||
icon: TrendingUp,
|
|
||||||
text: "Peak Quality"},
|
|
||||||
],
|
|
||||||
reverse: false,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Footer */}
|
{/* Beverages */}
|
||||||
<div id="footer" data-section="footer">
|
<div className="bg-white/80 backdrop-blur-lg rounded-2xl shadow-lg border border-white/20 p-8 md:p-10">
|
||||||
<FooterMedia
|
<h2 className="text-2xl md:text-3xl font-bold text-gray-900 mb-8">Beverages</h2>
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=1"
|
<div className="grid md:grid-cols-2 gap-6">
|
||||||
imageAlt="Caribbean Flair Island Jerk Grill Trailer"
|
<div className="pb-6 border-b md:border-b-0 md:pb-0">
|
||||||
logoText="Caribbean Flair"
|
<h3 className="text-lg font-semibold text-gray-900">Island Ginger Beer</h3>
|
||||||
copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
|
<p className="text-gray-600 text-sm mt-1 mb-3">Refreshing traditional Caribbean ginger beer. Perfectly spiced and ice-cold.</p>
|
||||||
columns={footerColumns}
|
<p className="text-primary-cta font-bold text-lg">$2.95</p>
|
||||||
/>
|
</div>
|
||||||
|
<div className="pb-6 md:pb-0">
|
||||||
|
<h3 className="text-lg font-semibold text-gray-900">Fresh Tropical Juice</h3>
|
||||||
|
<p className="text-gray-600 text-sm mt-1 mb-3">Mango, passion fruit, or guava. Fresh squeezed island flavors in every sip.</p>
|
||||||
|
<p className="text-primary-cta font-bold text-lg">$3.95</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Call to Action */}
|
||||||
|
<div className="mt-12 bg-gradient-to-r from-primary-cta to-accent rounded-2xl shadow-lg p-8 md:p-10 text-white text-center">
|
||||||
|
<h2 className="text-2xl md:text-3xl font-bold mb-4">Ready to Order?</h2>
|
||||||
|
<p className="text-white/90 mb-6">Call us at (239) 785-0423 or visit our location for fresh Caribbean flavors made to order.</p>
|
||||||
|
<a
|
||||||
|
href="tel:2397850423"
|
||||||
|
className="inline-block bg-white text-primary-cta px-8 py-3 rounded-lg font-semibold hover:opacity-90 transition-opacity"
|
||||||
|
>
|
||||||
|
Call Now
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
137
src/app/page.tsx
137
src/app/page.tsx
@@ -22,7 +22,6 @@ import {
|
|||||||
Phone,
|
Phone,
|
||||||
ShoppingCart,
|
ShoppingCart,
|
||||||
X,
|
X,
|
||||||
Instagram,
|
|
||||||
MapPin,
|
MapPin,
|
||||||
Clock,
|
Clock,
|
||||||
} from "lucide-react";
|
} from "lucide-react";
|
||||||
@@ -77,8 +76,7 @@ export default function HomePage() {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect With Us", items: [
|
title: "Connect With Us", items: [
|
||||||
{ label: "Facebook", href: "https://facebook.com/caribbeanflair" },
|
{ label: "Facebook", href: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr" },
|
||||||
{ label: "Instagram", href: "https://instagram.com/caribbeanflair" },
|
|
||||||
{ label: "Privacy Policy", href: "#" },
|
{ label: "Privacy Policy", href: "#" },
|
||||||
{ label: "Terms of Service", href: "#" },
|
{ label: "Terms of Service", href: "#" },
|
||||||
],
|
],
|
||||||
@@ -233,7 +231,8 @@ export default function HomePage() {
|
|||||||
brandName="Caribbean Flair"
|
brandName="Caribbean Flair"
|
||||||
navItems={navItems}
|
navItems={navItems}
|
||||||
button={{
|
button={{
|
||||||
text: "Order Now", href: "#signature-dishes"}}
|
text: "See Full Menu", href: "/menu"
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -256,9 +255,9 @@ export default function HomePage() {
|
|||||||
{item.name}
|
{item.name}
|
||||||
</a>
|
</a>
|
||||||
))}
|
))}
|
||||||
<button className="w-full bg-primary-cta text-white py-2 rounded-lg font-semibold hover:opacity-90">
|
<a href="/menu" className="w-full bg-primary-cta text-white py-2 rounded-lg font-semibold hover:opacity-90 text-center block">
|
||||||
Order Online
|
See Full Menu
|
||||||
</button>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -275,9 +274,9 @@ export default function HomePage() {
|
|||||||
<Phone className="w-6 h-6 text-primary-cta group-hover:scale-110 transition-transform" />
|
<Phone className="w-6 h-6 text-primary-cta group-hover:scale-110 transition-transform" />
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
href="#signature-dishes"
|
href="/menu"
|
||||||
className="bg-gradient-to-r from-primary-cta to-accent text-white rounded-full p-4 shadow-lg hover:shadow-xl transition-all flex items-center justify-center group font-semibold"
|
className="bg-gradient-to-r from-primary-cta to-accent text-white rounded-full p-4 shadow-lg hover:shadow-xl transition-all flex items-center justify-center group font-semibold"
|
||||||
title="Order Now"
|
title="See Full Menu"
|
||||||
>
|
>
|
||||||
<ShoppingCart className="w-6 h-6 group-hover:scale-110 transition-transform" />
|
<ShoppingCart className="w-6 h-6 group-hover:scale-110 transition-transform" />
|
||||||
</a>
|
</a>
|
||||||
@@ -321,12 +320,14 @@ export default function HomePage() {
|
|||||||
background={{ variant: "glowing-orb" }}
|
background={{ variant: "glowing-orb" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Order Online Now", href: "#signature-dishes"},
|
text: "Order Online Now", href: "/menu"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
text: "View Full Menu", href: "#signature-dishes"},
|
text: "View Full Menu", href: "/menu"
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-2gw0wih3.jpg?_wi=3"
|
imageSrc="data:image/svg+xml,%3Csvg xmlns=?_wi=1'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E"
|
||||||
imageAlt="Red Caribbean Flair Island Jerk Grill Trailer"
|
imageAlt="Red Caribbean Flair Island Jerk Grill Trailer"
|
||||||
mediaAnimation="opacity"
|
mediaAnimation="opacity"
|
||||||
imagePosition="right"
|
imagePosition="right"
|
||||||
@@ -344,7 +345,8 @@ export default function HomePage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore Full Menu", href: "#signature-dishes"},
|
text: "Explore Full Menu", href: "/menu"
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
@@ -354,13 +356,16 @@ export default function HomePage() {
|
|||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "jerk-chicken", name: "Jerk Chicken Platter", price: "$15.95", variant: "Full Rack", imageSrc:
|
id: "jerk-chicken", name: "Jerk Chicken Platter", price: "$15.95", variant: "Full Rack", imageSrc:
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-wha24yfi.jpg?_wi=2", imageAlt: "Jerk chicken grilled on foil with spices"},
|
"data:image/svg+xml,%3Csvg xmlns=?_wi=2'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Jerk chicken grilled on foil with spices"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "curry-shrimp", name: "Curry Shrimp Platter", price: "$16.95", variant: "Fresh Daily", imageSrc:
|
id: "curry-shrimp", name: "Curry Shrimp Platter", price: "$16.95", variant: "Fresh Daily", imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/side-view-fried-eggs-with-shrimps-vegetables-pan-served-with-sauces_140725-11952.jpg?_wi=1", imageAlt: "Curry shrimp over rice and peas"},
|
"data:image/svg+xml,%3Csvg xmlns=?_wi=3'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Curry shrimp over rice and peas"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "conch-fritters", name: "Conch Fritters Combo", price: "$12.95", variant: "6 Pieces", imageSrc:
|
id: "conch-fritters", name: "Conch Fritters Combo", price: "$12.95", variant: "6 Pieces", imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/chicken-nuggets-served-with-french-fries-sauces_140725-5759.jpg?_wi=1", imageAlt: "Golden conch fritters with dipping sauce"},
|
"data:image/svg+xml,%3Csvg xmlns=?_wi=4'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Golden conch fritters with dipping sauce"
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -380,34 +385,40 @@ export default function HomePage() {
|
|||||||
{
|
{
|
||||||
id: "jerk-pork", category: "Main Dishes", title: "Jerk Pork Did Not Disappoint", excerpt:
|
id: "jerk-pork", category: "Main Dishes", title: "Jerk Pork Did Not Disappoint", excerpt:
|
||||||
"Perfectly seasoned and grilled, bursting with island spices and authentic Jamaican flavor.", imageSrc:
|
"Perfectly seasoned and grilled, bursting with island spices and authentic Jamaican flavor.", imageSrc:
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-qcfdeh7f.jpg?_wi=2", imageAlt: "Jerk pork platter with rice and tropical slaw", authorName: "Caribbean Flair Team", authorAvatar:
|
"data:image/svg+xml,%3Csvg xmlns=?_wi=5'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Jerk pork platter with rice and tropical slaw", authorName: "Caribbean Flair Team", authorAvatar:
|
||||||
"http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", date: "Fresh Daily"},
|
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E", date: "Fresh Daily"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "curry-goat", category: "Featured", title: "Curry Goat - A Community Favorite", excerpt:
|
id: "curry-goat", category: "Featured", title: "Curry Goat - A Community Favorite", excerpt:
|
||||||
"Tender, aromatic, and cooked to perfection. Every bite transports you straight to Jamaica.", imageSrc:
|
"Tender, aromatic, and cooked to perfection. Every bite transports you straight to Jamaica.", imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/rice-dish-with-sauce-near-spices_23-2147894777.jpg?_wi=1", imageAlt: "Rich curry goat served over rice and peas", authorName: "Caribbean Flair Team", authorAvatar:
|
"data:image/svg+xml,%3Csvg xmlns=?_wi=6'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Rich curry goat served over rice and peas", authorName: "Caribbean Flair Team", authorAvatar:
|
||||||
"http://img.b2bpic.net/free-vector/colorful-avatars_23-2147502919.jpg", date: "Popular Choice"},
|
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E", date: "Popular Choice"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "festival-sides", category: "Sides", title: "Festival Dumplings & Tropical Slaw", excerpt:
|
id: "festival-sides", category: "Sides", title: "Festival Dumplings & Tropical Slaw", excerpt:
|
||||||
"Crispy, golden festival dumplings paired with our signature tropical slaw for the perfect complement.", imageSrc:
|
"Crispy, golden festival dumplings paired with our signature tropical slaw for the perfect complement.", imageSrc:
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-dk53z92a.jpg?_wi=2", imageAlt:
|
"data:image/svg+xml,%3Csvg xmlns=?_wi=7'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt:
|
||||||
"Festival dumplings with tropical slaw and mac and cheese", authorName: "Caribbean Flair Team", authorAvatar:
|
"Festival dumplings with tropical slaw and mac and cheese", authorName: "Caribbean Flair Team", authorAvatar:
|
||||||
"http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", date: "Must Try"},
|
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E", date: "Must Try"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "escovitch-fish", category: "Seafood", title: "Escovitch Fish - Island Tradition", excerpt:
|
id: "escovitch-fish", category: "Seafood", title: "Escovitch Fish - Island Tradition", excerpt:
|
||||||
"Fresh fish prepared in authentic Jamaican style with pickled vegetables and bold island flavors.", imageSrc:
|
"Fresh fish prepared in authentic Jamaican style with pickled vegetables and bold island flavors.", imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/grilled-chicken-served-with-aubergine-lemon-parsley_140725-1554.jpg?_wi=1", imageAlt: "Escovitch fish with pickled vegetables and lime", authorName: "Caribbean Flair Team", authorAvatar:
|
"data:image/svg+xml,%3Csvg xmlns=?_wi=8'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Escovitch fish with pickled vegetables and lime", authorName: "Caribbean Flair Team", authorAvatar:
|
||||||
"http://img.b2bpic.net/free-photo/young-male-holding-hands-pockets-white-shirt-jacket-looking-elegant-front-view_176474-99655.jpg", date: "Customer Favorite"},
|
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E", date: "Customer Favorite"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "mac-cheese", category: "Sides", title: "Creamy Island Mac & Cheese", excerpt:
|
id: "mac-cheese", category: "Sides", title: "Creamy Island Mac & Cheese", excerpt:
|
||||||
"Smooth, rich, and soul-warming comfort food that pairs perfectly with any of our signature mains.", imageSrc:
|
"Smooth, rich, and soul-warming comfort food that pairs perfectly with any of our signature mains.", imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/delicious-food-presentation_23-2151914003.jpg?_wi=1", imageAlt: "Creamy mac and cheese side dish", authorName: "Caribbean Flair Team", authorAvatar:
|
"data:image/svg+xml,%3Csvg xmlns=?_wi=9'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Creamy mac and cheese side dish", authorName: "Caribbean Flair Team", authorAvatar:
|
||||||
"http://img.b2bpic.net/free-photo/pleased-young-brunette-caucasian-girl-looks-camera_141793-103873.jpg", date: "Comfort Classic"},
|
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E", date: "Comfort Classic"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "grill-action", category: "Behind the Scenes", title: "Fresh Off The Grill - Live Action", excerpt:
|
id: "grill-action", category: "Behind the Scenes", title: "Fresh Off The Grill - Live Action", excerpt:
|
||||||
"Watch our expert grill masters prepare your meal with passion, precision, and authentic Caribbean technique.", imageSrc:
|
"Watch our expert grill masters prepare your meal with passion, precision, and authentic Caribbean technique.", imageSrc:
|
||||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773849790665-y2tu4f81.jpg?_wi=2", imageAlt: "Chef grilling jerk meats on foil with smoke", authorName: "Caribbean Flair Team", authorAvatar:
|
"data:image/svg+xml,%3Csvg xmlns=?_wi=10'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Chef grilling jerk meats on foil with smoke", authorName: "Caribbean Flair Team", authorAvatar:
|
||||||
"http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", date: "Daily Special"},
|
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EAuthor%3C/text%3E%3C/svg%3E", date: "Daily Special"
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -426,35 +437,30 @@ export default function HomePage() {
|
|||||||
showRating={true}
|
showRating={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "review-1", name: "Sarah Johnson", handle: "@sarahjohn2024", testimonial:
|
id: "review-1", name: "A wonderful escape from the rush", handle: "@happycustomer", testimonial: "Caribbean Flair is like stepping into a tropical paradise in the middle of Lehigh Acres. The food is authentic, the portions are generous, and you can taste the passion in every bite. Highly recommend!", rating: 5,
|
||||||
"Every dish packed with authentic island flavor! Teria and Deb truly know how to deliver Caribbean excellence.", rating: 5,
|
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/young-woman-eating-delicious-tiramisu-cafe_1303-25270.jpg?_wi=1", imageAlt: "Sarah Johnson smiling"},
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120920-110y3vfr.png", imageAlt: "Happy customer"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "review-2", name: "Michael Chen", handle: "@mikeflavorseek", testimonial:
|
id: "review-2", name: "Authentic flavors that transport you", handle: "@flavorseeker", testimonial: "Every time I order from Caribbean Flair, I feel like I'm on vacation. The jerk seasoning is perfect, the sides are fresh, and Teria and Deb's passion for the business really shows. This is the real deal!", rating: 5,
|
||||||
"Jerk pork did not disappoint! Best food truck in Lehigh Acres. Fresh, authentic, and made with real passion.", rating: 5,
|
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/couple-enjoying-spending-good-time-together-while-having-date-restaurant_58466-16035.jpg?_wi=1", imageAlt: "Michael Chen enjoying Caribbean Flair"},
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120921-5ihmnmey.png", imageAlt: "Satisfied diner"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "review-3", name: "Amanda Davis", handle: "@amandataste", testimonial:
|
id: "review-3", name: "Supporting local black-owned excellence", handle: "@communityproud", testimonial: "I love supporting local black-owned and women-owned businesses, and Caribbean Flair is setting the bar high. The quality of food is on par with restaurants charging twice the price. This is what community means!", rating: 5,
|
||||||
"The curry shrimp is absolutely incredible! You can taste the love in every bite. Supporting Black-owned, women-owned businesses never tasted so good.", rating: 5,
|
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/sideways-shot-attractive-curly-woman-has-happy-expression-enjoys-electronic-song-modern-headphones-has-recreation-time-reads-text-message-cell-phone_273609-3485.jpg?_wi=1", imageAlt: "Amanda Davis with Caribbean Flair meal"},
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120921-a2zauysc.png", imageAlt: "Community supporter"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "review-4", name: "David Martinez", handle: "@davidsflavorquests", testimonial:
|
id: "review-4", name: "Best food truck experience ever", handle: "@foodlover", testimonial: "I've been to a lot of food trucks, but Caribbean Flair stands out. Fresh ingredients, perfect seasoning, quick service, and amazing people running it. This is exactly what Lehigh Acres needed!", rating: 5,
|
||||||
"Finally, real Caribbean food in Lehigh Acres! The menu, the quality, the service—everything is top-tier. This is my new favorite spot.", rating: 5,
|
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4005.jpg?_wi=1", imageAlt: "David Martinez at Caribbean Flair"},
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120921-ulw90m6s.png", imageAlt: "Food enthusiast"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "review-5", name: "Jessica Williams", handle: "@jessicaeats_local", testimonial:
|
id: "review-5", name: "Worth every penny", handle: "@valueseeker", testimonial: "For the quality and quantity of food you get at Caribbean Flair, the prices are incredibly fair. You're not just getting a meal, you're getting an authentic Caribbean experience made with love and expertise.", rating: 5,
|
||||||
"Conch fritters are crispy heaven! The whole experience feels premium yet so authentic. Teria and Deb are changing the food game.", rating: 5,
|
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/friends-eating-barbecue_23-2148733607.jpg?_wi=1", imageAlt: "Jessica Williams enjoying meal"},
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773858120921-j0in75sv.png", imageAlt: "Value-conscious customer"
|
||||||
{
|
},
|
||||||
id: "review-6", name: "Robert Thompson", handle: "@robfeeds", testimonial:
|
|
||||||
"Island fusion done right. The quality of ingredients and cooking technique is professional-level. Worth every penny and the drive. Highly recommend!", rating: 5,
|
|
||||||
imageSrc:
|
|
||||||
"http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg?_wi=1", imageAlt: "Robert Thompson thumbs up"},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -462,8 +468,8 @@ export default function HomePage() {
|
|||||||
{/* Owners Spotlight Section */}
|
{/* Owners Spotlight Section */}
|
||||||
<div id="owners-spotlight" data-section="owners-spotlight">
|
<div id="owners-spotlight" data-section="owners-spotlight">
|
||||||
<TeamCardTwo
|
<TeamCardTwo
|
||||||
title="Meet the Island Visionaries"
|
title="Meet the Owners"
|
||||||
description="Teria Bryant and Deb Farrell: Passionate Black-owned, women-owned entrepreneurs bringing authentic Caribbean soul to Lehigh Acres."
|
description="Teris Bryan and Deb Farrell: Passionate entrepreneurs bringing authentic Caribbean soul to Lehigh Acres."
|
||||||
tag="Community Leaders"
|
tag="Community Leaders"
|
||||||
tagIcon={Heart}
|
tagIcon={Heart}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
@@ -474,20 +480,22 @@ export default function HomePage() {
|
|||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "teria-bryant", name: "Teria Bryant", role: "Founder & Head Chef", description:
|
id: "teria-bryant", name: "Teria Bryant", role: "Founder & Head Chef", description:
|
||||||
"Teria brings 15+ years of Caribbean culinary expertise and authentic island passion to every dish. Her vision transformed Caribbean Flair from a dream into a premium dining destination serving Lehigh Acres with pride.", imageSrc:
|
"Teria brings 15+ years of Caribbean culinary expertise and authentic island passion to every dish. They transformed Caribbean Flair from a dream into a premium dining destination serving Lehigh Acres with pride.", videoSrc:
|
||||||
"http://img.b2bpic.net/free-photo/medium-shot-professional-chef-working_23-2151232185.jpg?_wi=1", imageAlt: "Teria Bryant, founder of Caribbean Flair", socialLinks: [
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773857612004-vaw7ydy1.jpg", videoAriaLabel: "Teria Bryant, founder of Caribbean Flair", socialLinks: [
|
||||||
{
|
{
|
||||||
icon: Facebook,
|
icon: Facebook,
|
||||||
url: "https://facebook.com/caribbeanflair"},
|
url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr"
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "deb-farrell", name: "Deb Farrell", role: "Co-Owner & Operations Lead", description:
|
id: "deb-farrell", name: "Deb Farrell", role: "Co-Owner & Operations Lead", description:
|
||||||
"Deb ensures every customer experience is smooth, welcoming, and unforgettable. Together with Teria, she's building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.", imageSrc:
|
"Deb ensures every customer experience is smooth, welcoming, and unforgettable. Together with Teria, they are building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.", videoSrc:
|
||||||
"http://img.b2bpic.net/free-photo/successful-business-woman-blue-suit_158595-5024.jpg?_wi=1", imageAlt: "Deb Farrell, co-owner of Caribbean Flair", socialLinks: [
|
"data:image/svg+xml,%3Csvg xmlns=?_wi=18'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", videoAriaLabel: "Deb Farrell, co-owner of Caribbean Flair", socialLinks: [
|
||||||
{
|
{
|
||||||
icon: Facebook,
|
icon: Facebook,
|
||||||
url: "https://facebook.com/caribbeanflair"},
|
url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr"
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -504,9 +512,11 @@ export default function HomePage() {
|
|||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Order Online Now", href: "#signature-dishes"},
|
text: "Order Online Now", href: "/menu"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
text: "Call (239) 785-0423", href: "tel:2397850423"},
|
text: "Call (239) 785-0423", href: "tel:2397850423"
|
||||||
|
},
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
@@ -517,14 +527,17 @@ export default function HomePage() {
|
|||||||
id: "fast-delivery", title: "Fast & Fresh", description:
|
id: "fast-delivery", title: "Fast & Fresh", description:
|
||||||
"Grilled fresh to order. Your meal arrives hot, delicious, and packed with island flavor.", media: {
|
"Grilled fresh to order. Your meal arrives hot, delicious, and packed with island flavor.", media: {
|
||||||
imageSrc:
|
imageSrc:
|
||||||
"http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=1"},
|
"data:image/svg+xml,%3Csvg xmlns=?_wi=19'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E"
|
||||||
|
},
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
icon: Zap,
|
icon: Zap,
|
||||||
text: "Ready in 15 minutes"},
|
text: "Ready in 15 minutes"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
icon: TrendingUp,
|
icon: TrendingUp,
|
||||||
text: "Peak fresh quality"},
|
text: "Peak fresh quality"
|
||||||
|
},
|
||||||
],
|
],
|
||||||
reverse: false,
|
reverse: false,
|
||||||
},
|
},
|
||||||
@@ -535,7 +548,7 @@ export default function HomePage() {
|
|||||||
{/* Footer with Local Map Info and Social Links */}
|
{/* Footer with Local Map Info and Social Links */}
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=1"
|
imageSrc="data:image/svg+xml,%3Csvg xmlns=?_wi=20'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E"
|
||||||
imageAlt="Caribbean Flair Island Jerk Grill Trailer"
|
imageAlt="Caribbean Flair Island Jerk Grill Trailer"
|
||||||
logoText="Caribbean Flair"
|
logoText="Caribbean Flair"
|
||||||
copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
|
copyrightText="© 2025 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
|
||||||
|
|||||||
Reference in New Issue
Block a user