Compare commits
19 Commits
version_24
...
version_31
| Author | SHA1 | Date | |
|---|---|---|---|
| 3b0bc9f259 | |||
| 854f4562a4 | |||
| 738d3b38ca | |||
| 1ab299ae16 | |||
| fbe44d3bc3 | |||
| 9a8c9db72a | |||
| b07b1ee30c | |||
| 924a28671c | |||
| e72f4170f3 | |||
| 729138561e | |||
| 6687390aa1 | |||
| 1d61908e61 | |||
| 5f1f45e1c6 | |||
| 8e16a5ef5b | |||
| 29b89df3d2 | |||
| 42f23b8fa0 | |||
| 6d7a949444 | |||
| f56b26d8fa | |||
| 5495578c4d |
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -4,7 +4,7 @@ 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 FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||||
import {
|
import {
|
||||||
Award,
|
Award,
|
||||||
@@ -64,6 +64,13 @@ export default function OrderNowPage() {
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
const deliveryServices = [
|
||||||
|
{ name: "Uber Eats", href: "https://www.ubereats.com", logo: "🍔" },
|
||||||
|
{ name: "DoorDash", href: "https://www.doordash.com", logo: "🚗" },
|
||||||
|
{ name: "Grubhub", href: "https://www.grubhub.com", logo: "📱" },
|
||||||
|
{ name: "Seamless", href: "https://www.seamless.com", logo: "🛵" },
|
||||||
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="bounce-effect"
|
defaultButtonVariant="bounce-effect"
|
||||||
@@ -164,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-1773887611478-094w00ok.jpg?_wi=2"
|
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"
|
||||||
@@ -174,49 +181,38 @@ export default function OrderNowPage() {
|
|||||||
|
|
||||||
{/* Delivery Options Section */}
|
{/* Delivery Options Section */}
|
||||||
<div id="delivery-options" data-section="delivery-options">
|
<div id="delivery-options" data-section="delivery-options">
|
||||||
<FeatureCardTwentySeven
|
<div className="px-4 py-12 md:px-8">
|
||||||
title="Choose Your Delivery Service"
|
<div className="max-w-6xl mx-auto">
|
||||||
description="Select your preferred delivery partner to bring Caribbean Flair straight to your table."
|
<div className="text-center mb-12">
|
||||||
tag="Multiple Options"
|
<h2 className="text-3xl md:text-4xl font-bold mb-4">Choose Your Delivery Service</h2>
|
||||||
tagIcon={Truck}
|
<p className="text-lg text-gray-600">Select your preferred delivery partner to bring Caribbean Flair straight to your table. Fast, reliable service with real-time tracking.</p>
|
||||||
tagAnimation="slide-up"
|
</div>
|
||||||
textboxLayout="default"
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||||
gridVariant="three-columns-all-equal-width"
|
{deliveryServices.map((service) => (
|
||||||
animationType="slide-up"
|
<a
|
||||||
useInvertedBackground={false}
|
key={service.name}
|
||||||
features={[
|
href={service.href}
|
||||||
{
|
target="_blank"
|
||||||
id: "doordash", title: "DoorDash", descriptions: [
|
rel="noopener noreferrer"
|
||||||
"Fast delivery with real-time tracking", "Easy app-based ordering", "Contactless delivery available"
|
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"
|
||||||
],
|
>
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-8nakpzaa.jpg?_wi=2", imageAlt: "DoorDash delivery service logo"
|
<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="text-4xl mb-3">{service.logo}</div>
|
||||||
id: "ubereats", title: "Uber Eats", descriptions: [
|
<p className="font-bold text-lg mb-1 group-hover:text-orange-600 transition-colors">{service.name}</p>
|
||||||
"Seamless ordering experience", "Fast and reliable delivery", "Track your order in real-time"
|
<p className="text-sm text-gray-500 group-hover:text-gray-700">Order online →</p>
|
||||||
],
|
</div>
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-i3ll7ifz.jpg?_wi=2", imageAlt: "Uber Eats delivery service logo"
|
</a>
|
||||||
},
|
))}
|
||||||
{
|
</div>
|
||||||
id: "grubhub", title: "Grubhub", descriptions: [
|
</div>
|
||||||
"Wide reach and convenient ordering", "Loyalty rewards program", "Quick and professional delivery"
|
</div>
|
||||||
],
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-60e6tsue.jpg?_wi=2", imageAlt: "Grubhub delivery service logo"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "instacart", title: "Instacart", descriptions: [
|
|
||||||
"Fresh food delivery expertise", "Same-day delivery available", "Easy scheduling options"
|
|
||||||
],
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-gby1l988.jpg?_wi=2", imageAlt: "Instacart delivery service logo"
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* 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-1773887611478-094w00ok.jpg?_wi=3"
|
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"
|
||||||
@@ -225,4 +221,4 @@ export default function OrderNowPage() {
|
|||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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