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

Merge version_25 into main

src/app/contact/page.tsx

@@ -19,8 +19,7 @@ export default function ContactPage() {
 
   const footerColumns = [
     {
-      title: "Quick Links",
-      items: [
+      title: "Quick Links",      items: [
         { label: "Home", href: "/" },
         { label: "Menu", href: "/menu" },
         { label: "Gallery", href: "/gallery" },
@@ -28,8 +27,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Order & Contact",
-      items: [
+      title: "Order & Contact",      items: [
         { label: "Order Online", href: "/order" },
         { label: "Call Us", href: "tel:2397850423" },
         { label: "Locations & Hours", href: "/locations" },
@@ -37,8 +35,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Connect With Us",
-      items: [
+      title: "Connect With Us",      items: [
         { label: "Facebook", href: "https://facebook.com/caribbeanflair" },
         { label: "About Us", href: "/about" },
         { label: "Privacy Policy", href: "#privacy" },
@@ -46,8 +43,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Located In",
-      items: [
+      title: "Located In",      items: [
         { label: "801 Leeland Heights Blvd W", href: "#map" },
         { label: "Lehigh Acres, FL 33936", href: "#map" },
         { label: "Open Until 9PM", href: "/locations" },
@@ -74,9 +70,7 @@ export default function ContactPage() {
           brandName="Caribbean Flair"
           navItems={navItems}
           button={{
-            text: "Order Now",
-            href: "/order",
-          }}
+            text: "Order Now",            href: "/order"}}
         />
       </div>
 
@@ -89,13 +83,9 @@ export default function ContactPage() {
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Call (239) 785-0423",
-              href: "tel:2397850423",
-            },
+              text: "Call (239) 785-0423",              href: "tel:2397850423"},
             {
-              text: "Visit Us Today",
-              href: "/order",
-            },
+              text: "Visit Us Today",              href: "/order"},
           ]}
           buttonAnimation="slide-up"
           textboxLayout="default"
@@ -103,21 +93,15 @@ export default function ContactPage() {
           useInvertedBackground={false}
           features={[
             {
-              id: "phone-contact",
-              title: "Call Us Directly",
-              description: "Speak with our team for custom orders, catering, or any questions about our authentic Caribbean menu.",
-              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=4",
-              },
+              id: "phone-contact",              title: "Call Us Directly",              description: "Speak with our team for custom orders, catering, or any questions about our authentic Caribbean menu.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-getting-coffee_23-2149663609.jpg?_wi=4"},
               items: [
                 {
                   icon: Zap,
-                  text: "(239) 785-0423",
-                },
+                  text: "(239) 785-0423"},
                 {
                   icon: Heart,
-                  text: "Available until 9PM",
-                },
+                  text: "Available until 9PM"},
               ],
               reverse: false,
             },
@@ -134,13 +118,9 @@ export default function ContactPage() {
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Order Online Now",
-              href: "/order",
-            },
+              text: "Order Online Now",              href: "/order"},
             {
-              text: "View Full Menu",
-              href: "/menu",
-            },
+              text: "View Full Menu",              href: "/menu"},
           ]}
           buttonAnimation="slide-up"
           textboxLayout="default"
@@ -148,21 +128,15 @@ export default function ContactPage() {
           useInvertedBackground={true}
           features={[
             {
-              id: "location-details",
-              title: "Lehigh Acres, Florida",
-              description: "Experience premium Caribbean fusion at our convenient Lehigh Acres location. Fresh-grilled authentic island cuisine made with love and expertise.",
-              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=8",
-              },
+              id: "location-details",              title: "Lehigh Acres, Florida",              description: "Experience premium Caribbean fusion at our convenient Lehigh Acres location. Fresh-grilled authentic island cuisine made with love and expertise.",              media: {
+                imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208291.jpg?_wi=8"},
               items: [
                 {
                   icon: Zap,
-                  text: "801 Leeland Heights Blvd W",
-                },
+                  text: "801 Leeland Heights Blvd W"},
                 {
                   icon: Heart,
-                  text: "Daily Service Until 9PM",
-                },
+                  text: "Daily Service Until 9PM"},
               ],
               reverse: true,
             },
@@ -181,4 +155,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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" },
+    { name: "DoorDash", href: "https://www.doordash.com" },
+    { name: "Grubhub", href: "https://www.grubhub.com" },
+    { name: "Seamless", href: "https://www.seamless.com" },
+  ];
+
   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-1773929131328-mphgod14.jpg?_wi=1"
           imageAlt="Caribbean Flair delivery service"
           mediaAnimation="opacity"
           imagePosition="right"
@@ -174,49 +181,37 @@ export default function OrderNowPage() {
 
       {/* Delivery Options Section */}
       <div id="delivery-options" data-section="delivery-options">
-        <FeatureCardTwentySeven
-          title="Choose Your Delivery Service"
-          description="Select your preferred delivery partner to bring Caribbean Flair straight to your table."
-          tag="Multiple Options"
-          tagIcon={Truck}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          useInvertedBackground={false}
-          features={[
-            {
-              id: "doordash",              title: "DoorDash",              descriptions: [
-                "Fast delivery with real-time tracking",                "Easy app-based ordering",                "Contactless delivery available"
-              ],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afn0reuidgadYlHif4J2xHlmq8/uploaded-1773887611478-8nakpzaa.jpg?_wi=2",              imageAlt: "DoorDash delivery service logo"
-            },
-            {
-              id: "ubereats",              title: "Uber Eats",              descriptions: [
-                "Seamless ordering experience",                "Fast and reliable delivery",                "Track your order in real-time"
-              ],
-              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"
-            },
-            {
-              id: "grubhub",              title: "Grubhub",              descriptions: [
-                "Wide reach and convenient ordering",                "Loyalty rewards program",                "Quick and professional delivery"
-              ],
-              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 className="px-4 py-12 md:px-8">
+          <div className="max-w-6xl mx-auto">
+            <div className="text-center mb-12">
+              <h2 className="text-3xl md:text-4xl font-bold mb-4">Choose Your Delivery Service</h2>
+              <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>
+            </div>
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+              {deliveryServices.map((service) => (
+                <a
+                  key={service.name}
+                  href={service.href}
+                  target="_blank"
+                  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"
+                >
+                  <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">
+                    <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>
+                  </div>
+                </a>
+              ))}
+            </div>
+          </div>
+        </div>
       </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-1773929131328-mphgod14.jpg?_wi=2"
           imageAlt="Caribbean Flair Island Jerk Grill Trailer"
           logoText="Caribbean Flair"
           copyrightText="© 2026 Caribbean Flair Island Jerk Grill | Black & Women-Owned | Lehigh Acres, FL"
@@ -225,4 +220,4 @@ export default function OrderNowPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -71,7 +71,7 @@ export default function HomePage() {
         { label: "Order Online", href: "/order-now" },
         { label: "Call Us", href: "tel:2397850423" },
         { label: "Locations & Hours", href: "#footer" },
-        { label: "Contact", href: "#footer" },
+        { label: "Contact", href: "/contact" },
       ],
     },
     {