"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Award, Shield, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "Services", id: "features" },
        { name: "Pricing", id: "pricing" },
        { name: "About", id: "about" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Netscape Cyber"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Netscape Cyber"
      description="Proactive protection for your digital assets. We provide elite cybersecurity intelligence to secure your business ecosystem against evolving threats."
      buttons={[
        { text: "Get Protected", href: "#contact" },
        { text: "View Pricing", href: "#pricing" },
      ]}
      slides={[
        { imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2152004046.jpg", imageAlt: "Data Protection" },
        { imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637784.jpg?_wi=1", imageAlt: "Secure Shield" },
        { imageSrc: "http://img.b2bpic.net/free-photo/programmer-walking-data-center-coding-laptop_482257-124794.jpg", imageAlt: "Server Security" },
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={["Enterprise Data", "Cloud Guard", "Tech Sync", "Secure Corp", "Shield Net"]}
      title="Securing Global Leaders"
      description="Trusted by industry experts to defend the infrastructure of the future."
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        { type: "text", content: "Our Mission is Total Digital Sovereignty" },
        { type: "image", src: "http://img.b2bpic.net/free-photo/trans-man-work-with-laptop_23-2149409845.jpg", alt: "Team" },
      ]}
      buttons={[{ text: "Read Our Vision", href: "#" }]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        { title: "Zero Trust Architecture", description: "Strict verification and continuous monitoring.", imageSrc: "http://img.b2bpic.net/free-photo/gradient-technology-background_23-2151895855.jpg" },
        { title: "Real-time Threat Analytics", description: "Identify and neutralize threats before they scale.", imageSrc: "http://img.b2bpic.net/free-vector/technology-logo-template_23-2150529433.jpg" },
        { title: "Threat Intelligence Feeds", description: "Stay ahead of global malicious actors.", imageSrc: "http://img.b2bpic.net/free-photo/technician-using-laptop-data-center-managing-servers_482257-124813.jpg" },
        { title: "Cloud Security Compliance", description: "Multi-cloud environment protection and governance.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637784.jpg?_wi=2" },
        { title: "Vulnerability Management", description: "Proactive scanning for infrastructure weaknesses.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-cool-background_181624-21208.jpg" },
        { title: "Network Defense Systems", description: "Hardening your perimeter against modern attacks.", imageSrc: "http://img.b2bpic.net/free-photo/commander-communicating-with-allied-forces-transmitting-data_482257-90016.jpg" }
      ]}
      title="Comprehensive Cyber Services"
      description="Our full suite of security solutions designed to protect every layer of your enterprise infrastructure."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        { id: "starter", price: "$1,999/mo", name: "Starter", buttons: [{ text: "Start Plan", href: "#" }], features: ["Security Scan", "Basic Firewall", "Email Support"] },
        { id: "enterprise", price: "$4,999/mo", name: "Enterprise", buttons: [{ text: "Choose Enterprise", href: "#" }], features: ["24/7 Monitoring", "Zero Trust Setup", "Priority Support"] },
        { id: "custom", price: "Custom", name: "Enterprise Plus", buttons: [{ text: "Contact Us", href: "#contact" }], features: ["Dedicated SOC", "Global Infrastructure", "Tailored Defense"] },
      ]}
      title="Defensive Tiers"
      description="Flexible plans designed to grow with your infrastructure demands."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", icon: Shield, title: "Threats Blocked", value: "1.2M+" },
        { id: "m2", icon: Zap, title: "Response Time", value: "< 5ms" },
        { id: "m3", icon: Award, title: "Client Retention", value: "99.8%" },
      ]}
      title="Proven Efficacy"
      description="Data-driven results ensuring peace of mind across our client base."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="Netscape Cyber transformed our security posture completely. We've had zero incidents since integration."
      rating={5}
      author="Sarah Miller, CTO"
      avatars={[{ src: "http://img.b2bpic.net/free-photo/four-multiethnic-colleagues-looking-computer-screen-office_93675-134937.jpg", alt: "Sarah" }]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        { id: "q1", title: "Is integration slow?", content: "Deployment takes minutes with our managed automation tools." },
        { id: "q2", title: "Can you scale?", content: "Our infra supports everything from SMBs to Fortune 500." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/mystery-box-collage_23-2150061729.jpg"
      title="Defensive Queries"
      description="Frequently asked questions regarding our security protocols and services."
      faqsAnimation="slide-up"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "animated-grid" }}
      title="Secure Your Future"
      description="Ready to fortify your perimeter? Reach out to our engineers."
      imageSrc="http://img.b2bpic.net/free-photo/experienced-call-center-employee-listening-customer-inquiries_482257-125965.jpg"
      mediaAnimation="slide-up"
      tag="Contact Us"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Netscape Cyber"
      copyrightText="© 2024 Netscape Cyber Services. All rights reserved."
      columns={[
        { title: "Solutions", items: [{ label: "Zero Trust", href: "#features" }, { label: "Cloud Defense", href: "#" }] },
        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}