"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="soft-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Marketplace",
          id: "/marketplace",
        },
        {
          name: "Accommodation",
          id: "/accommodation",
        },
        {
          name: "Help & Docs",
          id: "/docs",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Easymigree"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Your easier start abroad."
      description="Connecting the Latin American community in Ireland through reliable support, safe housing, and opportunities."
      testimonials={[
        {
          name: "Ana Silva",
          handle: "@ana_dublin",
          testimonial: "Easymigree helped me find my first apartment safely!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-latin-businesswoman-standing-with-arms-crossed-against-isolated-background_662251-639.jpg",
        },
        {
          name: "Bruno Souza",
          handle: "@bruno_cork",
          testimonial: "The documentation guides were essential for my IRP process.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-man-airport-with-his-businesspartner_1157-33276.jpg",
        },
        {
          name: "Carla Lima",
          handle: "@carlalima",
          testimonial: "Amazing community for meeting new people and events.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-salon_23-2149220534.jpg",
        },
        {
          name: "Daniel Neto",
          handle: "@dneto",
          testimonial: "Sold my furniture instantly, great platform.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-teenage-girls-taking-selfie-after-shopping-spree-while-holding-bags_23-2149053482.jpg",
        },
        {
          name: "Elena Reis",
          handle: "@ereis",
          testimonial: "Found my current job through community leads.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-beginner-surfer-wearing-baseball-cap-backwards-looking-ocean-with-happy-inspired-smile_273609-1739.jpg",
        },
      ]}
      buttons={[
        {
          text: "Get Started",
          href: "/marketplace",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-friends-sitting-bench_23-2150264211.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-young-people-hostel_23-2150446754.jpg",
          alt: "User 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-senior-people-checking-out-vinyl-discs_23-2149365816.jpg",
          alt: "User 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-walking-together_23-2149365820.jpg",
          alt: "User 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/polyamory-people-spending-time-together_23-2149301981.jpg",
          alt: "User 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/group-graphic-designers-working-together_1170-1087.jpg",
          alt: "User 5",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Easymigree: Your Partner in Ireland"
      description="We are a trusted hub providing verified information and resources for Latin Americans starting a new chapter in Ireland. Security, simplicity, and community are our core values."
      metrics={[
        {
          value: "10k+",
          title: "Community Members",
        },
        {
          value: "500+",
          title: "Verified Listings",
        },
        {
          value: "24/7",
          title: "Support Access",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-woman-exchange-business-ideas_482257-123526.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",
          label: "Marketplace",
          title: "Buy & Sell",
          items: [
            "Electronics",
            "Furniture",
            "Cars",
          ],
        },
        {
          id: "f2",
          label: "Housing",
          title: "Accommodation",
          items: [
            "Rooms",
            "Apartments",
            "House Share",
          ],
        },
        {
          id: "f3",
          label: "Docs",
          title: "Docs Help",
          items: [
            "PPS",
            "IRP/GNIB",
            "Taxes",
          ],
        },
      ]}
      title="What We Offer"
      description="Powerful tools and resources to make your life abroad easier."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Ana Silva",
          imageSrc: "http://img.b2bpic.net/free-photo/business-finance-employment-female-successful-entrepreneurs-concept-professional-confident-asian-real-estate-broker-drinking-coffee-carry-laptop-her-way-client_1258-59115.jpg",
        },
        {
          id: "t2",
          name: "Bruno Souza",
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12323.jpg",
        },
        {
          id: "t3",
          name: "Carla Lima",
          imageSrc: "http://img.b2bpic.net/free-photo/impressed-adult-traveler-couple-man-holding-suitcase-both-holding-travel-ticket-looking_141793-57760.jpg",
        },
        {
          id: "t4",
          name: "Daniel Neto",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-pink-hair_273609-10896.jpg",
        },
        {
          id: "t5",
          name: "Elena Reis",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-looking-away_23-2147860917.jpg",
        },
      ]}
      cardTitle="Community Trust"
      cardTag="Our Success"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      title="Common Questions"
      description="Quick answers to help you navigate your journey in Ireland."
      faqs={[
        {
          id: "q1",
          title: "How do I register for a PPS number?",
          content: "Our documentation section provides a step-by-step guide on applying for your PPS.",
        },
        {
          id: "q2",
          title: "Is the marketplace safe?",
          content: "We implement community verification to keep our marketplace trustworthy.",
        },
      ]}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Easymigree"
      columns={[
        {
          title: "Platform",
          items: [
            {
              label: "Marketplace",
              href: "/marketplace",
            },
            {
              label: "Accommodation",
              href: "/accommodation",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Help & Docs",
              href: "/docs",
            },
            {
              label: "News",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Terms of Use",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
