"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Mail } from "lucide-react";

export default function ContactPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" },
    { name: "Blog", id: "/blog" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="noise"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Orion Media Co"
          bottomLeftText="Atlanta, Georgia"
          bottomRightText="hello@orionmedia.co"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Mail}
          tagAnimation="slide-up"
          title="Let's Transform Your Digital Presence"
          description="Get in touch with our team today to discuss your digital marketing needs and discover how Orion Media Co can drive growth for your business. We're ready to help you succeed."
          buttons={[
            { text: "Schedule Consultation", href: "mailto:hello@orionmedia.co" },
            { text: "Call Us: +1 (404) 555-1234", href: "tel:+14045551234" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Get answers to common questions about our process and how we can help your business achieve its digital marketing goals."
          faqs={[
            {
              id: "1",
              title: "What is the best way to get started?",
              content: "Schedule a free consultation with our team. We'll discuss your business goals, current challenges, and how our services can help. No obligation - just a chance to explore how we can work together.",
            },
            {
              id: "2",
              title: "How quickly can I expect results?",
              content: "Results vary based on your industry and goals. Most clients see meaningful improvements within 3-6 months. We focus on sustainable, long-term growth rather than quick wins.",
            },
            {
              id: "3",
              title: "Do you offer custom packages?",
              content: "Absolutely! Every business is unique. We create customized strategies and packages tailored to your specific goals, budget, and timeline. Let's discuss what works best for you.",
            },
            {
              id: "4",
              title: "How do you communicate progress?",
              content: "We provide detailed monthly reports with key metrics, insights, and recommendations. Your dedicated account manager is also available for regular check-ins and strategy discussions.",
            },
            {
              id: "5",
              title: "What makes Orion Media Co different?",
              content: "Our data-driven approach, experienced team, and commitment to your success set us apart. We're not just a vendor - we're your strategic partner invested in your growth.",
            },
            {
              id: "6",
              title: "Where is your office located?",
              content: "We're based in Atlanta, Georgia, but we work with clients across the country and internationally. We're flexible with communication and can meet your scheduling needs.",
            },
          ]}
          faqsAnimation="slide-up"
          textPosition="left"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Orion Media Co"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}