"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Heart, MessageCircle, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Process",          id: "#process"},
        {
          name: "Success Stories",          id: "/success-stories"},
        {
          name: "Team",          id: "#team"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Apply Now",          id: "/apply-now"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="WUMA Match"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated"}}
      title="Premium Matchmaking, Personally Curated for You"
      description="Skip the endless swiping. Our expert matchmakers connect you with genuinely compatible partners who share your values and life goals."
      buttons={[
        {
          text: "Start Your Match Journey",          href: "#contact"},
      ]}
      carouselItems={[
        {
          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598345.jpg",          imageAlt: "elegant couple fine dining city lights"},
        {
          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-kissing-woman-head_23-2147978608.jpg",          imageAlt: "happy couple walking park autumn"},
        {
          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-young-businessman-running-street-while-being-late-work_637285-3086.jpg",          imageAlt: "professional woman confident smile"},
        {
          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/discussion-by-lunch_1098-15803.jpg",          imageAlt: "man and woman coffee shop engaging conversation"},
        {
          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/positive-colleagues-posing-taking-selfie-photo-outdoors_1262-19188.jpg",          imageAlt: "elegant man in city suit confident"},
        {
          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-protesting-outdoors_23-2150246612.jpg",          imageAlt: "diverse group happy couples"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Your Journey to Lasting Love Starts Here"
      description="WUMA Match is not just a dating service; it's a personalized experience designed for discerning individuals. We believe true connection goes beyond algorithms, focusing on shared values, lifestyle, and aspirations to forge meaningful relationships."
      metrics={[
        {
          value: "90%",          title: "Success Rate"},
        {
          value: "500+",          title: "Happy Couples"},
        {
          value: "10",          title: "Years Experience"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-discussing-business_23-2148911762.jpg"
      imageAlt="warm, inviting office space consulting"
      mediaAnimation="opacity"
    />
  </div>

  <div id="process" data-section="process">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Personalized Consultation",          description: "We conduct a deep dive into your desires, values, and lifestyle to understand what truly matters to you.",          icon: Users,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/pretty-couple-sitting-cafe_171337-19076.jpg",              imageAlt: "woman talking therapist office"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/modern-wedding-planner-laptop-top-view_23-2148652056.jpg",              imageAlt: "notebook with detailed notes planning"},
          ]
        },
        {
          title: "Curated Introductions",          description: "Our expert matchmakers hand-pick and screen compatible partners, saving you time and ensuring quality.",          icon: Heart,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/business-owner-planning-property-investment-office-tour-with-broker_482257-90821.jpg",              imageAlt: "two diverse people shaking hands meeting"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-concept-with-letter-game_23-2147797126.jpg",              imageAlt: "matchmaker presenting profiles client"},
          ]
        },
        {
          title: "Ongoing Support & Guidance",          description: "Receive valuable feedback and coaching throughout your matching journey to maximize your success.",          icon: MessageCircle,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207971.jpg",              imageAlt: "woman listening empathetically advising"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-silhouette-nature-sunset_23-2150290723.jpg",              imageAlt: "couple holding hands happily in distance"},
          ]
        }
      ]}
      title="Our Bespoke Matchmaking Process"
      description="Experience a service tailored to your unique preferences, ensuring every introduction is thoughtfully considered."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Elite Ventures",        "Pinnacle Group",        "Sophisticated Living",        "Global Connections",        "Executive Match",        "Aesthetic Pursuits",        "Legacy Partners"]}
      title="Trusted by Discerning Individuals"
      description="Our clients come from diverse professional backgrounds, united by their pursuit of meaningful connections and the highest standards of discretion."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          role: "Marketing Executive",          company: "Global Brands",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",          imageAlt: "smiling woman professional headshot"},
        {
          id: "2",          name: "Michael L.",          role: "Tech Entrepreneur",          company: "Innovate Corp",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/couple-eating-tasty-fries-outdoors_329181-20716.jpg",          imageAlt: "smiling man professional headshot"},
        {
          id: "3",          name: "Emily R.",          role: "Financial Analyst",          company: "Wealth Management Inc.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-woman_158595-954.jpg",          imageAlt: "elegant woman posing candidly"},
        {
          id: "4",          name: "David K.",          role: "Senior Architect",          company: "Urban Design Studio",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/men-discussing-business-while-smiling_23-2148746323.jpg",          imageAlt: "professional man smiling candid"},
        {
          id: "5",          name: "Olivia M.",          role: "Healthcare Administrator",          company: "Metropolitan Hospital",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/dreamy-girl-making-assumptions-what-gets-as-christmas-present-looking-curious-happy-upper-lef_1258-135519.jpg",          imageAlt: "woman looking thoughtfully joyful"},
      ]}
      title="Real Connections, Real Stories"
      description="Hear from our satisfied clients who found their perfect match and built fulfilling relationships with WUMA Match."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      team={[
        {
          id: "1",          name: "Eleanor Vance",          role: "Head Matchmaker",          imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-holding-hands_23-2147744904.jpg",          imageAlt: "professional female matchmaker portrait"},
        {
          id: "2",          name: "Julian Hayes",          role: "Senior Matchmaking Advisor",          imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-businessman-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-7442.jpg",          imageAlt: "professional male matchmaker portrait"},
        {
          id: "3",          name: "Isabella Chen",          role: "Client Relations Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/customer-service-operator-talking-phone-office_1301-7538.jpg",          imageAlt: "professional female assistant matchmaker"},
      ]}
      title="Meet Your Dedicated Matchmakers"
      description="Our team of experienced professionals is committed to understanding your unique needs and guiding you towards lasting love."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "What makes WUMA Match different?",          content: "We offer a highly personalized, curated experience focusing on genuine compatibility and discretion, unlike typical algorithm-based dating apps."},
        {
          id: "2",          title: "How does the matchmaking process work?",          content: "It begins with a confidential consultation, followed by curated introductions and ongoing support tailored to your unique preferences."},
        {
          id: "3",          title: "Is my privacy guaranteed?",          content: "Absolutely. We prioritize your confidentiality and discretion above all else, with strict privacy protocols in place."},
        {
          id: "4",          title: "What kind of individuals do you match?",          content: "We work with affluent, relationship-focused singles aged 28-55 who value quality connections and professional guidance."},
      ]}
      title="Your Questions, Answered"
      description="Find answers to common questions about our personalized matchmaking services, process, and privacy."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Connect"
      title="Ready to Find Your Match?"
      description="Take the first step towards a fulfilling relationship. Schedule a confidential consultation with our team today."
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-laptop_23-2149963925.jpg"
      imageAlt="elegant woman on phone scheduling appointment"
      mediaAnimation="opacity"
      inputPlaceholder="Your Email Address"
      buttonText="Schedule Consultation"
      termsText="By clicking 'Schedule Consultation', you agree to our Terms and Conditions and Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-photo/notepad-with-inscription-4th-july-design-with-stars-red-surface_23-2148151321.jpg"
      logoAlt="modern elegant WUMA Match logo"
      logoText="WUMA Match"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Service",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
