"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="floatingGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Listings",
          id: "#listings",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Team",
          id: "#team",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Get a Valuation",
        href: "#contact",
      }}
      brandName="Elite Estates"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "radial-gradient",
      }}
      title="Your Gateway to Elite Properties"
      description="Discover an unparalleled collection of luxury real estate, curated for discerning individuals. Experience exceptional service and find your dream home."
      buttons={[
        {
          text: "View Listings",
          href: "#listings",
        },
        {
          text: "Get a Valuation",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-architecture_23-2151050996.jpg",
          imageAlt: "Luxury Villa Exterior with Pool",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263535.jpg",
          imageAlt: "Opulent Living Room Interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-system-with-open-drawers_169016-72726.jpg",
          imageAlt: "Gourmet Kitchen in a Luxury Home",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-bedroom-with-furniture_23-2151151898.jpg",
          imageAlt: "Serene Master Bedroom Suite",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7879.jpg",
          imageAlt: "Infinity Pool with Ocean View",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/room-decor-with-mostera-plant-wooden-shelf_23-2149428015.jpg",
          imageAlt: "Luxury Bathroom with Marble Finishes",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Excellence in Luxury Real Estate"
      buttons={[
        {
          text: "Learn More",
          href: "#team",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "exclusive-listings",
          title: "Exclusive Listings",
          subtitle: "Access our private collection of properties not available on the open market.",
          category: "Service",
          value: "Curated Selection",
        },
        {
          id: "market-insights",
          title: "Market Insights",
          subtitle: "Leverage our in-depth market analysis for informed buying and selling decisions.",
          category: "Service",
          value: "Strategic Advice",
        },
        {
          id: "bespoke-consulting",
          title: "Bespoke Consulting",
          subtitle: "Receive personalized guidance tailored to your unique real estate aspirations.",
          category: "Service",
          value: "Personalized Journey",
        },
      ]}
      title="Our Unrivaled Services"
      description="From discreet property searches to intricate negotiations, our services are crafted to meet the highest standards of the luxury market."
    />
  </div>

  <div id="listings" data-section="listings">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "property-1",
          name: "Beachfront Haven",
          price: "$12,500,000",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-villa-with-pool-sky-reflection_23-2151993721.jpg",
          imageAlt: "Modern beachfront villa",
        },
        {
          id: "property-2",
          name: "Urban Penthouse",
          price: "$7,800,000",
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-deck_1203-3200.jpg",
          imageAlt: "Luxury urban penthouse",
        },
        {
          id: "property-3",
          name: "Countryside Estate",
          price: "$9,200,000",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-streets-switzerland_8353-9666.jpg",
          imageAlt: "Sprawling countryside estate",
        },
        {
          id: "property-4",
          name: "Mountain Chalet",
          price: "$5,100,000",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-winter-landscape-alps_181624-25896.jpg",
          imageAlt: "Modern mountain chalet",
        },
        {
          id: "property-5",
          name: "Lakeside Retreat",
          price: "$6,700,000",
          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912525.jpg",
          imageAlt: "Waterfront lake house",
        },
        {
          id: "property-6",
          name: "Historic Manor",
          price: "$10,300,000",
          imageSrc: "http://img.b2bpic.net/free-photo/boston-public-library_649448-649.jpg",
          imageAlt: "Renovated historic manor",
        },
      ]}
      title="Exclusive Property Listings"
      description="Browse our curated selection of the finest luxury homes and estates available globally."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Our Impact & Achievements"
      tag="Trusted Performance"
      metrics={[
        {
          id: "deals",
          value: "250+",
          description: "Successful Luxury Deals",
        },
        {
          id: "value",
          value: "$2.5B+",
          description: "Total Property Value Transacted",
        },
        {
          id: "clients",
          value: "150+",
          description: "Satisfied Global Clients",
        },
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      members={[
        {
          id: "agent-1",
          name: "Jonathan Sterling",
          role: "Lead Broker",
          imageSrc: "http://img.b2bpic.net/free-photo/young-successful-business-man-business-style_496169-2478.jpg",
          imageAlt: "Jonathan Sterling, Lead Broker",
        },
        {
          id: "agent-2",
          name: "Eleanor Vance",
          role: "Global Property Specialist",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064992.jpg",
          imageAlt: "Eleanor Vance, Global Property Specialist",
        },
        {
          id: "agent-3",
          name: "Marcus Thorne",
          role: "Luxury Marketing Director",
          imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-near-tablet-with-plan_23-2147785623.jpg",
          imageAlt: "Marcus Thorne, Luxury Marketing Director",
        },
      ]}
      title="Meet Our Elite Team"
      description="Our experts bring unparalleled experience and dedication to your luxury real estate journey."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          title: "Seamless & Professional",
          quote: "Elite Estates provided an exceptional experience. Their team was incredibly professional, and they found us the perfect estate with ease and discretion.",
          name: "Mr. Richard K.",
          role: "Private Investor",
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-computer-cafe_1303-9724.jpg",
          imageAlt: "Mr. Richard K.",
        },
        {
          id: "t2",
          title: "Above and Beyond Service",
          quote: "The service we received from Elite Estates was truly first-class. They went above and beyond to ensure our property was marketed to the right buyers.",
          name: "Dr. Sarah M.",
          role: "CEO, TechInnovate",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-optimistic-woman-showing-thumbs-up-gesture-smiling-supportive-with-cheerful-lo_1258-137108.jpg",
          imageAlt: "Dr. Sarah M.",
        },
        {
          id: "t3",
          title: "Our Dream Home Found",
          quote: "Thanks to Elite Estates, we found our dream home. Their local knowledge and global network are simply unmatched in the luxury market.",
          name: "Mr. & Mrs. Chen",
          role: "Entrepreneurs",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-man_23-2149246745.jpg",
          imageAlt: "Mr. & Mrs. Chen",
        },
        {
          id: "t4",
          title: "Discreet & Efficient",
          quote: "Discretion and efficiency are paramount in our business. Elite Estates delivered on both, handling our transaction with utmost care and speed.",
          name: "Mr. Alexander P.",
          role: "Founding Partner, Nexus Capital",
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-950.jpg",
          imageAlt: "Mr. Alexander P.",
        },
        {
          id: "t5",
          title: "Exceptional Market Access",
          quote: "Their access to exclusive properties is truly exceptional. We were shown options we wouldn't have found anywhere else. Highly recommend.",
          name: "Ms. Isabella G.",
          role: "Luxury Brand Consultant",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-african-businesswoman-near-window-eyes-closed_171337-16073.jpg",
          imageAlt: "Ms. Isabella G.",
        },
      ]}
      title="What Our Clients Say"
      description="Hear from our satisfied clients about their unparalleled experiences with Elite Estates."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Global Luxury Homes",
        "Architectural Digest",
        "Premier Asset Management",
        "Exclusive Lifestyle Group",
        "International Property Network",
        "Luxury Living Magazine",
        "Discreet Wealth Advisors",
      ]}
      title="Trusted by Industry Leaders"
      description="We collaborate with the most prestigious names in luxury and finance to offer you seamless service."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Inquire About Your Next Estate"
      description="Contact us today for a confidential consultation and discover how Elite Estates can serve your luxury real estate needs."
      imageSrc="http://img.b2bpic.net/free-photo/notepad-with-pen-near-tablet_23-2147823729.jpg"
      imageAlt="Luxury home interior with phone"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your Email Address"
      buttonText="Send Inquiry"
      termsText="By sending an inquiry you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Elite Estates"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
