"use client";

import Link from "next/link";
import { Quote } from "lucide-react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactText from '@/components/sections/contact/ContactText';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="large"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Bee"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Gallery", id: "/gallery" },
            { name: "Services", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="contact-form" data-section="contact-form">
        <ContactText
          text="Ready to bring your floral vision to life? Let's create something beautiful together. Reach out today for a personalized consultation with our design team."
          animationType="reveal-blur"
          buttons={[
            { text: "Schedule Consultation", href: "mailto:hello@beeflowersstudio.com" },
            { text: "Call Us Now", href: "tel:+1234567890" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Loved by Clients"
          description="See what our satisfied clients have to say about their experiences with Bee Flowers Studio."
          testimonials={[
            {
              id: "1",
              name: "Margaret Chen",
              role: "Wedding Bride",
              testimonial: "Bee Flowers Studio created the most beautiful bridal bouquet I could have imagined. Every detail was perfect, and the arrangement lasted beautifully throughout our entire wedding day.",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              imageAlt: "Margaret Chen"
            },
            {
              id: "2",
              name: "Sarah Mitchell",
              role: "Corporate Event Planner",
              testimonial: "The team at Bee Flowers is incredibly professional and creative. They transformed our corporate gala with stunning floral installations that impressed all our guests.",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149622870.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "3",
              name: "Jessica Anderson",
              role: "Anniversary Celebrant",
              testimonial: "I was blown away by the elegance of my anniversary arrangement. The golden roses and white lilies perfectly captured the romance of the occasion.",
              imageSrc: "https://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg",
              imageAlt: "Jessica Anderson"
            },
            {
              id: "4",
              name: "Emily Rodriguez",
              role: "Event Designer",
              testimonial: "Collaborating with Bee Flowers Studio is always a pleasure. Their attention to detail and willingness to bring creative ideas to life makes them an invaluable partner.",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg",
              imageAlt: "Emily Rodriguez"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactText
          text="Visit our studio in the heart of the city or reach out through phone, email, or our online consultation form. We're here to make your floral dreams a reality."
          animationType="reveal-blur"
          buttons={[
            { text: "Book Studio Visit", href: "mailto:studio@beeflowersstudio.com" },
            { text: "Get Directions", href: "https://maps.google.com" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="Bee" />
      </div>
    </ThemeProvider>
  );
}