"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 FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="blurBottom"
        cardStyle="inset"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Properties",          id: "properties"},
        {
          name: "About",          id: "about"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Elite Estates"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "downward-rays-static"}}
      title="Unrivaled Luxury Real Estate"
      description="Discover a collection of the world's most exceptional properties. Expertly curated for the discerning individual."
      kpis={[
        {
          value: "500+",          label: "Properties Sold"},
        {
          value: "15",          label: "Years Experience"},
        {
          value: "98%",          label: "Client Satisfaction"},
      ]}
      enableKpiAnimation={true}
      imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-person-standing-top-building_181624-14409.jpg"
      imageAlt="Luxury villa exterior"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/cute-girl-with-dyed-bob-hairstyle-artistic-make-up-nose-ring-wearing-transparent-dress-black-strap-top-posing-against-blank-wall-with-copy-space-your-information_343059-4358.jpg",          alt: "Client 1"},
        {
          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg",          alt: "Client 2"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064995.jpg",          alt: "Client 3"},
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-couple-drinking-coffee_1098-418.jpg",          alt: "Client 4"},
        {
          src: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg",          alt: "Client 5"},
      ]}
      avatarText="Trusted by over 500+ satisfied luxury homeowners"
      marqueeItems={[
        {
          type: "text",          text: "Elite Quality"},
        {
          type: "text",          text: "Global Access"},
        {
          type: "text",          text: "Private Equity"},
        {
          type: "text",          text: "Discretion First"},
        {
          type: "text",          text: "Architectural Gems"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Defining Luxury Living"
      description={[
        "For over a decade, we have been the bridge between luxury lifestyle and exclusive architectural gems. Our commitment to excellence ensures a seamless experience for every client.",        "We specialize in private sales and off-market opportunities that redefine prestige."]}
    />
  </div>

  <div id="properties" data-section="properties">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          brand: "Bel-Air",          name: "Modern Glass Estate",          price: "$12,500,000",          rating: 5,
          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg",          imageAlt: "Estate 1"},
        {
          id: "p2",          brand: "Malibu",          name: "Coastal Waterfront Villa",          price: "$8,900,000",          rating: 5,
          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/spacious-room-with-big-window_1203-1490.jpg",          imageAlt: "Villa 2"},
        {
          id: "p3",          brand: "Beverly Hills",          name: "Classic Architectural Gem",          price: "$15,200,000",          rating: 4,
          reviewCount: "21",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-pink-robe-posing-with-salad-plate-kitchen_627829-11338.jpg",          imageAlt: "Estate 3"},
        {
          id: "p4",          brand: "Hampton",          name: "Serene Retreat Mansion",          price: "$6,400,000",          rating: 5,
          reviewCount: "5",          imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8487.jpg",          imageAlt: "Mansion 4"},
        {
          id: "p5",          brand: "Aspen",          name: "Alpine Mountain Escape",          price: "$11,100,000",          rating: 5,
          reviewCount: "14",          imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2725.jpg",          imageAlt: "Mountain 5"},
        {
          id: "p6",          brand: "Pacific Palisades",          name: "Cliffside Panoramic Home",          price: "$9,800,000",          rating: 5,
          reviewCount: "9",          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-brunette-looking-camera-holding-string-bag-with-tangerines-while-sitting-outdoors-healthy-lifestyle-people-concept_197531-32648.jpg",          imageAlt: "Home 6"},
      ]}
      title="Curated Residences"
      description="Browse our latest exclusive property listings, featuring the finest designs in the most prestigious locations."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          title: "A Seamless Experience",          quote: "The most professional luxury agency I have worked with.",          name: "Eleanor Vance",          role: "Collector",          imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-dyed-bob-hairstyle-artistic-make-up-nose-ring-wearing-transparent-dress-black-strap-top-posing-against-blank-wall-with-copy-space-your-information_343059-4358.jpg"},
        {
          id: "t2",          title: "Beyond Expectations",          quote: "They found a property that wasn't even on the market.",          name: "Arthur Penhaligon",          role: "CEO",          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1666.jpg"},
        {
          id: "t3",          title: "Exquisite Taste",          quote: "The level of service matched the quality of properties.",          name: "Sarah Miller",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064995.jpg"},
        {
          id: "t4",          title: "Reliable & Discreet",          quote: "I felt supported at every stage of the luxury acquisition.",          name: "David & Clara",          role: "Investors",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-drinking-coffee_1098-418.jpg"},
        {
          id: "t5",          title: "World Class",          quote: "Truly the gold standard in high-end real estate.",          name: "Marcus Aurelius",          role: "Entrepreneur",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-woman-holding-glasses_23-2148317324.jpg"},
      ]}
      title="Trusted by Visionaries"
      description="Hear from our clients who have found their perfect sanctuary through our expert guidance."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How do I gain access to off-market listings?",          content: "Our elite clients receive early access to off-market properties through our private network."},
        {
          id: "q2",          title: "What is the typical closing process?",          content: "We handle all legal and administrative aspects with complete discretion and efficiency."},
        {
          id: "q3",          title: "Can you handle international transactions?",          content: "Yes, we have deep experience managing complex cross-border acquisitions for luxury assets."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/entrepreneur-drafting-architectural-blueprints-planning-office-relocation_482257-91072.jpg"
      title="Common Questions"
      description="Everything you need to know about purchasing prestige property."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static"}}
      tag="Inquire Today"
      title="Begin Your Journey"
      description="Ready to discuss your next acquisition? Contact our private office for a confidential consultation."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Agency",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Portfolio",              href: "#properties"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
        {
          title: "Office",          items: [
            {
              label: "New York",              href: "#"},
            {
              label: "London",              href: "#"},
          ],
        },
      ]}
      logoText="Elite Estates"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}