"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="large"
      background="radialGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Boot Networks"
          button={{
            text: "Get Support",
            href: "/contact"
          }}
        />
      </div>

      <div id="about" data-section="about" className="mx-auto px-4 md:px-6">
        <TextSplitAbout
          title="About Boot Networks"
          description={[
            "Boot Networks is a leading IT services provider serving California businesses with enterprise-grade cloud solutions, cybersecurity expertise, and comprehensive technology support. We specialize in Microsoft 365 implementation, cloud migration, and network infrastructure.",
            "With over 20 years of combined IT experience, our team understands the challenges modern businesses face. We provide proactive support, strategic consulting, and reliable infrastructure that keeps your operations running smoothly. Our commitment is to be your trusted technology partner, enabling your team to focus on what matters most—growing your business."
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Schedule Consultation", href: "/contact" }
          ]}
        />
      </div>

      <div id="faq" data-section="faq" className="mx-auto px-4 md:px-6">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Find answers to questions about our IT services, cloud solutions, and support options."
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What IT services do you offer?",
              content: "Boot Networks offers comprehensive IT services including Microsoft 365 consulting, cloud infrastructure setup, cybersecurity assessments, network design and support, remote IT support, VoIP solutions, and strategic technology planning. We serve businesses of all sizes."
            },
            {
              id: "2",
              title: "Do you provide free assessments?",
              content: "Yes! We offer free internet assessments and free VoIP quotes. These assessments help identify areas where you can improve connectivity, reduce costs, and optimize your communication infrastructure at no obligation."
            },
            {
              id: "3",
              title: "How is your remote support available?",
              content: "We provide 24/7 remote support for our business clients. You can reach our support team by phone at 760-444-0849. Our technicians can remotely access your systems to diagnose and resolve issues quickly without on-site visits."
            },
            {
              id: "4",
              title: "Can you help migrate to Microsoft 365?",
              content: "Absolutely. Our Microsoft 365 consultants specialize in helping businesses migrate from legacy systems to the Microsoft 365 cloud platform. We manage the entire process to ensure smooth transition with minimal disruption to your operations."
            },
            {
              id: "5",
              title: "What cybersecurity services do you provide?",
              content: "We conduct comprehensive cybersecurity assessments, implement security best practices, deploy advanced threat protection, provide employee security training, and ensure compliance with industry regulations to protect your business data."
            },
            {
              id: "6",
              title: "How do I pay my bill or get support?",
              content: "You can pay your bill through our online portal or contact our office directly at 760-444-0849. For technical support, use our remote support system or call the same number. We're here to help with any questions or issues."
            }
          ]}
        />
      </div>

      <FooterLogoReveal
        logoText="Boot Networks"
        logoLineHeight={1.2}
        ariaLabel="Boot Networks - IT Services Footer"
      />
    </ThemeProvider>
  );
}