From e040244009501026e8819c3f86384e4494ac886f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 13 May 2026 18:53:14 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 61 +++++++++++++++++++---------------------
 1 file changed, 29 insertions(+), 32 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 4361737..6a60d5d 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,12 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { Calendar } from "lucide-react";
+import { Phone, MessageCircle, Instagram } from 'lucide-react';
 
-export default function ContactPage() {
+export default function ContactOrderPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
@@ -34,40 +33,38 @@ export default function ContactPage() {
           />
         </div>
 
-        <div id="contact-us" data-section="contact-us">
-          <ContactSplit
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            tag="Get in touch"
+            title="Contact & Order"
+            description="Reach out to us via your favorite channel or fill out the form below to place your order."
+            background={{ variant: "gradient-bars" }}
             useInvertedBackground={false}
-            background={{ variant: "plain" }}
-            tag="Contact Us"
-            title="Order Your Favorites"
-            description="Get in touch for catering orders or table reservations."
-            imageSrc="http://img.b2bpic.net/free-photo/happy-small-business-owner-standing-doorway-opening-bar-business_637285-3402.jpg"
-            mediaAnimation="blur-reveal"
-            buttonText="Send Inquiry"
-          />
-        </div>
-
-        <div id="feature" data-section="feature">
-          <FeatureCardTen
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            title="Visit Us"
-            description="We look forward to serving you."
-            features={[
-              {
-                title: "Opening Hours",                description: "Daily 8am to 8pm",                media: { imageSrc: "http://img.b2bpic.net/free-photo/young-manager-girl-changing-sign-from-closed-open-sign-door-cafe-looking-outside-waiting-clients-after-lockdown_7861-3174.jpg" },
-                items: [{ text: "Monday-Friday", icon: Calendar }],
-                reverse: false
-              }
-            ]}
           />
+          
+          <div className="max-w-4xl mx-auto px-6 py-12 grid grid-cols-1 md:grid-cols-3 gap-8">
+            <a href="https://instagram.com/karamelscafe" target="_blank" className="flex flex-col items-center p-6 bg-white rounded-xl border hover:shadow-lg transition">
+              <Instagram className="w-10 h-10 mb-4 text-pink-600" />
+              <h3 className="font-semibold">Instagram</h3>
+              <p className="text-sm text-gray-600">@karamelscafe</p>
+            </a>
+            <a href="https://wa.me/1234567890" target="_blank" className="flex flex-col items-center p-6 bg-white rounded-xl border hover:shadow-lg transition">
+              <MessageCircle className="w-10 h-10 mb-4 text-green-600" />
+              <h3 className="font-semibold">WhatsApp</h3>
+              <p className="text-sm text-gray-600">Chat to order</p>
+            </a>
+            <a href="tel:+1234567890" className="flex flex-col items-center p-6 bg-white rounded-xl border hover:shadow-lg transition">
+              <Phone className="w-10 h-10 mb-4 text-blue-600" />
+              <h3 className="font-semibold">Phone</h3>
+              <p className="text-sm text-gray-600">Call us now</p>
+            </a>
+          </div>
         </div>
 
         <div id="footer" data-section="footer">
           <FooterSimple
             columns={[
-              { title: "Quick Links", items: [{ label: "Menu", href: "/menu" }, { label: "Order", href: "/contact" }] }
+              { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "Order", href: "/contact" }] }
             ]}
             bottomLeftText="© 2024 Karamel's Cafe"
             bottomRightText="123 Cafe Street, Coffee Town"
@@ -76,4 +73,4 @@ export default function ContactPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file