"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Rocket, HelpCircle } from "lucide-react";

const navItems = [
  { name: "Home", id: "/" },
  { name: "Features", id: "/features" },
  { name: "Pricing", id: "/pricing" },
  { name: "Contact", id: "/contact" },
  { name: "Docs", id: "https://docs.example.com" },
];

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="AIAssist"
          bottomLeftText="Advanced AI Technology"
          bottomRightText="hello@aiassist.io"
        />
      </div>

      <div id="contact-main" data-section="contact-main">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Rocket}
          tagAnimation="slide-up"
          title="Let's Build Something Amazing Together"
          description="Have questions about AIAssist? Our team is here to help. Contact us for demos, integrations, or custom enterprise solutions. We typically respond within 2 hours."
          buttons={[
            {
              text: "Email Us",
              href: "mailto:hello@aiassist.io",
            },
            { text: "Schedule a Call", href: "https://calendly.com/aiassist" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="faq-contact" data-section="faq-contact">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our platform and services"
          tag="Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="smooth"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",
              title: "How quickly can I deploy an AI agent?",
              content:
                "Most customers have their first agent live in under 24 hours. Our pre-built integrations, templates, and guided setup process make deployment fast and straightforward. No machine learning expertise required.",
            },
            {
              id: "2",
              title: "What data do AI agents have access to?",
              content:
                "Agents only access data you explicitly authorize through integrations. We follow principle of least privilege - agents only see what they need to do their job. All data is encrypted in transit and at rest.",
            },
            {
              id: "3",
              title: "Can agents handle complex multi-turn conversations?",
              content:
                "Yes. Our agents maintain conversation context across unlimited turns, understand nuance and intent, and can handle complex workflows. They can escalate to humans when needed.",
            },
            {
              id: "4",
              title: "Is my customer data secure?",
              content:
                "We maintain SOC 2 Type II certification, full GDPR compliance, HIPAA readiness, and bank-grade encryption. Data is stored in isolated environments with comprehensive audit logging.",
            },
            {
              id: "5",
              title: "How much does it cost to get started?",
              content:
                "Our Starter plan is completely free - includes 1 agent and 1,000 conversations monthly. Professional plans start at $499/month with unlimited growth. No credit card required for free plan.",
            },
            {
              id: "6",
              title: "What languages do agents support?",
              content:
                "Agents support 100+ languages with natural understanding and contextually appropriate responses. Language detection is automatic, or you can specify preferred languages per agent.",
            },
            {
              id: "7",
              title: "Can I integrate with our existing systems?",
              content:
                "Yes. We offer pre-built integrations for 50+ popular platforms including Salesforce, HubSpot, Intercom, and Slack. Custom API integrations are available for any system.",
            },
            {
              id: "8",
              title: "How do agents improve over time?",
              content:
                "Agents learn from every interaction through supervised learning. You can provide feedback through our dashboard, and agents incorporate lessons into future conversations. Performance continuously improves.",
            },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="AIAssist"
          columns={[
            {
              title: "Product",
              items: [
                { label: "Features", href: "/features" },
                { label: "Pricing", href: "/pricing" },
                { label: "Security", href: "/security" },
                { label: "API Docs", href: "https://docs.aiassist.io" },
              ],
            },
            {
              title: "Company",
              items: [
                { label: "About", href: "/" },
                { label: "Blog", href: "/blog" },
                { label: "Careers", href: "/careers" },
                { label: "Contact", href: "/contact" },
              ],
            },
            {
              title: "Resources",
              items: [
                {
                  label: "Documentation",
                  href: "https://docs.aiassist.io",
                },
                { label: "Integrations", href: "/integrations" },
                { label: "Templates", href: "/templates" },
                { label: "Support", href: "/support" },
              ],
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Cookie Policy", href: "/cookies" },
                { label: "Compliance", href: "/compliance" },
              ],
            },
          ]}
          copyrightText="© 2025 AIAssist. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}