"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { MessageSquare } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="EchoCart"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Shop", id: "/shop" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="contact" data-section="contact" className="mx-auto px-4 md:px-6">
        <ContactFaq
          ctaTitle="Get in Touch"
          ctaDescription="Have questions? Our support team is ready to help you 24/7."
          ctaIcon={MessageSquare}
          ctaButton={{ text: "Contact Support", href: "mailto:support@ecocart.com" }}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            { id: "1", title: "What is your return policy?", content: "We offer a hassle-free 30-day return policy on all products. If you're not satisfied, simply initiate a return through your account and we'll process a full refund or replacement." },
            { id: "2", title: "How long does shipping take?", content: "Standard shipping takes 5-7 business days. Premium members enjoy free 2-day shipping, and Elite members get free overnight shipping on most items." },
            { id: "3", title: "Do you offer international shipping?", content: "Yes, we ship to over 150 countries worldwide. International shipping times vary from 2-4 weeks depending on destination. Customs duties may apply." },
            { id: "4", title: "How do I track my order?", content: "You can track your order in real-time through your account dashboard. We'll also send you email updates with tracking information once your package ships." },
            { id: "5", title: "Are your products authentic?", content: "All products sold on EchoCart are 100% authentic. We partner directly with manufacturers and authorized distributors to guarantee genuine items." },
            { id: "6", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, Apple Pay, Google Pay, and bank transfers. All transactions are encrypted and secure." }
          ]}
        />
      </div>

      <div id="support-metrics" data-section="support-metrics" className="mx-auto px-4 md:px-6">
        <MetricCardTwo
          title="Support You Can Count On"
          description="Our commitment to exceptional customer service shows in every interaction."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          metrics={[
            { id: "1", value: "24/7", description: "Support Available" },
            { id: "2", value: "<2min", description: "Average Response Time" },
            { id: "3", value: "99.9%", description: "Issue Resolution Rate" },
            { id: "4", value: "50+", description: "Support Languages" }
          ]}
        />
      </div>

      <div id="support-testimonials" data-section="support-testimonials" className="mx-auto px-4 md:px-6">
        <TestimonialCardOne
          title="Exceptional Support Experience"
          description="See what customers say about our dedicated support team and their commitment to solving problems quickly."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            { id: "1", name: "Jessica Martinez", role: "Premium Customer", company: "Digital Agency", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/stylish-businesswoman-with-glasses_23-2147989567.jpg", imageAlt: "Jessica Martinez" },
            { id: "2", name: "Thomas Wilson", role: "Elite Member", company: "Tech Company", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-woman-home_23-2149122066.jpg", imageAlt: "Thomas Wilson" }
          ]}
        />
      </div>

      <FooterBaseReveal
        copyrightText="© 2025 EchoCart. All rights reserved."
        columns={[
          {
            title: "Shop",
            items: [
              { label: "All Products", href: "/shop" },
              { label: "New Arrivals", href: "/shop?filter=new" },
              { label: "Best Sellers", href: "/shop?filter=bestsellers" },
              { label: "On Sale", href: "/shop?filter=sale" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Story", href: "/about" },
              { label: "Careers", href: "/careers" },
              { label: "Press", href: "/press" }
            ]
          },
          {
            title: "Support",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Help Center", href: "/help" },
              { label: "Shipping Info", href: "/shipping" },
              { label: "Returns", href: "/returns" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}