"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Features", id: "#features" },
        { name: "Success", id: "#testimonials" },
        { name: "Support", id: "#faq" },
        { name: "Join Now", id: "#contact" },
      ]}
      brandName="EliteConnections"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="EliteConnections"
      description="Where ambition meets attraction. A secure, worldwide platform designed for confident individuals seeking authentic, high-value connections."
      buttons={[
        { text: "Get Started", href: "#contact" },
        { text: "Learn More", href: "#features" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/romantic-couple-standing-restaurant-date-near-big-window-hugging_1157-52346.jpg"
      imageAlt="EliteConnections Hero"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        { type: "text", content: "Elevating the " },
        { type: "image", src: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236926.jpg", alt: "Connection" },
        { type: "text", content: " Experience" },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Verified Privacy",          description: "Rigorous verification ensures you only engage with authentic, serious individuals.",          imageSrc: "http://img.b2bpic.net/free-photo/xoxo-flirty-text-person-firing-colorful-gun-media-mix_53876-98460.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201872.jpg",          buttonText: "Read More"},
        {
          title: "Global Reach",          description: "Expand your horizon and find compatible connections wherever life takes you.",          imageSrc: "http://img.b2bpic.net/free-photo/global-network-online-communication-connection_53876-21252.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-high-tech-earth-planet_23-2151100407.jpg",          buttonText: "Discover"},
        {
          title: "Ambitious Vibe",          description: "Join a community that values confidence, clarity, and genuine, calm energy.",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-stylish-woman-coat-joyfully-looking-camera-walking-through-city-street_574295-2122.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/stylish-adult-woman-posing-with-eco-friendly-bike_23-2148731270.jpg",          buttonText: "Join Now"},
      ]}
      title="Why EliteConnections?"
      description="We prioritize your privacy, verify every profile, and provide a curated space for high-quality interactions worldwide."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "10k+",          title: "Active Members",          description: "A growing global community.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg"},
        {
          id: "m2",          value: "95%",          title: "Verification Rate",          description: "Authenticity in every interaction.",          imageSrc: "http://img.b2bpic.net/free-vector/astract-modern-background-with-glowing-sphere-particles_1048-12814.jpg"},
        {
          id: "m3",          value: "2k+",          title: "Connections Daily",          description: "Meaningful chats happening now.",          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-graphic-holography_23-2149160934.jpg"},
      ]}
      title="Proven Impact"
      description="Our success statistics highlight our commitment to meaningful outcomes."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          handle: "@sarahj",          testimonial: "I found exactly what I was looking for: clear communication and mutual respect. Simply excellent.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-with-curve-hair-outdoor-portrait_624325-2766.jpg"},
        {
          id: "t2",          name: "David M.",          handle: "@davidm",          testimonial: "The verification process really sets this platform apart from the rest.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-flower_23-2150170557.jpg"},
        {
          id: "t3",          name: "Elena R.",          handle: "@elenar",          testimonial: "An upscale experience that feels both safe and incredibly welcoming.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-blonde-woman-with-bouquet-daisies-sits-chair-twists-petals-chamomile-flower-closeup-selective-soft-focus-vertical-frame_166373-2413.jpg"},
        {
          id: "t4",          name: "Marcus L.",          handle: "@marcusl",          testimonial: "Finally, a platform where ambition and good vibes are actually the standard.",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-elderly-businessman-man-restaurant-senior-black-suit_1157-46610.jpg"},
        {
          id: "t5",          name: "Jessica B.",          handle: "@jessb",          testimonial: "Professional, easy to use, and effective. Highly recommend for serious connections.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-woman-looking-camera_197531-33313.jpg"},
      ]}
      title="Real Success Stories"
      description="Hear from members who found authentic connections on EliteConnections."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "Is the platform secure?",          content: "Yes, we prioritize security through rigorous verification and privacy protection."},
        {
          id: "q2",          title: "How does verification work?",          content: "We check all profiles manually and technically to ensure you are connecting with real people."},
        {
          id: "q3",          title: "Is there a fee?",          content: "We offer tiered access options to ensure a high-quality community for all users."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/laptop-tablet-coffee-wooden-desk-near-window_9975-24492.jpg"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Find answers to common questions about our platform and security."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "canvas-reveal"}}
      tag="Ready to Join?"
      title="Start Your Journey Today"
      description="Join our community of ambitious and confident people looking for meaningful, lasting connections worldwide."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="EliteConnections"
      columns={[
        {
          title: "Platform",          items: [
            { label: "Features", href: "#features" },
            { label: "Success Stories", href: "#testimonials" },
            { label: "Security", href: "#faq" },
          ],
        },
        {
          title: "Company",          items: [
            { label: "About Us", href: "#" },
            { label: "Terms", href: "#" },
            { label: "Privacy", href: "#" },
          ],
        },
        {
          title: "Support",          items: [
            { label: "Contact", href: "#contact" },
            { label: "Help Center", href: "#faq" },
            { label: "Careers", href: "#" },
          ],
        },
      ]}
      copyrightText="© 2026 EliteConnections. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
