129 lines
5.3 KiB
TypeScript
129 lines
5.3 KiB
TypeScript
"use client";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
export default function ContactPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="inset-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Diana"
|
|
button={{
|
|
text: "Book Now",
|
|
href: "/contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-form" data-section="contact-form">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Let's Create Magic Together"
|
|
description="Have a special event or custom request? Contact us today to discuss your floral needs and schedule a consultation."
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28388.jpg"
|
|
imageAlt="Diana Flowers Studio"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Contact Us"
|
|
termsText="We'll get back to you within 24 hours during business days."
|
|
/>
|
|
</div>
|
|
|
|
<div id="consultation-process" data-section="consultation-process">
|
|
<FeatureCardMedia
|
|
title="How We Work Together"
|
|
description="Our simple consultation process to create your perfect floral arrangements"
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "Initial Consultation",
|
|
description: "We discuss your vision, event details, budget, and preferences to understand exactly what you're looking for.",
|
|
tag: "Step 1",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-making-flowers-arrangement_23-2148826773.jpg",
|
|
imageAlt: "Consultation process"
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Design & Planning",
|
|
description: "Our team creates a custom design plan with flower selection, color schemes, and arrangement styles tailored to your needs.",
|
|
tag: "Step 2",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/feminine-hands-writing-wedding-planner_23-2148652064.jpg",
|
|
imageAlt: "Design planning"
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Creation & Delivery",
|
|
description: "We handcraft your arrangements with the freshest flowers and deliver them at the perfect time for your event.",
|
|
tag: "Step 3",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28388.jpg",
|
|
imageAlt: "Flower creation and delivery"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-faq" data-section="contact-faq">
|
|
<BlogCardTwo
|
|
title="Frequently Asked Questions"
|
|
description="Get answers to common questions about our services and process"
|
|
blogs={[
|
|
{
|
|
id: "1",
|
|
category: ["FAQ", "Pricing"],
|
|
title: "How Much Do Custom Arrangements Cost?",
|
|
excerpt: "Learn about our pricing structure for custom floral arrangements, including factors that influence cost and budget options.",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/crop-florist-making-notes-phone-conversation_23-2147760940.jpg",
|
|
authorName: "Diana Team",
|
|
date: "25 Mar 2024"
|
|
},
|
|
{
|
|
id: "2",
|
|
category: ["FAQ", "Timing"],
|
|
title: "How Far in Advance Should I Book?",
|
|
excerpt: "Planning timeline recommendations for different types of events, from intimate gatherings to large weddings.",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/feminine-hands-writing-wedding-planner_23-2148652064.jpg",
|
|
authorName: "Diana Team",
|
|
date: "22 Mar 2024"
|
|
},
|
|
{
|
|
id: "3",
|
|
category: ["FAQ", "Delivery"],
|
|
title: "Delivery Areas & Policies",
|
|
excerpt: "Information about our delivery zones, timing options, and special handling for delicate arrangements.",
|
|
imageSrc: "https://img.b2bpic.net/free-vector/wedding-florist-bouquet-menu-template_742173-33253.jpg",
|
|
authorName: "Diana Team",
|
|
date: "20 Mar 2024"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<FooterLogoReveal
|
|
logoText="Diana"
|
|
logoLineHeight={1.1}
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |