Compare commits
17 Commits
version_26
...
version_32
| Author | SHA1 | Date | |
|---|---|---|---|
| caff5387f4 | |||
| 21dfdcb7c6 | |||
| 2f7fc96ae5 | |||
| 6cba71e662 | |||
| 3b0bc9f259 | |||
| 854f4562a4 | |||
| 738d3b38ca | |||
| 1ab299ae16 | |||
| fbe44d3bc3 | |||
| 9a8c9db72a | |||
| b07b1ee30c | |||
| 924a28671c | |||
| e72f4170f3 | |||
| 729138561e | |||
| 6687390aa1 | |||
| 1d61908e61 | |||
| 5f1f45e1c6 |
@@ -47,7 +47,7 @@ export default function GalleryPage() {
|
|||||||
{
|
{
|
||||||
title: "Connect With Us", items: [
|
title: "Connect With Us", 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: "/" },
|
{ label: "Privacy Policy", href: "/" },
|
||||||
{ label: "Terms of Service", href: "/" },
|
{ label: "Terms of Service", href: "/" },
|
||||||
],
|
],
|
||||||
@@ -66,7 +66,7 @@ export default function GalleryPage() {
|
|||||||
{
|
{
|
||||||
id: "user-upload-1", category: "Dishes", title: "Caribbean Delight", excerpt:
|
id: "user-upload-1", category: "Dishes", title: "Caribbean Delight", excerpt:
|
||||||
"Stunning presentation of our signature Caribbean feast with vibrant colors and authentic flavors.", imageSrc:
|
"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:
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1774024782095-k6jjvf7t.jpg", 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"},
|
"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:
|
id: "user-upload-2", category: "Dishes", title: "Island Feast Experience", excerpt:
|
||||||
|
|||||||
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
|||||||
import { DM_Sans } from "next/font/google";
|
import { DM_Sans } from "next/font/google";
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
|
|
||||||
const halant = Halant({
|
const halant = Halant({
|
||||||
@@ -24,16 +23,16 @@ const dmSans = DM_Sans({
|
|||||||
});
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "Caribbean Flair Island Jerk Grill | Authentic Jamaican Food | Lehigh Acres",
|
title: 'CaribbeanFlair1',
|
||||||
description: "Premium authentic Jamaican island fusion food truck in Lehigh Acres, FL. Jerk chicken, curry shrimp, conch fritters & more. Black & women-owned by Teria Bryant & Deb Farrell. Order online today!",
|
description: 'Caribbean vibes wrapped in a truck',
|
||||||
keywords: "jamaican food, jerk chicken, caribbean restaurant, food truck, lehigh acres, authentic jamaican cuisine, curry shrimp, conch fritters, black owned business, women owned business",
|
keywords: "jamaican food, jerk chicken, caribbean restaurant, food truck, lehigh acres, authentic jamaican cuisine, curry shrimp, conch fritters, black owned business, women owned business",
|
||||||
metadataBase: new URL("https://caribbeanflairgrill.com"),
|
metadataBase: new URL("https://caribbeanflairgrill.com"),
|
||||||
alternates: {
|
alternates: {
|
||||||
canonical: "https://caribbeanflairgrill.com",
|
canonical: "https://caribbeanflairgrill.com",
|
||||||
},
|
},
|
||||||
openGraph: {
|
openGraph: {
|
||||||
title: "Caribbean Flair Island Jerk Grill - Authentic Jamaican Island Flavors",
|
title: 'CaribbeanFlair1',
|
||||||
description: "Experience authentic Caribbean fusion. Fresh jerk meats, curry dishes & island soul food. Premium food truck in Lehigh Acres, FL.",
|
description: 'Caribbean vibes wrapped in a truck',
|
||||||
url: "https://caribbeanflairgrill.com",
|
url: "https://caribbeanflairgrill.com",
|
||||||
siteName: "Caribbean Flair Island Jerk Grill",
|
siteName: "Caribbean Flair Island Jerk Grill",
|
||||||
type: "website",
|
type: "website",
|
||||||
@@ -46,9 +45,9 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
twitter: {
|
twitter: {
|
||||||
card: "summary_large_image",
|
card: "summary_large_image",
|
||||||
title: "Caribbean Flair Island Jerk Grill - Authentic Jamaican Flavors",
|
title: 'CaribbeanFlair1',
|
||||||
description: "Order authentic Caribbean food truck fare. Jerk, curry, and soul food made with love.",
|
description: 'Caribbean vibes wrapped in a truck',
|
||||||
images: ["http://img.b2bpic.net/free-vector/summer-label-collectio_23-2148160410.jpg"],
|
images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1774035733410-heoi30la.png"],
|
||||||
},
|
},
|
||||||
robots: {
|
robots: {
|
||||||
index: true,
|
index: true,
|
||||||
@@ -67,7 +66,7 @@ export default function RootLayout({
|
|||||||
<body
|
<body
|
||||||
className={`${halant.variable} ${inter.variable} ${dmSans.variable} antialiased`}
|
className={`${halant.variable} ${inter.variable} ${dmSans.variable} antialiased`}
|
||||||
>
|
>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
@@ -4,9 +4,9 @@ import Link from "next/link";
|
|||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||||
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||||
import { Award, Camera, Phone, ShoppingCart } from "lucide-react";
|
import { Award, Flame, Phone, ShoppingCart } from "lucide-react";
|
||||||
import { useState, useEffect } from "react";
|
import { useState, useEffect } from "react";
|
||||||
|
|
||||||
export default function MenuPage() {
|
export default function MenuPage() {
|
||||||
@@ -44,16 +44,16 @@ export default function MenuPage() {
|
|||||||
title: "Quick Links", items: [
|
title: "Quick Links", items: [
|
||||||
{ label: "Home", href: "/" },
|
{ label: "Home", href: "/" },
|
||||||
{ label: "Menu", href: "/menu" },
|
{ label: "Menu", href: "/menu" },
|
||||||
{ label: "Gallery", href: "#featured-gallery" },
|
{ label: "Gallery", href: "/gallery" },
|
||||||
{ label: "Reviews", href: "#testimonials" },
|
{ label: "Reviews", href: "/reviews" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Order & Contact", items: [
|
title: "Order & Contact", items: [
|
||||||
{ label: "Order Online", href: "/order-now" },
|
{ label: "Order Online", href: "/order-now" },
|
||||||
{ label: "Call Us", href: "tel:2397850423" },
|
{ label: "Call Us", href: "tel:2397850423" },
|
||||||
{ label: "Locations & Hours", href: "#footer" },
|
{ label: "Locations & Hours", href: "/locations" },
|
||||||
{ label: "Contact", href: "#footer" },
|
{ label: "Contact", href: "/contact" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -73,6 +73,45 @@ export default function MenuPage() {
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
// All 5 menu pages with their images
|
||||||
|
const menuPages = [
|
||||||
|
{
|
||||||
|
id: "menu-page-1", name: "Menu Page 1", title: "Main Dishes", description: "Signature jerk meats, curry specialties, and authentic Caribbean proteins grilled fresh to order.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773931203656-6q5n09tb.jpg", imageAlt: "Menu Page 1 - Main Dishes", items: [
|
||||||
|
{ name: "Jerk Chicken Platter", price: "$15.95", variant: "Full Rack" },
|
||||||
|
{ name: "Curry Goat Platter", price: "$17.95", variant: "Tender & Aromatic" },
|
||||||
|
{ name: "Jerk Pork Platter", price: "$16.95", variant: "Juicy & Spiced" },
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "menu-page-2", name: "Menu Page 2", title: "Seafood & Appetizers", description: "Fresh seafood selections and delicious appetizers to start your island feast.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773931203656-k0zmv702.jpg", imageAlt: "Menu Page 2 - Seafood & Appetizers", items: [
|
||||||
|
{ name: "Escovitch Fish", price: "$18.95", variant: "Island Tradition" },
|
||||||
|
{ name: "Curry Shrimp Platter", price: "$16.95", variant: "Fresh Daily" },
|
||||||
|
{ name: "Conch Fritters Combo", price: "$12.95", variant: "6 Pieces" },
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "menu-page-3", name: "Menu Page 3", title: "Sandwiches & Wraps", description: "Fresh-grilled sandwiches and wraps packed with authentic Caribbean flavors.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773931203656-uswy1139.jpg", imageAlt: "Menu Page 3 - Sandwiches & Wraps", items: [
|
||||||
|
{ name: "Jerk Chicken Sandwich", price: "$11.95", variant: "Fresh Bread" },
|
||||||
|
{ name: "Curry Goat Sandwich", price: "$12.95", variant: "Hearty & Flavorful" },
|
||||||
|
{ name: "Pulled Pork Sandwich", price: "$11.95", variant: "Smoky & Tender" },
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "menu-page-4", name: "Menu Page 4", title: "Sides & Platters", description: "Classic Caribbean sides and complete platter combinations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773931203657-pi7z5ykc.jpg", imageAlt: "Menu Page 4 - Sides & Platters", items: [
|
||||||
|
{ name: "Rice & Peas", price: "$4.95", variant: "Classic Caribbean" },
|
||||||
|
{ name: "Creamy Mac & Cheese", price: "$5.95", variant: "Comfort Classic" },
|
||||||
|
{ name: "Festival Dumplings", price: "$4.95", variant: "Golden & Crispy" },
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: "menu-page-5", name: "Menu Page 5", title: "Beverages & Specials", description: "Refreshing tropical beverages and special combo selections.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773931203657-qyiakzyt.jpg", imageAlt: "Menu Page 5 - Beverages & Specials", items: [
|
||||||
|
{ name: "Sorrel Punch", price: "$3.95", variant: "16 oz" },
|
||||||
|
{ name: "Island Ginger Beer", price: "$3.95", variant: "Refreshing" },
|
||||||
|
{ name: "Island Feast Combo", price: "$22.95", variant: "Jerk Chicken + Sides" },
|
||||||
|
]
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="bounce-effect"
|
defaultButtonVariant="bounce-effect"
|
||||||
@@ -274,19 +313,19 @@ export default function MenuPage() {
|
|||||||
{/* Hero Section - Menu Header */}
|
{/* Hero Section - Menu Header */}
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroSplit
|
||||||
title="Complete Menu"
|
title="Complete Menu - All 5 Pages"
|
||||||
description="Explore our complete menu across all 5 pages. Fresh Caribbean flavors, authentic recipes, and island-inspired specialties grilled to perfection."
|
description="Explore our full authentic Caribbean menu across all categories. Fresh island flavors, grilled to perfection. Click each menu page to see detailed items and pricing."
|
||||||
tag="Full Menu"
|
tag="Full Menu"
|
||||||
tagIcon={Award}
|
tagIcon={Award}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
background={{ variant: "glowing-orb" }}
|
background={{ variant: "glowing-orb" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Order Now", href: "/order-now"
|
text: "Order Online Now", href: "/order-now"
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="data:image/svg+xml,%3Csvg xmlns=?_wi=1'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EMenu Cover%3C/text%3E%3C/svg%3E"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773930101919-ghty3a8u.png?_wi=1"
|
||||||
imageAlt="Caribbean Flair Complete Menu"
|
imageAlt="Caribbean Flair Complete Menu"
|
||||||
mediaAnimation="opacity"
|
mediaAnimation="opacity"
|
||||||
imagePosition="right"
|
imagePosition="right"
|
||||||
@@ -294,35 +333,123 @@ export default function MenuPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Full Menu Display - All 5 Pages */}
|
{/* All 5 Menu Pages with Interactive Display */}
|
||||||
<div id="featured-gallery" data-section="featured-gallery">
|
<div id="featured-gallery" data-section="featured-gallery">
|
||||||
<BlogCardThree
|
<div className="px-4 py-16 md:px-8">
|
||||||
title="All 5 Menu Pages"
|
<div className="max-w-6xl mx-auto">
|
||||||
description="Browse through our complete menu collection featuring all dishes, sides, and beverages."
|
<div className="text-center mb-12">
|
||||||
tag="Complete Menu"
|
<h2 className="text-3xl md:text-4xl font-bold mb-4">All 5 Menu Pages</h2>
|
||||||
tagIcon={Camera}
|
<p className="text-lg text-gray-600">Browse through our complete menu collection featuring all dishes, sides, and beverages. Click on each page to explore items and pricing.</p>
|
||||||
tagAnimation="slide-up"
|
</div>
|
||||||
textboxLayout="default"
|
|
||||||
animationType="slide-up"
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6">
|
||||||
useInvertedBackground={false}
|
{menuPages.map((page) => (
|
||||||
blogs={[
|
<div
|
||||||
{
|
key={page.id}
|
||||||
id: "menu-page-1", category: "Menu Page 1", title: "Menu Page 1 - Main Dishes", excerpt: "Our signature main dishes featuring jerk meats, curry specialties, and authentic Caribbean proteins grilled fresh to order.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-094w00ok.jpg?_wi=1", imageAlt: "Menu Page 1 - Main Dishes", authorName: "Caribbean Flair", authorAvatar: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EMenu%3C/text%3E%3C/svg%3E", date: "Complete Menu"
|
className="group relative overflow-hidden rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 cursor-pointer bg-white border border-gray-200 hover:border-orange-500"
|
||||||
},
|
onClick={() => {
|
||||||
{
|
// Open menu page in new context or scroll to details
|
||||||
id: "menu-page-2", category: "Menu Page 2", title: "Menu Page 2 - Seafood & Sides", excerpt: "Fresh seafood selections including escovitch fish, shrimp dishes, and our famous sides like festival dumplings and tropical slaw.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-8nakpzaa.jpg?_wi=1", imageAlt: "Menu Page 2 - Seafood & Sides", authorName: "Caribbean Flair", authorAvatar: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EMenu%3C/text%3E%3C/svg%3E", date: "Complete Menu"
|
const details = document.getElementById(`details-${page.id}`);
|
||||||
},
|
if (details) {
|
||||||
{
|
details.scrollIntoView({ behavior: 'smooth' });
|
||||||
id: "menu-page-3", category: "Menu Page 3", title: "Menu Page 3 - Platters & Combos", excerpt: "Our complete platter offerings with combinations of proteins, rice, peas, plantains, and fresh vegetables grilled together.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-i3ll7ifz.jpg?_wi=1", imageAlt: "Menu Page 3 - Platters & Combos", authorName: "Caribbean Flair", authorAvatar: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EMenu%3C/text%3E%3C/svg%3E", date: "Complete Menu"
|
}
|
||||||
},
|
}}
|
||||||
{
|
>
|
||||||
id: "menu-page-4", category: "Menu Page 4", title: "Menu Page 4 - Appetizers & Starters", excerpt: "Delicious appetizers to begin your meal including conch fritters, fried plantains, croquettes, and other island favorites.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-60e6tsue.jpg?_wi=1", imageAlt: "Menu Page 4 - Appetizers & Starters", authorName: "Caribbean Flair", authorAvatar: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EMenu%3C/text%3E%3C/svg%3E", date: "Complete Menu"
|
{/* Menu Page Image */}
|
||||||
},
|
<div className="relative overflow-hidden h-64 bg-gray-100">
|
||||||
{
|
<img
|
||||||
id: "menu-page-5", category: "Menu Page 5", title: "Menu Page 5 - Beverages & Desserts", excerpt: "Refresh yourself with authentic Caribbean beverages and indulge in sweet island desserts to complete your meal.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-gby1l988.jpg?_wi=1", imageAlt: "Menu Page 5 - Beverages & Desserts", authorName: "Caribbean Flair", authorAvatar: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e8e8e8'/%3E%3Ctext x='50%' y='50%' font-size='12' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EMenu%3C/text%3E%3C/svg%3E", date: "Complete Menu"
|
src={page.imageSrc}
|
||||||
},
|
alt={page.imageAlt}
|
||||||
]}
|
className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"
|
||||||
/>
|
/>
|
||||||
|
<div className="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent flex items-end p-4">
|
||||||
|
<div>
|
||||||
|
<p className="text-orange-400 text-sm font-semibold mb-1">{page.name}</p>
|
||||||
|
<h3 className="text-white text-xl font-bold">{page.title}</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Menu Page Details */}
|
||||||
|
<div className="p-4">
|
||||||
|
<p className="text-gray-600 text-sm mb-4">{page.description}</p>
|
||||||
|
|
||||||
|
{/* Items Preview */}
|
||||||
|
<div className="space-y-2 mb-4">
|
||||||
|
{page.items.map((item, idx) => (
|
||||||
|
<div key={idx} className="text-sm border-t pt-2">
|
||||||
|
<div className="flex justify-between items-start">
|
||||||
|
<div>
|
||||||
|
<p className="font-semibold text-gray-800">{item.name}</p>
|
||||||
|
<p className="text-gray-500 text-xs">{item.variant}</p>
|
||||||
|
</div>
|
||||||
|
<p className="font-bold text-orange-600">{item.price}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* View More Button */}
|
||||||
|
<a
|
||||||
|
href="/order-now"
|
||||||
|
className="block w-full text-center bg-gradient-to-r from-orange-500 to-orange-600 text-white py-2 rounded-lg font-semibold hover:opacity-90 transition-opacity"
|
||||||
|
>
|
||||||
|
Order from {page.name}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Additional Menu Details Section */}
|
||||||
|
<div className="px-4 py-16 md:px-8 bg-gray-50">
|
||||||
|
<div className="max-w-6xl mx-auto">
|
||||||
|
<h2 className="text-3xl font-bold mb-12 text-center">Menu Categories Overview</h2>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||||
|
{menuPages.map((page) => (
|
||||||
|
<div
|
||||||
|
key={`details-${page.id}`}
|
||||||
|
id={`details-${page.id}`}
|
||||||
|
className="bg-white rounded-lg p-6 shadow-md border-l-4 border-orange-500"
|
||||||
|
>
|
||||||
|
<div className="flex items-start gap-4 mb-4">
|
||||||
|
<img
|
||||||
|
src={page.imageSrc}
|
||||||
|
alt={page.imageAlt}
|
||||||
|
className="w-24 h-24 object-cover rounded-lg flex-shrink-0"
|
||||||
|
/>
|
||||||
|
<div>
|
||||||
|
<h3 className="text-xl font-bold text-gray-900">{page.name}: {page.title}</h3>
|
||||||
|
<p className="text-gray-600 text-sm mt-1">{page.description}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="space-y-3 mt-4">
|
||||||
|
{page.items.map((item, idx) => (
|
||||||
|
<div key={idx} className="flex justify-between items-center py-2 border-b border-gray-200 last:border-b-0">
|
||||||
|
<div>
|
||||||
|
<p className="font-semibold text-gray-800">{item.name}</p>
|
||||||
|
<p className="text-gray-500 text-xs">{item.variant}</p>
|
||||||
|
</div>
|
||||||
|
<p className="font-bold text-orange-600 text-lg">{item.price}</p>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a
|
||||||
|
href="/order-now"
|
||||||
|
className="mt-6 block w-full text-center bg-orange-600 hover:bg-orange-700 text-white py-2 rounded-lg font-semibold transition-colors"
|
||||||
|
>
|
||||||
|
Order Now
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Footer with Local Map Info and Social Links */}
|
{/* Footer with Local Map Info and Social Links */}
|
||||||
@@ -337,4 +464,4 @@ export default function MenuPage() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -65,10 +65,10 @@ export default function OrderNowPage() {
|
|||||||
];
|
];
|
||||||
|
|
||||||
const deliveryServices = [
|
const deliveryServices = [
|
||||||
{ name: "Uber Eats", href: "https://www.ubereats.com" },
|
{ name: "Uber Eats", href: "https://www.ubereats.com", logo: "🍔" },
|
||||||
{ name: "DoorDash", href: "https://www.doordash.com" },
|
{ name: "DoorDash", href: "https://www.doordash.com", logo: "🚗" },
|
||||||
{ name: "Grubhub", href: "https://www.grubhub.com" },
|
{ name: "Grubhub", href: "https://www.grubhub.com", logo: "📱" },
|
||||||
{ name: "Seamless", href: "https://www.seamless.com" },
|
{ name: "Seamless", href: "https://www.seamless.com", logo: "🛵" },
|
||||||
];
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -171,7 +171,7 @@ export default function OrderNowPage() {
|
|||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773929131328-mphgod14.jpg?_wi=1"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773930101919-jnf5am09.png?_wi=1"
|
||||||
imageAlt="Caribbean Flair delivery service"
|
imageAlt="Caribbean Flair delivery service"
|
||||||
mediaAnimation="opacity"
|
mediaAnimation="opacity"
|
||||||
imagePosition="right"
|
imagePosition="right"
|
||||||
@@ -194,10 +194,11 @@ export default function OrderNowPage() {
|
|||||||
href={service.href}
|
href={service.href}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
className="group relative overflow-hidden rounded-lg p-6 bg-white border-2 border-gray-200 hover:border-orange-500 hover:shadow-lg transition-all duration-300 flex items-center justify-center min-h-32 text-center"
|
className="group relative overflow-hidden rounded-lg p-6 bg-white border-2 border-gray-200 hover:border-orange-500 hover:shadow-lg transition-all duration-300 flex flex-col items-center justify-center min-h-40 text-center"
|
||||||
>
|
>
|
||||||
<div className="absolute inset-0 bg-gradient-to-r from-orange-500/0 to-orange-500/0 group-hover:from-orange-500/5 group-hover:to-orange-500/10 transition-all duration-300" />
|
<div className="absolute inset-0 bg-gradient-to-r from-orange-500/0 to-orange-500/0 group-hover:from-orange-500/5 group-hover:to-orange-500/10 transition-all duration-300" />
|
||||||
<div className="relative z-10">
|
<div className="relative z-10">
|
||||||
|
<div className="text-4xl mb-3">{service.logo}</div>
|
||||||
<p className="font-bold text-lg mb-1 group-hover:text-orange-600 transition-colors">{service.name}</p>
|
<p className="font-bold text-lg mb-1 group-hover:text-orange-600 transition-colors">{service.name}</p>
|
||||||
<p className="text-sm text-gray-500 group-hover:text-gray-700">Order online →</p>
|
<p className="text-sm text-gray-500 group-hover:text-gray-700">Order online →</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -211,7 +212,7 @@ export default function OrderNowPage() {
|
|||||||
{/* 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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773929131328-mphgod14.jpg?_wi=2"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773930101920-zrd23q6i.jpg?_wi=1"
|
||||||
imageAlt="Caribbean Flair Island Jerk Grill Trailer"
|
imageAlt="Caribbean Flair Island Jerk Grill Trailer"
|
||||||
logoText="Caribbean Flair"
|
logoText="Caribbean Flair"
|
||||||
copyrightText="© 2026 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
|
copyrightText="© 2026 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
|
||||||
|
|||||||
@@ -356,15 +356,15 @@ 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://upload.wikimedia.org/wikipedia/commons/thumb/8/8d/Jerk_chicken.jpg/1024px-Jerk_chicken.jpg", imageAlt: "Jerk chicken grilled on foil with spices"
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1774032291765-7gv1fwjr.jpg", imageAlt: "Jerk chicken grilled on foil with spices"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "curry-shrimp", name: "Curry Shrimp Platter", price: "$16.95", variant: "Fresh Daily", imageSrc:
|
id: "curry-shrimp", name: "Curry Shrimp Platter", price: "$16.95", variant: "Fresh Daily", imageSrc:
|
||||||
"https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Curry_shrimp.jpg/1024px-Curry_shrimp.jpg", imageAlt: "Curry shrimp over rice and peas"
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1774032307530-eoalvxyb.jpg", imageAlt: "Curry shrimp over rice and peas"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "conch-fritters", name: "Conch Fritters Combo", price: "$12.95", variant: "6 Pieces", imageSrc:
|
id: "conch-fritters", name: "Jerk Pork Dinner", price: "$15.95", variant: "Over Grill ", imageSrc:
|
||||||
"https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Conch_fritters.jpg/1024px-Conch_fritters.jpg", imageAlt: "Golden conch fritters with dipping sauce"
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1774032264249-39yd1uqq.jpg", imageAlt: "Golden conch fritters with dipping sauce"
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -469,7 +469,7 @@ export default function HomePage() {
|
|||||||
<div id="owners-spotlight" data-section="owners-spotlight">
|
<div id="owners-spotlight" data-section="owners-spotlight">
|
||||||
<TeamCardTwo
|
<TeamCardTwo
|
||||||
title="Meet the Owners"
|
title="Meet the Owners"
|
||||||
description="Teris Bryan and Deb Farrell: Passionate entrepreneurs bringing authentic Caribbean soul to Lehigh Acres."
|
description="Teria Bryant 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"
|
||||||
@@ -557,4 +557,4 @@ export default function HomePage() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user