"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Award, CheckCircle, HelpCircle, Lock, Shield, Star, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="noise"
      cardStyle="subtle-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="DataGuard"
          navItems={[
            { name: "Features", id: "features" },
            { name: "How It Works", id: "how-it-works" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Check Now",            href: "#search"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Know If Your Personal Data Has Been Breached"
          description="Enter your phone number to instantly check if your personal information has been exposed in data breaches. Our advanced monitoring scans millions of dark web sources to keep you informed and protected."
          background={{ variant: "noise" }}
          tag="Privacy Protection"
          tagIcon={Shield}
          tagAnimation="slide-up"
          buttons={[
            { text: "Check My Data", href: "#search" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-data-privacy-instagram-stories-set_23-2149482712.jpg",              imageAlt: "Phone security protection"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-116818.jpg",              imageAlt: "Security dashboard interface"
            }
          ]}
          mediaAnimation="slide-up"
          rating={5}
          ratingText="Trusted by 500,000+ users"
        />
      </div>

      <div id="search" data-section="search">
        <MediaAbout
          title="Check Your Phone Number Now"
          description="Our secure search interface allows you to instantly check if your phone number appears in any known data breaches. Simply enter your number, and we'll scan our extensive database of compromised records across the dark web and public sources."
          tag="Secure & Private"
          tagIcon={Lock}
          tagAnimation="slide-up"
          buttons={[
            { text: "Learn About Our Process", href: "#how-it-works" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/woman-listening-watching-business-conference-computer-screen_482257-119758.jpg?_wi=1"
          imageAlt="Continuous security monitoring"
          useInvertedBackground={false}
        />
      </div>

      <div id="how-it-works" data-section="how-it-works">
        <FeatureCardOne
          title="How Our Breach Monitoring Works"
          description="We continuously monitor data breaches across the internet to protect your personal information. Here's how our proven process keeps you safe."
          tag="4-Step Process"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          features={[
            {
              title: "Phone Lookup",              description: "Enter your phone number into our secure search system",              imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-watching-business-conference-computer-screen_482257-119758.jpg?_wi=2",              imageAlt: "Phone lookup feature"
            },
            {
              title: "Dark Web Scanning",              description: "We search dark web databases and public breach records",              imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-63253.jpg",              imageAlt: "Dark web database search"
            },
            {
              title: "Real-Time Alerts",              description: "Receive instant notifications if your data is found",              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimalistic-pop-up-set_23-2149128280.jpg?_wi=1",              imageAlt: "Real-time alert system"
            },
            {
              title: "Detailed Reports",              description: "Get comprehensive reports on what data was exposed",              imageSrc: "http://img.b2bpic.net/free-photo/diverse-coworkers-attend-after-hours-business-meeting-analysis-files_482257-130101.jpg?_wi=1",              imageAlt: "Detailed breach report"
            }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <ProductCardTwo
          title="Our Key Protection Features"
          description="DataGuard provides comprehensive monitoring and reporting tools to help you stay informed about your data security."
          tag="Premium Protection"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              brand: "Core",              name: "24/7 Monitoring",              price: "Always Active",              rating: 5,
              reviewCount: "2,400+",              imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-watching-business-conference-computer-screen_482257-119758.jpg?_wi=3",              imageAlt: "Continuous monitoring service"
            },
            {
              id: "2",              brand: "Core",              name: "Dark Web Alerts",              price: "Instant",              rating: 5,
              reviewCount: "1,890+",              imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimalistic-pop-up-set_23-2149128280.jpg?_wi=2",              imageAlt: "Dark web alert notifications"
            },
            {
              id: "3",              brand: "Core",              name: "Breach Reports",              price: "Detailed",              rating: 5,
              reviewCount: "3,120+",              imageSrc: "http://img.b2bpic.net/free-photo/diverse-coworkers-attend-after-hours-business-meeting-analysis-files_482257-130101.jpg?_wi=2",              imageAlt: "Comprehensive breach analysis"
            }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Norton",            "McAfee",            "Kaspersky",            "Bitdefender",            "Avast",            "Trend Micro",            "Webroot"
          ]}
          logos={[
            "http://img.b2bpic.net/free-vector/abstract-geometric-business-card-template_52683-25254.jpg",            "http://img.b2bpic.net/free-vector/data-protection-line-icons-set_98292-1231.jpg",            "http://img.b2bpic.net/free-vector/blue-security-shield-symbol-with-key-lock_1017-20815.jpg",            "http://img.b2bpic.net/free-vector/cyber-security-shield_78370-7887.jpg",            "http://img.b2bpic.net/free-photo/isolated-copy-space-running-laptop-high-tech-agency-office_482257-121529.jpg",            "http://img.b2bpic.net/free-vector/hub-logo-design-template_23-2149883938.jpg",            "http://img.b2bpic.net/free-photo/programming-background-concept_23-2150170126.jpg"
          ]}
          title="Trusted by Industry Leaders"
          description="Our data breach monitoring technology is recognized and trusted by the world's leading cybersecurity companies and millions of users worldwide."
          tag="Industry Standard"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Users Say"
          description="Join thousands of satisfied users who have discovered breaches and protected their personal information with DataGuard."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="User Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              title: "Found My Compromised Data",              quote: "I was shocked to discover my phone number in a recent breach, but thanks to DataGuard I caught it immediately. Highly recommend!",              name: "James Richardson",              role: "Small Business Owner",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg",              imageAlt: "James Richardson"
            },
            {
              id: "2",              title: "Peace of Mind",              quote: "The alerts are so helpful. I've been notified of three breaches containing my data. I was able to take action before any damage occurred.",              name: "Sarah Mitchell",              role: "Finance Manager",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14034.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "3",              title: "Easy to Use",              quote: "Simple, straightforward, and incredibly useful. I check in monthly and feel confident knowing my phone number is being monitored.",              name: "Michael Chen",              role: "Tech Professional",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-mature-businessman-with-cup-coffee_23-2147955276.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "4",              title: "Better Than My Bank",              quote: "The reports are detailed and actionable. DataGuard provides better breach notification than my own bank does. Fantastic service!",              name: "Emily Rodriguez",              role: "Attorney",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "5",              title: "Saved Me From Identity Theft",              quote: "I received an alert about my data in a retail breach, froze my credit immediately, and avoided identity theft. This service paid for itself 100 times over.",              name: "David Thompson",              role: "Entrepreneur",              imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",              imageAlt: "David Thompson"
            },
            {
              id: "6",              title: "Worth Every Penny",              quote: "I've found 5 breaches containing my information since joining. DataGuard's detailed reports helped me contact companies and secure my accounts.",              name: "Jessica White",              role: "Healthcare Administrator",              imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-woman-office_23-2149279554.jpg",              imageAlt: "Jessica White"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our data breach monitoring service and how we protect your information."
          tag="Help & Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/abstract-truth-concept-arrangement_23-2149051375.jpg"
          imageAlt="Security support help"
          mediaPosition="right"
          faqs={[
            {
              id: "1",              title: "Is my phone number safe with DataGuard?",              content: "Yes, absolutely. Your phone number is encrypted and stored securely using industry-standard protocols. We never sell or share your data with third parties. Our entire service is designed around protecting your privacy."
            },
            {
              id: "2",              title: "How often do you scan for breaches?",              content: "We perform continuous monitoring 24/7/365. Our systems scan the dark web, public databases, and known breach repositories multiple times daily to ensure you receive alerts as quickly as possible."
            },
            {
              id: "3",              title: "What if my data is found in a breach?",              content: "You'll receive an instant alert with detailed information about which companies were affected, what data was exposed, and recommended steps you should take to protect yourself."
            },
            {
              id: "4",              title: "How do you find breached data?",              content: "We monitor dark web forums, black market sites, public databases, and work with cybersecurity researchers. Our algorithms identify when new breaches emerge and cross-reference them with phone numbers and personal data."
            },
            {
              id: "5",              title: "Can I check multiple phone numbers?",              content: "Yes, our service allows you to monitor multiple phone numbers for family members or business contacts. Simply add them to your account and receive alerts for all monitored numbers."
            },
            {
              id: "6",              title: "What happens if I'm not in a breach?",              content: "That's great news! We'll continue monitoring your phone number indefinitely. If it appears in any future breaches, you'll get immediate notification so you can act quickly."
            }
          ]}
          showCard={true}
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="DataGuard"
          leftLink={{
            text: "Privacy Policy",            href: "#"
          }}
          rightLink={{
            text: "Terms of Service",            href: "#"
          }}
        />
      </div>
    </ThemeProvider>
  );
}