Update src/app/order-now/page.tsx

Merge version_27 into main

src/app/menu/page.tsx

@@ -286,7 +286,7 @@ export default function MenuPage() {
             },
           ]}
           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"
           mediaAnimation="opacity"
           imagePosition="right"
@@ -307,19 +307,19 @@ export default function MenuPage() {
           useInvertedBackground={false}
           blogs={[
             {
-              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"
+              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-1773930101919-jnf5am09.png?_wi=2",              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"
             },
             {
-              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"
+              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-1773930101919-ghty3a8u.png?_wi=2",              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"
             },
             {
-              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-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-1773930101919-6bwyikyz.png",              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"
+              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-1773930101919-gu4nmtl3.png",              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"
             },
             {
-              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"
+              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-1773930101920-zrd23q6i.jpg?_wi=2",              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/app/order-now/page.tsx

@@ -4,7 +4,7 @@ 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 FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import {
   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 (
     <ThemeProvider
       defaultButtonVariant="bounce-effect"
@@ -164,7 +171,7 @@ export default function OrderNowPage() {
             },
           ]}
           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"
           mediaAnimation="opacity"
           imagePosition="right"
@@ -174,49 +181,38 @@ export default function OrderNowPage() {
 
       {/* Delivery Options Section */}
       <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>
 
       {/* Footer with Local Map Info and Social Links */}
       <div id="footer" data-section="footer">
         <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"
           logoText="Caribbean Flair"
           copyrightText="© 2026 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"