"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { CalendarCheck, MapPin, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Why PartyLink",
          id: "#why-partylink",
        },
        {
          name: "Partners",
          id: "#partners",
        },
        {
          name: "Events",
          id: "#events",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="PartyLink"
      button={{
        text: "Download App",
        href: "#",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "sparkles-gradient",
      }}
      title="Discover the Hottest Parties Nearby"
      description="PartyLink connects enthusiastic students to the best local events. Never miss out on a good time again with our smooth and easy-to-use platform."
      tag="Your Ultimate Party Guide"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Download on App Store",
          href: "#",
        },
        {
          text: "Get it on Google Play",
          href: "#",
        },
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-vector/dating-app-interface-concept_23-2148530534.jpg",
          imageAlt: "PartyLink app interface on smartphone",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-taking-selfie_23-2149739836.jpg",
          imageAlt: "Group of enthusiastic students at a lively party",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-vector/taxi-service-onboarding-app-screens_23-2148403223.jpg",
          imageAlt: "Taxi service onboarding app screens",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-vector/goals-habits-tracking-app_23-2148664369.jpg",
          imageAlt: "Goals and habits tracking app",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-vector/location-app-interface_23-2148690780.jpg",
          imageAlt: "Location app interface",
        },
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Loved by thousands of students"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Real-time Listings",
          description: "Always be in the know with live updates on nearby parties, ensuring you never miss a beat.",
          imageSrc: "http://img.b2bpic.net/free-vector/collection-futuristic-infographic-elements_52683-15148.jpg",
          imageAlt: "Real-time updates icon",
        },
        {
          title: "Easy RSVPs",
          description: "Confirm your attendance with a tap. Managing your guest list and party invites has never been simpler.",
          imageSrc: "http://img.b2bpic.net/free-photo/calendar-check-paper-front-side_187299-39612.jpg",
          imageAlt: "RSVP confirmation icon",
        },
        {
          title: "Detailed Event Info",
          description: "Get all the crucial details: location, time, dress code, and special instructions, all in one place.",
          imageSrc: "http://img.b2bpic.net/free-photo/blank-notepad-colored-background-flat-lay_169016-26904.jpg",
          imageAlt: "Detailed event info icon",
        },
        {
          title: "Location-Based Search",
          description: "Find parties happening right around you, or explore events in new neighborhoods with our intuitive map.",
          imageSrc: "http://img.b2bpic.net/free-vector/direction-arrow-location-pin-red_78370-7834.jpg",
          imageAlt: "Location-based search icon",
        },
      ]}
      title="Unlock Seamless Party Planning"
      description="Experience a revolutionary way to find and attend events. PartyLink simplifies your social life, offering features designed for the ultimate party enthusiast."
    />
  </div>

  <div id="why-partylink" data-section="why-partylink">
      <AboutMetric
      useInvertedBackground={false}
      title="Why PartyLink is Every Student's Best Friend"
      metrics={[
        {
          icon: Users,
          label: "Active Users",
          value: "100K+",
        },
        {
          icon: CalendarCheck,
          label: "Events Hosted",
          value: "5K+",
        },
        {
          icon: MapPin,
          label: "Cities Covered",
          value: "20+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Campus Life Collective",
        "Student Event Union",
        "University Party Planners",
        "College Nightlife Hub",
        "Youth Culture Alliance",
        "Event Enthusiasts Network",
        "Student Social League",
        "Campus Connect Events",
      ]}
      title="Trusted by Top Student Organizations & Campuses"
      description="We partner with leading universities and student groups to bring you the most exciting and safest party experiences."
      speed={40}
      showCard={false}
    />
  </div>

  <div id="events" data-section="events">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Epic Rave Night",
          price: "$20",
          imageSrc: "http://img.b2bpic.net/free-photo/techno-party-lifestyle_52683-122053.jpg",
          imageAlt: "Rave party with neon lights",
        },
        {
          id: "2",
          name: "Chill House Party",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-wearing-costumes-medium-shot_23-2149357773.jpg",
          imageAlt: "Group of friends at a house party",
        },
        {
          id: "3",
          name: "Retro 80s Theme Night",
          price: "$15",
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-bokeh-background-with-colorful-lights_23-2147815207.jpg",
          imageAlt: "People in 80s costumes at a theme party",
        },
        {
          id: "4",
          name: "Live Band Concert",
          price: "$25",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-blurry-background_23-2148281660.jpg",
          imageAlt: "Concert with a live band on stage",
        },
        {
          id: "5",
          name: "Student Networking Mixer",
          price: "Free",
          imageSrc: "http://img.b2bpic.net/free-photo/young-adults-with-social-media-addiction_23-2149324630.jpg",
          imageAlt: "Students at a networking event",
        },
        {
          id: "6",
          name: "Summer Outdoor Festival",
          price: "$30",
          imageSrc: "http://img.b2bpic.net/free-photo/party-beach_1098-13208.jpg",
          imageAlt: "People at an outdoor festival",
        },
      ]}
      title="Explore Upcoming Events & Parties"
      description="From small gatherings to massive events, PartyLink has it all. Browse by category, date, or popularity to find your next adventure."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          date: "2 days ago",
          title: "Never Miss a Party Anymore!",
          quote: "PartyLink is a game-changer! Before, I'd always hear about the best parties after they happened. Now, I'm always first in line. So easy to use and navigate!",
          tag: "Student",
          avatarSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-summer-clothes_158538-10207.jpg",
          avatarAlt: "Sarah J. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-holding-drinks-while-listening-their-friend-playing-guitar_23-2149187038.jpg",
          imageAlt: "Sarah J. at a party",
        },
        {
          id: "2",
          name: "Mark T.",
          date: "5 days ago",
          title: "My Go-To for Weekend Plans!",
          quote: "This app is exactly what I needed. It's so smooth and I love how quickly I can find new events. Huge shoutout to the team!",
          tag: "Party Lover",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151134007.jpg",
          avatarAlt: "Mark T. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-smiling-hipster-black-man-white-outfit-listening-music-headphones-dancing-hip-hop-style-disco-night-club-having-fun_285396-10234.jpg",
          imageAlt: "Mark T. dancing",
        },
        {
          id: "3",
          name: "Emily R.",
          date: "1 week ago",
          title: "Finally, One Place for All Events!",
          quote: "It's a relief to have all campus and local parties listed in one spot. No more endless group chats trying to figure out where to go. Highly recommend!",
          tag: "University Student",
          avatarSrc: "http://img.b2bpic.net/free-photo/neon-aura-portrait-woman_23-2151914287.jpg",
          avatarAlt: "Emily R. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-people-partying-together-medium-shot_23-2149128374.jpg",
          imageAlt: "Emily R. at a campus event",
        },
        {
          id: "4",
          name: "David L.",
          date: "2 weeks ago",
          title: "Best User Experience Ever!",
          quote: "The interface is super clean and intuitive. Finding and RSVPing to parties is effortless. PartyLink truly provides a great user-friendly experience.",
          tag: "Enthusiastic",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-girl-wearing-colorful-fantasy-makeup-holding-her-hands-up-while-looking-camera-high-quality-photo_2831-9991.jpg",
          avatarAlt: "David L. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-sleeping-floor-after-party_23-2147643461.jpg",
          imageAlt: "David L. with friends",
        },
        {
          id: "5",
          name: "Jessica M.",
          date: "3 weeks ago",
          title: "Affordable Fun at My Fingertips!",
          quote: "I appreciate how PartyLink highlights affordable and free events. It's perfect for students on a budget who still want to have an amazing time. Five stars!",
          tag: "Active Socialite",
          avatarSrc: "http://img.b2bpic.net/free-photo/man-taking-selfie-smile-night_23-2148283880.jpg",
          avatarAlt: "Jessica M. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-teen-playing-piano-home_23-2149835561.jpg",
          imageAlt: "Jessica M. at a DJ party",
        },
      ]}
      title="Hear What Our Party Freaks Say"
      description="Real experiences from real users. Join thousands of students who have transformed their social life with PartyLink."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "How do I find parties near me?",
          content: "Simply open the PartyLink app, and our location-based service will automatically display a list of all nearby events and parties. You can filter by date, type, and popularity.",
        },
        {
          id: "2",
          title: "Is PartyLink free to use?",
          content: "Yes, downloading and using the basic features of PartyLink to discover events is completely free! Some premium events or features might have associated costs, which will be clearly indicated.",
        },
        {
          id: "3",
          title: "Can I host my own party on PartyLink?",
          content: "Absolutely! PartyLink provides tools for verified users and organizations to list their own events. This feature helps you reach a wider audience of enthusiastic party-goers. Contact our support for more details.",
        },
        {
          id: "4",
          title: "What if I have an issue or suggestion?",
          content: "We're always here to help! You can reach our support team through the 'Contact Us' section in the app or via the form on this website. Your feedback helps us make PartyLink even better.",
        },
      ]}
      sideTitle="Got Questions? We've Got Answers!"
      sideDescription="Find quick answers to the most common questions about PartyLink, its features, and how to get the most out of your experience."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      tag="Stay in the Loop"
      title="Never Miss a Beat"
      description="Be the first to know about new features, exclusive events, and the latest party trends. Join the PartyLink community and get updates directly to your inbox!"
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-kid-with-smartphone-indoors_23-2150909760.jpg"
      imageAlt="Smartphone receiving party notifications"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Enter your email"
      buttonText="Sign Up for Updates"
      termsText="By clicking Sign Up you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-photo/ornaments-arrangement-flat-lay_23-2148926229.jpg"
      logoAlt="PartyLink Logo"
      logoText="PartyLink"
      columns={[
        {
          title: "Product",
          items: [
            {
              label: "Features",
              href: "#features",
            },
            {
              label: "Events",
              href: "#events",
            },
            {
              label: "Download App",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#why-partylink",
            },
            {
              label: "Partners",
              href: "#partners",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Help Center",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 PartyLink. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
