diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx index b0983fc..8e66954 100644 --- a/src/app/menu/page.tsx +++ b/src/app/menu/page.tsx @@ -3,21 +3,10 @@ import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; -import ProductCardFour from "@/components/sections/product/ProductCardFour"; +import HeroSplit from "@/components/sections/hero/HeroSplit"; +import BlogCardThree from "@/components/sections/blog/BlogCardThree"; import FooterMedia from "@/components/sections/footer/FooterMedia"; -import { - Award, - Flame, - Phone, - ShoppingCart, - MapPin, - Clock, - Star, - Heart, - Zap, - TrendingUp, - Facebook, -} from "lucide-react"; +import { Award, Camera, Phone, ShoppingCart } from "lucide-react"; import { useState, useEffect } from "react"; export default function MenuPage() { @@ -43,7 +32,7 @@ export default function MenuPage() { const navItems = [ { name: "Home", id: "home" }, - { name: "Menu", id: "signature-dishes" }, + { name: "Menu", id: "featured-gallery" }, { name: "About Us", id: "owners-spotlight" }, { name: "Gallery", id: "featured-gallery" }, { name: "Reviews", id: "testimonials" }, @@ -55,16 +44,16 @@ export default function MenuPage() { title: "Quick Links", items: [ { label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, - { label: "Gallery", href: "/#featured-gallery" }, - { label: "Reviews", href: "/#testimonials" }, + { label: "Gallery", href: "#featured-gallery" }, + { label: "Reviews", href: "#testimonials" }, ], }, { title: "Order & Contact", items: [ - { label: "Order Online", href: "/menu" }, + { label: "Order Online", href: "/order-now" }, { label: "Call Us", href: "tel:2397850423" }, - { label: "Locations & Hours", href: "/#footer" }, - { label: "Contact", href: "/#footer" }, + { label: "Locations & Hours", href: "#footer" }, + { label: "Contact", href: "#footer" }, ], }, { @@ -154,28 +143,16 @@ export default function MenuPage() { opacity: 0; } - #menu-header { + #hero [data-section] { animation-delay: 0.1s; } - #full-menu { + #featured-gallery { animation-delay: 0.2s; } - #mains { - animation-delay: 0.3s; - } - - #sides { - animation-delay: 0.4s; - } - - #beverages { - animation-delay: 0.5s; - } - #footer { - animation-delay: 0.6s; + animation-delay: 0.3s; } img { @@ -183,18 +160,14 @@ export default function MenuPage() { opacity: 0; } - #full-menu img { + #hero img { animation-delay: 0.3s; } - #mains img { + #featured-gallery img { animation-delay: 0.4s; } - #sides img { - animation-delay: 0.5s; - } - button, [role="button"], a[href*="#"], a[href*="/"] { position: relative; transition: all 0.3s ease; @@ -220,7 +193,7 @@ export default function MenuPage() { brandName="Caribbean Flair" navItems={navItems} button={{ - text: "Order Now", href: "/menu" + text: "Order Now", href: "/order-now" }} /> @@ -237,14 +210,14 @@ export default function MenuPage() { {navItems.map((item) => ( setIsMobileMenuOpen(false)} > {item.name} ))} - + Order Now @@ -263,7 +236,7 @@ export default function MenuPage() { @@ -298,168 +271,67 @@ export default function MenuPage() { )} - {/* Menu Header Section */} - - - {/* Main Dishes Section */} -
- + +
+ + {/* Full Menu Display - All 5 Pages */} + - {/* Sides & Extras Section */} -
- -
- - {/* Beverages Section */} -
- -
- - {/* Order CTA Section */} -
-
-

Ready to Order?

-

Call us now or visit our location to experience authentic Caribbean island flavors made fresh daily.

-
- - - Call (239) 785-0423 - - - - Visit Us - -
-
-

📍 801 Leeland Heights Blvd W, Lehigh Acres, FL 33936

-

🕐 Open Until 9PM Daily

-

🚚 Delivery Available

-
-
-
- - {/* Footer */} + {/* Footer with Local Map Info and Social Links */} diff --git a/src/app/order-now/page.tsx b/src/app/order-now/page.tsx index 915384c..f94d7e9 100644 --- a/src/app/order-now/page.tsx +++ b/src/app/order-now/page.tsx @@ -4,40 +4,22 @@ import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered"; import HeroSplit from "@/components/sections/hero/HeroSplit"; -import FeatureCardTen from "@/components/sections/feature/FeatureCardTen"; +import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven"; import FooterMedia from "@/components/sections/footer/FooterMedia"; import { Award, - Zap, - TrendingUp, - Facebook, + Truck, Phone, ShoppingCart, - ExternalLink, + MapPin, Clock, + Facebook, } from "lucide-react"; import { useState, useEffect } from "react"; export default function OrderNowPage() { const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); const [isDesktopButtonsVisible, setIsDesktopButtonsVisible] = useState(true); - const [showCookiePreferences, setShowCookiePreferences] = useState(false); - const [cookiesAccepted, setCookiesAccepted] = useState(false); - - useEffect(() => { - const cookieConsent = localStorage.getItem("cookie-consent"); - if (!cookieConsent) { - setShowCookiePreferences(true); - } else { - setCookiesAccepted(true); - } - }, []); - - const handleCookieAccept = () => { - localStorage.setItem("cookie-consent", "accepted"); - setCookiesAccepted(true); - setShowCookiePreferences(false); - }; const navItems = [ { name: "Home", id: "home" }, @@ -52,17 +34,17 @@ export default function OrderNowPage() { { title: "Quick Links", items: [ { label: "Home", href: "/" }, - { label: "Order Now", href: "/order-now" }, + { label: "Menu", href: "/#signature-dishes" }, { label: "Gallery", href: "/#featured-gallery" }, { label: "Reviews", href: "/#testimonials" }, ], }, { title: "Order & Contact", items: [ - { label: "Uber Eats", href: "https://www.ubereats.com/search?q=caribbean%20flair&location=Lehigh%20Acres%2C%20FL" }, - { label: "DoorDash", href: "https://www.doordash.com/search?q=caribbean%20flair&location=Lehigh%20Acres%2C%20FL" }, - { label: "Grubhub", href: "https://www.grubhub.com/search?q=caribbean%20flair&location=Lehigh%20Acres%2C%20FL" }, + { label: "Order Online", href: "/order-now" }, { label: "Call Us", href: "tel:2397850423" }, + { label: "Locations & Hours", href: "/#footer" }, + { label: "Contact", href: "/#footer" }, ], }, { @@ -127,18 +109,6 @@ export default function OrderNowPage() { } } - @keyframes glowHover { - 0% { - box-shadow: 0 0 0px rgba(227, 68, 0, 0.4); - } - 50% { - box-shadow: 0 0 20px rgba(227, 68, 0, 0.6); - } - 100% { - box-shadow: 0 0 30px rgba(227, 68, 0, 0.8); - } - } - html { scroll-behavior: smooth; } @@ -156,44 +126,13 @@ export default function OrderNowPage() { animation-delay: 0.1s; } - #order-providers { + #delivery-options { animation-delay: 0.2s; } - #final-cta { - animation-delay: 0.3s; - } - #footer { - animation-delay: 0.4s; - } - - img { - animation: slideInFromRight 1s ease-out forwards; - opacity: 0; - } - - #hero img { animation-delay: 0.3s; } - - 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; - } `} {/* Persistent Top Navigation Bar */} @@ -202,224 +141,88 @@ export default function OrderNowPage() { brandName="Caribbean Flair" navItems={navItems} button={{ - text: "See Full Menu", href: "/" + text: "Order Now", href: "/order-now" }} /> - {/* Floating Mobile Sidebar Menu */} - {isMobileMenuOpen && ( -
-
setIsMobileMenuOpen(false)} - /> -
-
- {navItems.map((item) => ( - setIsMobileMenuOpen(false)} - > - {item.name} - - ))} - - Back to Home - -
-
-
- )} - - {/* Floating Desktop Action Buttons */} - {isDesktopButtonsVisible && ( -
- - - - - - -
- )} - - {/* Cookie Preferences Popup */} - {showCookiePreferences && !cookiesAccepted && ( -
-
-

Cookie Preferences

-

- We use cookies to enhance your experience, personalize content, and analyze site traffic. -

-
- - -
-
-
- )} - {/* Hero Section */}
- {/* Delivery Providers Section */} -
- +
- {/* Direct Ordering CTA Section */} -
- -
- - {/* Footer */} + {/* Footer with Local Map Info and Social Links */} ); -} +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index ae7ae1b..8051713 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -61,7 +61,7 @@ export default function HomePage() { { title: "Quick Links", items: [ { label: "Home", href: "/" }, - { label: "Menu", href: "#signature-dishes" }, + { label: "Menu", href: "/menu" }, { label: "Gallery", href: "#featured-gallery" }, { label: "Reviews", href: "#testimonials" }, ], @@ -323,11 +323,11 @@ export default function HomePage() { text: "Order Online Now", href: "/order-now" }, { - text: "View Full Menu", href: "#signature-dishes" + text: "View Full Menu", href: "/menu" }, ]} buttonAnimation="slide-up" - imageSrc="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" + imageSrc="data:image/svg+xml,%3Csvg xmlns='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" mediaAnimation="opacity" imagePosition="right" @@ -385,38 +385,38 @@ export default function HomePage() { { 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: - "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: "Jerk pork platter with rice and tropical slaw", authorName: "Caribbean Flair Team", authorAvatar: + "data:image/svg+xml,%3Csvg xmlns='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: "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: "Tender, aromatic, and cooked to perfection. Every bite transports you straight to Jamaica.", imageSrc: - "data:image/svg+xml,%3Csvg xmlns=?_wi=11'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: "Rich curry goat served over rice and peas", authorName: "Caribbean Flair Team", authorAvatar: + "data:image/svg+xml,%3Csvg xmlns='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: "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: "Crispy, golden festival dumplings paired with our signature tropical slaw for the perfect complement.", imageSrc: - "data:image/svg+xml,%3Csvg xmlns=?_wi=12'http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Crect fill='%23e8e8e8' width='400' height='300'/%3E%3Ctext x='50%' y='50%' font-size='16' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3ETemplate Image%3C/text%3E%3C/svg%3E", imageAlt: + "data:image/svg+xml,%3Csvg xmlns='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: "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: "Fresh fish prepared in authentic Jamaican style with pickled vegetables and bold island flavors.", imageSrc: - "data:image/svg+xml,%3Csvg xmlns=?_wi=13'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: + "data:image/svg+xml,%3Csvg xmlns='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: "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: "Smooth, rich, and soul-warming comfort food that pairs perfectly with any of our signature mains.", imageSrc: - "data:image/svg+xml,%3Csvg xmlns=?_wi=14'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: + "data:image/svg+xml,%3Csvg xmlns='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: "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: "Watch our expert grill masters prepare your meal with passion, precision, and authentic Caribbean technique.", imageSrc: - "data:image/svg+xml,%3Csvg xmlns=?_wi=15'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: + "data:image/svg+xml,%3Csvg xmlns='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: "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" }, ]} @@ -491,7 +491,7 @@ export default function HomePage() { { 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, they are building a thriving Black- and women-owned business that celebrates Caribbean culture and community impact.", videoSrc: - "data:image/svg+xml,%3Csvg xmlns=?_wi=16'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: [ + "data:image/svg+xml,%3Csvg xmlns='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, url: "https://www.facebook.com/share/1CckZyvyXX/?mibextid=wwXIfr" @@ -527,7 +527,7 @@ export default function HomePage() { id: "fast-delivery", title: "Fast & Fresh", description: "Grilled fresh to order. Your meal arrives hot, delicious, and packed with island flavor.", media: { imageSrc: - "data:image/svg+xml,%3Csvg xmlns=?_wi=17'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" + "data:image/svg+xml,%3Csvg xmlns='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: [ { @@ -548,7 +548,7 @@ export default function HomePage() { {/* Footer with Local Map Info and Social Links */}