Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 83f423c0a6 | |||
| 6b5db89f5e | |||
| daacfffcf8 | |||
| c3ea58c8d5 |
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
import { Coffee, Mail } from "lucide-react";
|
import { Coffee, Mail } from "lucide-react";
|
||||||
|
|
||||||
@@ -89,20 +89,24 @@ export default function CoffeeMenuPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplitForm
|
||||||
tag="Get in Touch"
|
|
||||||
title="Place Your Order"
|
title="Place Your Order"
|
||||||
description="Ready to experience our coffee menu? Contact us to place an order, make a reservation, or ask about our custom brewing methods and coffee education sessions."
|
description="Ready to experience our coffee menu? Contact us to place an order, make a reservation, or ask about our custom brewing methods and coffee education sessions."
|
||||||
tagIcon={Mail}
|
inputs={[
|
||||||
background={{ variant: "sparkles-gradient" }}
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||||
|
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||||
|
]}
|
||||||
|
textarea={{
|
||||||
|
name: "message", placeholder: "Tell us about your order or ask a question...", rows: 5,
|
||||||
|
required: true
|
||||||
|
}}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-workspace-with-coffee-hearts-keyboard_191095-99789.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/cozy-workspace-with-coffee-hearts-keyboard_191095-99789.jpg?_wi=2"
|
||||||
imageAlt="Coffee shop atmosphere"
|
imageAlt="Coffee shop atmosphere"
|
||||||
mediaAnimation="opacity"
|
mediaAnimation="opacity"
|
||||||
mediaPosition="right"
|
mediaPosition="right"
|
||||||
inputPlaceholder="Enter your email"
|
buttonText="Send Message"
|
||||||
buttonText="Get in Touch"
|
onSubmit={(data) => console.log("Form submitted:", data)}
|
||||||
termsText="We'll reach out within 24 hours to confirm your order or answer your questions about our coffee selection."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user