Initial commit
This commit is contained in:
129
src/app/contact/page.tsx
Normal file
129
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,129 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user