"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeLargeTitles"
        background="grid"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Features",
          id: "features",
        },
        {
          name: "Scanner",
          id: "scanner",
        },
        {
          name: "Pricing",
          id: "pricing",
        },
        {
          name: "FAQ",
          id: "faq",
        },
      ]}
      brandName="PrivaGuard"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "gradient-bars",
      }}
      title="Your Privacy, Hardened."
      description="Discover where your data lives online and secure your digital identity. PrivaGuard provides advanced, legal breach monitoring and privacy cleanup tools for your peace of mind."
      tag="Advanced Email Privacy & Breach Monitoring"
      buttons={[
        {
          text: "Start Free Scan",
          href: "#scanner",
        },
        {
          text: "See Plans",
          href: "#pricing",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "TechSecurity Weekly",
        "DataPrivacy Insider",
        "SecureNet Labs",
        "Digital Defense Corp",
        "CloudShield Systems",
        "CyberAudit Pro",
        "PrivacyTech Today",
      ]}
      title="Trusted by Cybersecurity Experts"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          title: "Breach Notifications",
          description: "Get real-time alerts if your credentials appear in new data leaks.",
          tag: "Monitor",
          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg",
        },
        {
          id: "f2",
          title: "OSINT Risk Scanner",
          description: "Scan public sources to find exposed personal data and risky digital visibility.",
          tag: "Scan",
          imageSrc: "http://img.b2bpic.net/free-photo/male-holding-mobile-with-lighting-controlling-app-sitting-kitchen_482257-7527.jpg",
        },
        {
          id: "f3",
          title: "Lawful Removal Guidance",
          description: "Step-by-step workflows to request legal data removal from third-party services.",
          tag: "Cleanup",
          imageSrc: "http://img.b2bpic.net/free-photo/data-breach-unsecured-warning-sign-concept_53876-120317.jpg",
        },
      ]}
      title="Comprehensive Privacy Protection"
      description="Everything you need to regain control over your digital footprint."
    />
  </div>

  <div id="scanner" data-section="scanner">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split-description"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Breach Status",
          price: "Secure",
          variant: "Active",
          imageSrc: "http://img.b2bpic.net/free-photo/fingerprint-authentication-tablet_23-2152001147.jpg",
        },
        {
          id: "p2",
          name: "Data Broker Presence",
          price: "Low",
          variant: "Minimal",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-username-password-information-with-mouse-keyboard_23-2148578109.jpg",
        },
        {
          id: "p3",
          name: "Public Mentions",
          price: "Clean",
          variant: "Status",
          imageSrc: "http://img.b2bpic.net/free-photo/communication-connection-message-networking_53876-120339.jpg",
        },
        {
          id: "p4",
          name: "Phishing Risk",
          price: "Minimal",
          variant: "Low",
          imageSrc: "http://img.b2bpic.net/free-photo/digital-security-breach-alert-electronic-devices_23-2152029076.jpg",
        },
        {
          id: "p5",
          name: "Account Hardening",
          price: "Pending",
          variant: "Update",
          imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89841.jpg",
        },
        {
          id: "p6",
          name: "Reputation Score",
          price: "High",
          variant: "Healthy",
          imageSrc: "http://img.b2bpic.net/free-photo/access-denied-digital-security-warning_23-2151967426.jpg",
        },
      ]}
      title="Built-in Privacy Scanner"
      description="Visualize your risk profile with our advanced monitoring dashboard."
    />
  </div>

  <div id="dashboard" data-section="dashboard">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "Advanced Dashboard & Monitoring",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
          alt: "Dashboard preview",
        },
      ]}
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          title: "Essential",
          price: "$9/mo",
          period: "billed annually",
          features: [
            "Breach alerts",
            "Email security tips",
            "Basic removal guides",
          ],
          button: {
            text: "Get Started",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89895.jpg",
          imageAlt: "Army officer examining real time satellite data on big screen in military base",
        },
        {
          id: "pro",
          title: "Pro Protection",
          price: "$19/mo",
          period: "billed annually",
          features: [
            "Full OSINT scan",
            "Data broker cleanup workflows",
            "Priority alerts",
            "24/7 Monitoring",
          ],
          button: {
            text: "Get Started",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg",
          imageAlt: "Army officer examining real time satellite data on big screen in military base",
        },
        {
          id: "enterprise",
          title: "Family Shield",
          price: "$29/mo",
          period: "billed annually",
          features: [
            "Up to 5 accounts",
            "Everything in Pro",
            "Advanced family monitoring",
            "Direct support",
          ],
          button: {
            text: "Get Started",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-shield-with-padlock_23-2151998478.jpg",
          imageAlt: "Army officer examining real time satellite data on big screen in military base",
        },
      ]}
      title="Flexible Protection Plans"
      description="Choose the level of privacy monitoring that suits your needs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Alice M.",
          role: "Software Architect",
          company: "TechInnovate",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
        },
        {
          id: "t2",
          name: "David R.",
          role: "Product Lead",
          company: "StartupGen",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
        },
        {
          id: "t3",
          name: "Sarah K.",
          role: "Marketing Dir",
          company: "GrowthX",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg",
        },
        {
          id: "t4",
          name: "Mark L.",
          role: "Cyber Analyst",
          company: "SecAudit",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg",
        },
        {
          id: "t5",
          name: "Elena P.",
          role: "Freelance Dev",
          company: "DigitalCraft",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "50K+",
          label: "Breaches Detected",
        },
        {
          value: "12K+",
          label: "Privacy Cleanups",
        },
        {
          value: "99%",
          label: "User Satisfaction",
        },
      ]}
      title="Secure Your Legacy"
      description="Join thousands who have regained control over their digital exposure."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Does PrivaGuard hack services?",
          content: "Absolutely not. We focus solely on legal, ethical privacy improvements and OSINT discovery.",
        },
        {
          id: "q2",
          title: "Is my data monitored 24/7?",
          content: "Yes, our automated systems check for new breach notifications around the clock.",
        },
        {
          id: "q3",
          title: "Can you guarantee removal?",
          content: "No, we guide you through lawful opt-out processes; we do not guarantee third-party database removal.",
        },
      ]}
      title="Security Questions Answered"
      description="Common inquiries about our monitoring platform and legal privacy services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Get Started"
      title="Ready to Hardened Your Privacy?"
      description="Start your first scanner today and protect your digital footprint."
      buttons={[
        {
          text: "Begin Scan",
          href: "#scanner",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="PrivaGuard"
      columns={[
        {
          title: "Product",
          items: [
            {
              label: "Scanner",
              href: "#scanner",
            },
            {
              label: "Pricing",
              href: "#pricing",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 PrivaGuard. Ethical Privacy Solutions."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
