"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Meetfriends"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Meet People Who Think Like You"
      description="Find study partners, cofounders, and genuine friends based on shared interests and goals. Build real connections and vibrant communities today."
      testimonials={[
        {
          name: "Alex",
          handle: "@alexdev",
          testimonial: "Finally found the perfect study partner for my AI journey.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/business-administrator-uses-mockup-display-ai-neural-network-system_482257-126534.jpg",
          imageAlt: "social network abstract connection",
        },
        {
          name: "Jordan",
          handle: "@startupfound",
          testimonial: "Connected with a cofounder through Meetfriends in weeks.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mindless-zombie-woman-talking-with-office-colleague-while-scary-dead-coworker-passing-by-businessman-discussing-with-creepy-evil-monster-while-spooky-bizarre-undead-corpse-walks-by-them_482257-46724.jpg",
          imageAlt: "social network abstract connection",
        },
        {
          name: "Casey",
          handle: "@hobbyist",
          testimonial: "The community for wellness and fitness is incredibly supportive.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/focused-developer-standing-hallway-working-tablet_74855-2780.jpg",
          imageAlt: "social network abstract connection",
        },
        {
          name: "Taylor",
          handle: "@creative",
          testimonial: "Great platform to find collaborators for my new design projects.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020820.jpg",
          imageAlt: "social network abstract connection",
        },
        {
          name: "Morgan",
          handle: "@entrepreneur",
          testimonial: "Found mentorship and accountability for my startup.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-laptop-computer-office_329181-14583.jpg",
          imageAlt: "social network abstract connection",
        },
      ]}
      buttons={[
        {
          text: "Start Discovering",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/business-administrator-uses-mockup-display-ai-neural-network-system_482257-126534.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg",
          alt: "User 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-handsome-man-holding-tablet-computer-looking-straight-front_342744-405.jpg",
          alt: "User 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/jolly-excited-handsome-male-specialist-working-with-tablet-looking-camera_1262-14260.jpg",
          alt: "User 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
          alt: "User 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020818.jpg",
          alt: "User 5",
        },
      ]}
      avatarText="Join 10,000+ members"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Built for Meaningful Growth"
      description="Meetfriends transcends surface-level swiping to provide a deep, values-driven environment for professionals, creators, and students to flourish."
      bulletPoints={[
        {
          title: "Algorithmic Matching",
          description: "Intelligently connect based on shared professional goals and interests.",
        },
        {
          title: "Values-First Community",
          description: "Built for genuine interaction, not addictive validation cycles.",
        },
        {
          title: "Scalable Infrastructure",
          description: "Designed to support growing networks and local interest-based groups.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/mindless-zombie-woman-talking-with-office-colleague-while-scary-dead-coworker-passing-by-businessman-discussing-with-creepy-evil-monster-while-spooky-bizarre-undead-corpse-walks-by-them_482257-46724.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Interest Groups",
          description: "Organize and participate in micro-communities focused on specific goals.",
          buttonIcon: "Zap",
          imageSrc: "http://img.b2bpic.net/free-photo/user-people-network-circuit-board-link-connection-technology_1379-882.jpg",
          imageAlt: "User People Network Circuit Board Link Connection Technology",
        },
        {
          title: "Real-time Chat",
          description: "Secure direct messaging to foster deep collaboration and communication.",
          buttonIcon: "MessageSquare",
          imageSrc: "http://img.b2bpic.net/free-photo/business-administrator-uses-mockup-display-ai-neural-network-system_482257-126534.jpg",
          imageAlt: "User People Network Circuit Board Link Connection Technology",
        },
        {
          title: "Event Planning",
          description: "Host meetups, workshops, and study sessions with ease.",
          buttonIcon: "Calendar",
          imageSrc: "http://img.b2bpic.net/free-photo/mindless-zombie-woman-talking-with-office-colleague-while-scary-dead-coworker-passing-by-businessman-discussing-with-creepy-evil-monster-while-spooky-bizarre-undead-corpse-walks-by-them_482257-46724.jpg",
          imageAlt: "User People Network Circuit Board Link Connection Technology",
        },
        {
          title: "Smart Notifications",
          description: "Stay updated on relevant discussions and local events.",
          buttonIcon: "Bell",
          imageSrc: "http://img.b2bpic.net/free-photo/focused-developer-standing-hallway-working-tablet_74855-2780.jpg",
          imageAlt: "User People Network Circuit Board Link Connection Technology",
        },
      ]}
      title="Powerful Community Tools"
      description="Everything you need to build a consistent community or find collaborators."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Building Real Impact"
      tag="Growth Statistics"
      metrics={[
        {
          id: "m1",
          value: "10k+",
          description: "Active Professionals",
        },
        {
          id: "m2",
          value: "5k+",
          description: "Study Partnerships",
        },
        {
          id: "m3",
          value: "2k+",
          description: "Local Groups Launched",
        },
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Core",
          price: "Free",
          subtitle: "Basic matching and messaging.",
          buttons: [
            {
              text: "Get Started",
              href: "#",
            },
          ],
          features: [
            "Profile access",
            "Join 2 groups",
            "Direct messaging",
          ],
        },
        {
          id: "pro",
          badge: "Pro",
          price: "$15/mo",
          subtitle: "For dedicated collaborators.",
          buttons: [
            {
              text: "Go Pro",
              href: "#",
            },
          ],
          features: [
            "Advanced matching",
            "Join 10 groups",
            "Host events",
            "Ad-free experience",
          ],
        },
      ]}
      title="Choose Your Growth Path"
      description="Transparent tiers for every connection seeker."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "v1",
          title: "Incredible Network",
          quote: "Meetfriends allowed me to find a cofounder that shared my vision and energy.",
          name: "Alex",
          role: "Entrepreneur",
          imageSrc: "http://img.b2bpic.net/free-photo/focused-developer-standing-hallway-working-tablet_74855-2780.jpg",
        },
        {
          id: "v2",
          title: "Essential Platform",
          quote: "The community support here for creators is truly unique and helpful.",
          name: "Casey",
          role: "Designer",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020820.jpg",
        },
        {
          id: "v3",
          title: "High Quality",
          quote: "The matches are much more relevant than on standard social platforms.",
          name: "Jordan",
          role: "Developer",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-laptop-computer-office_329181-14583.jpg",
        },
        {
          id: "v4",
          title: "Game Changer",
          quote: "I've organized three study groups in my area, all thriving.",
          name: "Morgan",
          role: "Student",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-african-american-female-college-student-holding-notebooks-backpack-smiling-standing-yellow-background_1258-54844.jpg",
        },
        {
          id: "v5",
          title: "Values Driven",
          quote: "Finally, a place where people prioritize genuine connection.",
          name: "Taylor",
          role: "Wellness Coach",
          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-sitting-outside-cafe_1303-19438.jpg",
        },
      ]}
      title="What Members Say"
      description="Joining Meetfriends was the best career move I made this year."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Is Meetfriends free?",
          content: "We offer a robust free plan for casual connections and a Pro plan for power users.",
        },
        {
          id: "q2",
          title: "Can I find people near me?",
          content: "Yes, our location-based matching helps you connect with people in your immediate geography.",
        },
        {
          id: "q3",
          title: "How is privacy handled?",
          content: "Your data privacy is our top priority. We use secure encryption for all interactions.",
        },
      ]}
      sideTitle="Frequently Asked"
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "canvas-reveal",
      }}
      text="Ready to expand your network? Join Meetfriends today and meet people who think like you."
      buttons={[
        {
          text: "Get Started",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "About",
              href: "#",
            },
            {
              label: "Blog",
              href: "#",
            },
          ],
        },
        {
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Meetfriends"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
