"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { CheckCircle, DollarSign, Zap, Star, Crown } from "lucide-react";

export default function ServicesPage() {
  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="features" data-section="features" className="mx-auto px-4 md:px-6">
        <FeatureCardNine
          title="Why Businesses Choose Boot Networks"
          description="Expert IT support paired with cutting-edge cloud solutions to transform your business operations."
          tag="Proven Solutions"
          tagIcon={CheckCircle}
          features={[
            {
              id: 1,
              title: "Microsoft 365 Expert Consultants",
              description: "Experienced Microsoft 365 consultants optimize your productivity suite, streamline collaboration with Teams, and maximize ROI on your cloud investments.",
              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/woman-video-conference-call-her-home-office-coronavirus-pandemic_53876-143092.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/social-integration-working-team_23-2149341113.jpg"
              }
            },
            {
              id: 2,
              title: "Comprehensive Cybersecurity & Network Support",
              description: "Protect your business with professional security assessments, network infrastructure optimization, and continuous monitoring to prevent threats and downtime.",
              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/working-mother-conducts-online-videocall_482257-119408.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/ceo-leading-meeting-online-teleconference-call-boardroom_482257-122813.jpg"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Request Free Assessment", href: "/contact" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing" className="mx-auto px-4 md:px-6">
        <PricingCardOne
          title="Service Packages"
          description="Flexible IT service plans tailored to your business size and needs. From startups to enterprise organizations."
          tag="Transparent Pricing"
          tagIcon={DollarSign}
          plans={[
            {
              id: "1",
              badge: "Starter",
              badgeIcon: Zap,
              price: "Custom Quote",
              subtitle: "Perfect for small teams",
              features: [
                "Free Internet Assessment",
                "Free VoIP Quote", 
                "Basic IT Support",
                "Email Administration",
                "Monthly Health Checks"
              ]
            },
            {
              id: "2",
              badge: "Professional",
              badgeIcon: Star,
              price: "Custom Quote",
              subtitle: "Ideal for growing businesses",
              features: [
                "All Starter features",
                "Microsoft 365 Consulting",
                "Advanced Cybersecurity",
                "24/7 Remote Support",
                "Network Optimization",
                "Quarterly Strategic Reviews"
              ]
            },
            {
              id: "3",
              badge: "Enterprise",
              badgeIcon: Crown,
              price: "Custom Quote",
              subtitle: "For large organizations",
              features: [
                "All Professional features",
                "Dedicated Account Manager",
                "Custom Cloud Architecture",
                "Priority Support Line",
                "Compliance & Security Audit",
                "Unlimited Consulting Hours"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Contact for Custom Quote", href: "/contact" }
          ]}
        />
      </div>

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