"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="large"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Hear Me"
          button={{
            text: "Shop Now",
            href: "/products"
          }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get In Touch"
          description="Have questions about our headphones or need assistance? We're here to help and typically respond within 24 hours."
          inputs={[
            {
              name: "fullName",
              type: "text",
              placeholder: "Your Full Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email Address",
              required: true
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Phone Number (Optional)",
              required: false
            },
            {
              name: "subject",
              type: "text",
              placeholder: "Subject of Your Inquiry",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us how we can help you...",
            rows: 5,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/stylish-teenage-girl-with-pink-hair-facial-piercing-having-fun-indoors-being-home-alone-listening-music-wireless-headphones-closing-eyes-making-dance-moves-singing-along-with_343059-1926.jpg"
          imageAlt="Customer service team"
          mediaPosition="right"
          buttonText="Send Message"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about our headphones and services"
          faqs={[
            {
              id: "1",
              title: "What warranty is included with my purchase?",
              content: "All Hear Me headphones come with a 2-year manufacturer's warranty covering defects in materials and workmanship. Premium models include lifetime warranty coverage and complimentary repair service."
            },
            {
              id: "2",
              title: "How long does battery last on each model?",
              content: "Battery life varies by model: Essential Comfort (15 hours), Professional Studio (40 hours), and Premium Master (50 hours). Actual battery life may vary based on usage patterns and volume levels."
            },
            {
              id: "3",
              title: "Are your headphones compatible with all devices?",
              content: "Yes, all Hear Me headphones use standard Bluetooth 5.3 technology and are compatible with iOS, Android, Mac, Windows, and other Bluetooth-enabled devices. We also support wired connections with a 3.5mm adapter."
            },
            {
              id: "4",
              title: "Do you offer a return policy?",
              content: "We offer a 30-day money-back guarantee for all products. If you're not completely satisfied, simply return your headphones in original condition for a full refund, no questions asked."
            },
            {
              id: "5",
              title: "How do I clean and maintain my headphones?",
              content: "Use a soft, dry cloth to gently clean the exterior. For ear cups, use a slightly damp cloth. Avoid submerging in water and keep away from extreme temperatures. Refer to the included care guide for detailed maintenance instructions."
            },
            {
              id: "6",
              title: "What shipping options are available?",
              content: "We offer standard shipping (5-7 business days), express shipping (2-3 business days), and overnight shipping. All orders over $150 qualify for free standard shipping. International shipping is available to most countries."
            }
          ]}
          animationType="smooth"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

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