bender/858be073-1a86-4f7f-9875-e8e52ea24a92
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/contact/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-13 18:53:14 +00:00
parent ce8984aa1e
commit e040244009
1 changed files with 29 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/app/contact/page.tsx
View File

@@ -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>
);
}
}