"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Shield, Info, Layers, TrendingUp, Users, Lock, Zap, Award, Mail, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLarge"
      background="blurBottom"
      cardStyle="soft-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Tirupati Multi Solution"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Why Us", id: "metrics" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
          ]}
          button={{ text: "Get Started", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Enterprise-Grade Cybersecurity Solutions"
          description="Protect your business from evolving cyber threats with Tirupati Multi Solution's comprehensive security platform. Advanced threat detection, compliance management, and 24/7 monitoring for complete peace of mind."
          tag="Security Excellence"
          tagIcon={Shield}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/a-modern-cybersecurity-operations-center-1772524195213-1aadb69a.png",              imageAlt: "Security Operations Dashboard"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/illustration-of-endpoint-security-protec-1772524194953-375ca41c.png?_wi=1",              imageAlt: "Endpoint Protection"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/illustration-showing-threat-detection-an-1772524195247-d805ce66.png?_wi=1",              imageAlt: "Threat Detection System"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/illustration-of-compliance-and-standards-1772524194855-d0a073aa.png?_wi=1",              imageAlt: "Compliance Standards"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/illustration-of-incident-response-a-team-1772524195915-ed74180f.png?_wi=1",              imageAlt: "Incident Response Team"},
          ]}
          buttons={[
            { text: "Schedule Consultation", href: "contact" },
            { text: "Learn More", href: "services" },
          ]}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About Tirupati Multi Solution"
          tagIcon={Info}
          title="Trusted Security Partner for Enterprises Worldwide"
          useInvertedBackground={false}
          buttons={[{ text: "Explore Our Expertise", href: "services" }]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Our Security Services"
          description="Comprehensive cybersecurity solutions designed to protect every layer of your infrastructure."
          tag="Service Portfolio"
          tagIcon={Layers}
          features={[
            {
              id: 1,
              title: "Endpoint Protection & Detection",              description: "Advanced endpoint security with real-time threat monitoring, behavioral analysis, and automated response capabilities. Protect all devices across your organization from malware, ransomware, and emerging threats.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/illustration-of-endpoint-security-protec-1772524194953-375ca41c.png?_wi=2",              imageAlt: "Endpoint Protection"},
            {
              id: 2,
              title: "Threat Detection & Response",              description: "24/7 security monitoring with AI-powered threat detection. Our expert analysts identify and neutralize threats before they can impact your business. Rapid incident response and containment protocols.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/illustration-showing-threat-detection-an-1772524195247-d805ce66.png?_wi=2",              imageAlt: "Threat Detection"},
            {
              id: 3,
              title: "Compliance & Governance",              description: "Achieve and maintain compliance with ISO 27001, GDPR, HIPAA, PCI-DSS, and other regulatory frameworks. Comprehensive compliance audits, documentation, and continuous monitoring.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/illustration-of-compliance-and-standards-1772524194855-d0a073aa.png?_wi=2",              imageAlt: "Compliance Management"},
            {
              id: 4,
              title: "Incident Response & Recovery",              description: "Rapid incident response team ready 24/7 to handle security breaches. Minimize impact, recover systems quickly, and implement preventive measures to avoid future incidents.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/illustration-of-incident-response-a-team-1772524195915-ed74180f.png?_wi=2",              imageAlt: "Incident Response"},
            {
              id: 5,
              title: "Security Awareness Training",              description: "Empower your employees with security best practices through interactive training programs. Reduce human-caused security breaches and build a security-conscious culture.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/illustration-of-security-awareness-train-1772524194879-43de26f8.png",              imageAlt: "Security Training"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Why Choose Tirupati Multi Solution"
          description="Industry-leading security outcomes and customer satisfaction metrics."
          tag="Performance"
          tagIcon={TrendingUp}
          metrics={[
            { id: "1", icon: Lock, title: "Threats Blocked", value: "10M+" },
            { id: "2", icon: Users, title: "Protected Users", value: "500K+" },
            { id: "3", icon: Zap, title: "Response Time", value: "<2 min" },
            { id: "4", icon: Award, title: "Uptime SLA", value: "99.99%" },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by Industry Leaders"
          description="See what our clients have to say about their experience with Tirupati Multi Solution."
          tag="Client Testimonials"
          tagIcon={Users}
          testimonials={[
            {
              id: "1",              title: "Comprehensive Security Coverage",              quote: "Tirupati Multi Solution transformed our security posture. Their 24/7 monitoring and rapid incident response capabilities give us confidence that our infrastructure is protected.",              name: "Rajesh Kumar",              role: "CTO",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/professional-headshot-of-a-confident-mal-1772524194535-1abf5368.png?_wi=1",              imageAlt: "Rajesh Kumar"},
            {
              id: "2",              title: "Compliance Made Simple",              quote: "Meeting GDPR and ISO 27001 requirements was complex until we partnered with Tirupati. Their expertise and guidance made the entire compliance journey smooth and efficient.",              name: "Priya Singh",              role: "Chief Information Officer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/professional-headshot-of-a-confident-fem-1772524194485-a194b752.png?_wi=1",              imageAlt: "Priya Singh"},
            {
              id: "3",              title: "Expert Incident Response",              quote: "During a critical security incident, Tirupati's response team was outstanding. They contained the threat, minimized damage, and helped us strengthen our defenses immediately.",              name: "Amit Patel",              role: "Head of IT Security",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/professional-headshot-of-a-male-security-1772524195046-c3a347fb.png",              imageAlt: "Amit Patel"},
            {
              id: "4",              title: "Outstanding Customer Support",              quote: "The level of support and partnership we receive from Tirupati Multi Solution is exceptional. They're not just a vendor; they're an extension of our security team.",              name: "Deepa Nair",              role: "Operations Director",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/professional-headshot-of-a-female-operat-1772524194683-78a32cdd.png",              imageAlt: "Deepa Nair"},
            {
              id: "5",              title: "Cost-Effective Security",              quote: "We reduced our security costs by 40% while actually improving our protection levels. Tirupati's efficient approach to threat management is unmatched.",              name: "Vikram Desai",              role: "Finance Director",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/professional-headshot-of-a-confident-mal-1772524194535-1abf5368.png?_wi=2",              imageAlt: "Vikram Desai"},
            {
              id: "6",              title: "Proactive Security Partner",              quote: "Unlike other providers, Tirupati takes a proactive approach. They continuously assess and improve our security rather than just responding to issues.",              name: "Meera Johri",              role: "Chief Security Officer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/professional-headshot-of-a-confident-fem-1772524194485-a194b752.png?_wi=2",              imageAlt: "Meera Johri"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Get answers to common questions about our cybersecurity services, implementation, and support."
          tag="FAQ"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "How does your threat detection work?",              content: "Our AI-powered threat detection system analyzes network traffic, endpoint behavior, and security logs in real-time. We use machine learning models trained on millions of threat signatures to identify both known and emerging threats. Our expert analysts review and validate alerts to minimize false positives and ensure rapid response."},
            {
              id: "2",              title: "What is your incident response time?",              content: "Our average incident detection time is under 2 minutes, and initial response within 15 minutes. We maintain a 24/7 Security Operations Center with expert analysts ready to mobilize our incident response team immediately upon detection. Response time varies based on threat severity."},
            {
              id: "3",              title: "Are you compliant with major regulatory standards?",              content: "Yes, we maintain compliance with ISO 27001, GDPR, HIPAA, PCI-DSS, SOC 2 Type II, and other major frameworks. We conduct regular third-party audits and provide comprehensive compliance reporting. Our services are designed to help your organization achieve and maintain compliance as well."},
            {
              id: "4",              title: "How is the service deployed in our environment?",              content: "We offer flexible deployment options: cloud-based SaaS, on-premises installation, or hybrid models. Our team conducts a thorough assessment of your infrastructure and recommends the optimal deployment strategy. Implementation typically takes 2-4 weeks with minimal disruption to your operations."},
            {
              id: "5",              title: "What ongoing training and support do you provide?",              content: "We provide 24/7 technical support, quarterly security awareness training for your employees, monthly security reports, and regular consultation sessions. Our customer success team proactively monitors your security posture and recommends improvements."},
            {
              id: "6",              title: "How do you handle data privacy and confidentiality?",              content: "Data privacy is paramount. We implement end-to-end encryption, strict access controls, and comply with all data protection regulations. Our security team is bound by NDAs, and we maintain secure segregation of your data. Audit trails are maintained for all access to your security information."},
            {
              id: "7",              title: "Can you integrate with our existing security tools?",              content: "Absolutely. Our platform integrates seamlessly with SIEM systems, vulnerability scanners, firewalls, and other security tools. We support standard protocols and APIs. Our integration specialists will configure everything to work cohesively with your existing infrastructure."},
            {
              id: "8",              title: "What is your pricing model?",              content: "We offer flexible pricing based on the number of endpoints, users, compliance requirements, and service level. Most clients choose our tiered plans ranging from Starter to Enterprise. We provide transparent pricing with no hidden fees and can customize packages to match your specific needs."},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Schedule Your Security Consultation"
          description="Connect with our security experts to discuss your organization's unique challenges and discover how Tirupati Multi Solution can protect your business."
          tagIcon={Mail}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/professional-security-consultation-meeti-1772524196816-97f7ec55.png"
          imageAlt="Security Consultation"
          mediaAnimation="slide-up"
          inputPlaceholder="Enter your email address"
          buttonText="Schedule Now"
          termsText="We respect your privacy. Unsubscribe at any time. By signing up, you agree to our Terms of Service and Privacy Policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQU8W29flsj62NS74ny468x53P/wide-panoramic-view-of-a-cybersecurity-o-1772524197200-8c836e7b.png"
          imageAlt="Cybersecurity Operations Center"
          logoText="Tirupati Multi Solution"
          copyrightText="© 2025 Tirupati Multi Solution. All rights reserved."
          columns={[
            {
              title: "Solutions",              items: [
                { label: "Endpoint Protection", href: "#services" },
                { label: "Threat Detection", href: "#services" },
                { label: "Compliance Management", href: "#services" },
                { label: "Incident Response", href: "#services" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Why Choose Us", href: "#metrics" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" },
              ],
            },
            {
              title: "Resources",              items: [
                { label: "Security Blog", href: "#" },
                { label: "FAQ", href: "#faq" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
