"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Send, HelpCircle } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmall"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="SaaS Pro"
          navItems={[
            { name: "Features", id: "/features" },
            { name: "Pricing", id: "/pricing" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Get Started",
            href: "https://app.example.com/signup"
          }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Ready to Transform Your Business?"
          description="Join thousands of teams already using SaaS Pro. Start your free 14-day trial today or contact our sales team for a personalized demo and consultation."
          tagIcon={Send}
          useInvertedBackground="noInvert"
          inputPlaceholder="your@company.com"
          buttonText="Start Free Trial"
          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. You'll receive product updates, tips, and exclusive offers. Unsubscribe anytime."
        />
      </div>

      <div id="support" data-section="support">
        <ContactCenter
          tag="Need Help?"
          title="Contact Our Support Team"
          description="Our dedicated support team is here to help you succeed. Whether you need technical assistance, have questions about features, or want to provide feedback, we're ready to assist."
          tagIcon={HelpCircle}
          useInvertedBackground="invertDefault"
          inputPlaceholder="your@company.com"
          buttonText="Contact Support"
          termsText="For immediate assistance, you can also reach us at support@saaspro.com or call us at 1-800-SAASPRO during business hours (9 AM - 6 PM EST)."
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our platform, features, and support"
          tag="Support Center"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",
              title: "How do I get started with SaaS Pro?",
              content: "Simply sign up for our 14-day free trial using your email address. No credit card required. You'll get instant access to all features and our onboarding guide."
            },
            {
              id: "2",
              title: "What support options are available?",
              content: "We offer email support for all plans, priority support for Professional plans, and 24/7 dedicated support for Enterprise customers. We also have comprehensive documentation and video tutorials."
            },
            {
              id: "3",
              title: "Can I import data from other tools?",
              content: "Yes! We support data import from most popular business tools including Excel, CSV files, and direct integrations with over 100 platforms like Slack, Salesforce, and Google Workspace."
            },
            {
              id: "4",
              title: "Is my data secure with SaaS Pro?",
              content: "Absolutely. We use end-to-end encryption, regular security audits, and comply with GDPR, SOC 2, and ISO 27001 standards. Your data is stored in secure, geographically distributed data centers."
            },
            {
              id: "5",
              title: "How does the automation feature work?",
              content: "Our no-code automation builder lets you create custom workflows with triggers, conditions, and actions. You can automate repetitive tasks like data entry, notifications, and approvals without any technical expertise."
            },
            {
              id: "6",
              title: "Can I customize SaaS Pro for my business?",
              content: "Yes! Professional and Enterprise plans include custom branding, workflow customization, and API access. Enterprise plans also offer custom integrations and dedicated implementation support."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571066.jpg"
          imageAlt="Team collaboration workspace"
          logoText="SaaS Pro"
          copyrightText="© 2025 SaaS Pro. All rights reserved."
          columns={[
            {
              title: "Product",
              items: [
                { label: "Features", href: "/features" },
                { label: "Pricing", href: "/pricing" },
                { label: "Security", href: "#" },
                { label: "Roadmap", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "/contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "GDPR", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}