"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Home, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="floatingGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Listings",          id: "listings"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Aura Luxury Estates"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Defining the Art of Luxury Living"
      description="Discover an exclusive collection of prestige residences curated for the world's most discerning individuals."
      buttons={[
        {
          text: "Request Private Consultation",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-glass-windows-sunlight_181624-11971.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg",          alt: "Smiling successful businesspeople"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-male-candidate-communicating-with-member-human-resource-team-job-interview-office_637285-6920.jpg",          alt: "Happy male candidate"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg",          alt: "Smiling Senior Businessman"},
        {
          src: "http://img.b2bpic.net/free-photo/indian-two-happy-sitting-success_1262-875.jpg",          alt: "Indian two happy sitting success"},
        {
          src: "http://img.b2bpic.net/free-photo/real-estate-satisfied-man-rejoicing-founding-perfect-home-apartment-holding-paper-house-model-sta_1258-113657.jpg",          alt: "Real estate satisfied man"},
      ]}
      avatarText="Trusted by 500+ global clients"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Excellence in Every Detail"
      description="With decades of experience in the luxury market, our agency delivers unparalleled service, discretion, and market expertise to ensure your property journey is seamless and rewarding."
      imageSrc="http://img.b2bpic.net/free-photo/happy-business-group-watching-presentation-laughing-professionals-sitting-workplace-together-looking-computer-monitor-laughing-business-communication-teamwork-concept_74855-11758.jpg"
    />
  </div>

  <div id="listings" data-section="listings">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Bel Air Estate",          price: "$12,500,000",          variant: "Los Angeles",          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agents-working-building-s-main-entrance_23-2147650201.jpg"},
        {
          id: "p2",          name: "Azure Coast Villa",          price: "$8,900,000",          variant: "South France",          imageSrc: "http://img.b2bpic.net/free-photo/bed-beach_1203-305.jpg"},
        {
          id: "p3",          name: "Skyline Penthouse",          price: "$6,200,000",          variant: "New York",          imageSrc: "http://img.b2bpic.net/free-photo/seductive-woman-black-silk-robe-sits-windowsill-looking-new-york_8353-1451.jpg"},
        {
          id: "p4",          name: "Manor Heritage House",          price: "$15,000,000",          variant: "London",          imageSrc: "http://img.b2bpic.net/free-photo/amazing-landscape-surrounding-adare-manor-ireland_493961-1381.jpg"},
        {
          id: "p5",          name: "Alpine Resort Chalet",          price: "$5,500,000",          variant: "Switzerland",          imageSrc: "http://img.b2bpic.net/free-photo/white-blue-bus-road-near-lake-daytime_417767-371.jpg"},
        {
          id: "p6",          name: "Modern Beachfront Villa",          price: "$9,800,000",          variant: "Miami",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-spiral-staircase-building-sunlight-huatulco-mexico_181624-26945.jpg"},
      ]}
      title="Curated Prestige Portfolio"
      description="Explore our hand-selected collection of iconic properties, ranging from waterfront estates to sleek urban penthouses."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "1.2B+",          title: "In Sales Volume",          description: "Successfully closed transactions",          icon: Award,
        },
        {
          id: "m2",          value: "350+",          title: "Luxury Estates",          description: "Exclusive properties curated",          icon: Home,
        },
        {
          id: "m3",          value: "98%",          title: "Client Retention",          description: "Of returning valued clients",          icon: Users,
        },
      ]}
      title="A Legacy of Proven Results"
      description="Our success is measured not by transactions, but by the trust we build and the exceptional properties we successfully match."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Eleanor Vance",          role: "Collector",          company: "Fine Arts",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg"},
        {
          id: "t2",          name: "Julian Sterling",          role: "Investor",          company: "Sterling Group",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3864.jpg"},
        {
          id: "t3",          name: "Victoria Belmont",          role: "Developer",          company: "Belmont Ent",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg"},
        {
          id: "t4",          name: "Marcus Thorne",          role: "Entrepreneur",          company: "Thorne Capital",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-real-estate-agent-giving-keys-couple-who-is-buying-their-new-home_637285-6093.jpg"},
        {
          id: "t5",          name: "Sophia Laurent",          role: "Artist",          company: "Laurent Studio",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg"},
      ]}
      kpiItems={[
        {
          value: "5.0",          label: "Client Rating"},
        {
          value: "20+",          label: "Global Offices"},
        {
          value: "45+",          label: "Expert Agents"},
      ]}
      title="Stories of Distinctive Homes"
      description="What our clients share about their journey and the luxury homes we’ve helped them secure."
    />
  </div>

  <div id="socialProof" data-section="socialProof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Elite Realtors",        "Global Property Union",        "Design Excellence Awards",        "Prestige News Media",        "International Realty Guild",        "World Architecture Association",        "Top Luxury Builders"]}
      title="Recognized Excellence"
      description="We are proud partners with the world's most prestigious organizations in the real estate and design sectors."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "How do I schedule a private viewing?",          content: "Contact your agent directly to arrange a discreet and customized viewing experience for any of our listed properties."},
        {
          id: "q2",          title: "What information is needed to register interest?",          content: "Proof of identity and pre-qualification documentation are required for all of our exclusive luxury listings."},
        {
          id: "q3",          title: "Do you offer international investment advice?",          content: "Yes, we specialize in cross-border luxury real estate investment with comprehensive legal and financial support."},
      ]}
      title="Common Inquiries"
      description="Answers to frequently asked questions about our luxury real estate process, property access, and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-static"}}
      tag="Get In Touch"
      title="Begin Your Property Journey"
      description="Let us guide you toward your ideal home. Reach out to our team of specialists for a consultation."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Portfolio",              href: "#listings"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Market Insights",              href: "#"},
            {
              label: "Luxury Guides",              href: "#"},
            {
              label: "Legal",              href: "#"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Instagram",              href: "#"},
            {
              label: "LinkedIn",              href: "#"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Aura Luxury Estates."
      bottomRightText="All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}