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