"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Home, Waves } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Property",          id: "hero"},
        {
          name: "Features",          id: "features"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Elite Estates"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain"}}
      title="Exquisite Architectural Masterpiece"
      description="Experience unparalleled luxury in this meticulously designed residence, offering refined living and expansive views."
      kpis={[
        {
          value: "5",          label: "Bedrooms"},
        {
          value: "6",          label: "Bathrooms"},
        {
          value: "800m²",          label: "Surface Area"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Schedule Viewing",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/brown-wooden-bench-near-green-plants_250224-381.jpg"
      imageAlt="Luxury Property Exterior"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169750.jpg",          alt: "Agent"},
        {
          src: "http://img.b2bpic.net/free-photo/rural-house-with-stone-pathway_1127-311.jpg",          alt: "Agent"},
        {
          src: "http://img.b2bpic.net/free-photo/contemporary-house-architecture_23-2151050996.jpg",          alt: "Agent"},
        {
          src: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912530.jpg",          alt: "Agent"},
        {
          src: "http://img.b2bpic.net/free-photo/modern-home-interior-with-elegant-design-comfort-generative-ai_188544-8829.jpg",          alt: "Agent"},
      ]}
      marqueeItems={[
        {
          type: "text",          text: "Private Garden"},
        {
          type: "text",          text: "Infinity Pool"},
        {
          type: "text",          text: "Smart Home"},
        {
          type: "text",          text: "High Ceilings"},
        {
          type: "text",          text: "Panoramic Views"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Grand Living Spaces",          description: "Expansive floor-to-ceiling windows flood the home with natural light while providing stunning vistas.",          icon: Home,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119010.jpg",              imageAlt: "Living Room"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-with-contemporary-interior-decor-furnishings_23-2150886672.jpg",              imageAlt: "Kitchen"},
          ]
        },
        {
          title: "Gourmet Kitchen",          description: "Equipped with state-of-the-art appliances and custom finishes for the ultimate culinary experience.",          icon: Award,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720770.jpg",              imageAlt: "Kitchen"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-talking-phone-modern-office_23-2147668799.jpg",              imageAlt: "Living Room"},
          ]
        },
        {
          title: "Private Oasis",          description: "Includes a landscaped private garden, infinity pool, and dedicated leisure areas.",          icon: Waves,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185016.jpg",              imageAlt: "Living Room"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-169750.jpg",              imageAlt: "Kitchen"},
          ]
        },
      ]}
      title="Designed for Discerning Tastes"
      description="Every detail has been curated to provide a sanctuary of peace, comfort, and ultimate sophistication."
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      title="Client Experiences"
      description="Hear what our distinguished clients have to say about our luxury property services."
      testimonials={[
        {
          id: "t1",          name: "James L.",          date: "2024-12-01",          title: "Exceptional",          quote: "Truly a masterpiece of design.",          tag: "Buyer",          avatarSrc: "http://img.b2bpic.net/free-photo/people-office-having-break_23-2147668797.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/people-celebrating-desk_23-2147668752.jpg"},
        {
          id: "t2",          name: "Elena M.",          date: "2024-11-15",          title: "Seamless",          quote: "The entire process was professional and smooth.",          tag: "Buyer",          avatarSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-talking-phone-office_23-2147668944.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/people-office-workday_23-2147668795.jpg"},
        {
          id: "t3",          name: "Marcus V.",          date: "2024-10-20",          title: "Stunning",          quote: "Words cannot describe the beauty of this home.",          tag: "Visitor",          avatarSrc: "http://img.b2bpic.net/free-photo/woman-thinking-papers_23-2147668756.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-office_23-2147668940.jpg"},
        {
          id: "t4",          name: "Sarah K.",          date: "2024-09-30",          title: "Incredible",          quote: "First class service from start to finish.",          tag: "Buyer",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-black-toddler-eating_23-2149310677.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-having-fun-breakfast-christmas-morning_132075-10829.jpg"},
      ]}
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={false}
      title="Our Elite Experts"
      tag="Expert Guidance"
      membersAnimation="slide-up"
      memberVariant="card"
      members={[
        {
          id: "m1",          name: "Alexander Thorne",          imageSrc: "http://img.b2bpic.net/free-photo/confident-chef-wearing-uniform-posing-with-his-arms-crossed-looking-camera-restaurant-kitchen_613910-21352.jpg"},
        {
          id: "m2",          name: "Sophia Bennett",          imageSrc: "http://img.b2bpic.net/free-photo/view-chef-working-kitchen_23-2149728012.jpg"},
        {
          id: "m3",          name: "Julian Frost",          imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728031.jpg"},
        {
          id: "m4",          name: "Claire Dupont",          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-separating-eggs-bowl_23-2149720737.jpg"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Inquire Today"
      title="Own Your Dream Residence"
      description="Contact our premium real estate specialists to book a private tour of this extraordinary estate."
      buttons={[
        {
          text: "Contact Agent",          href: "mailto:hello@eliteestates.com"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Elite Estates"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Property Guide",              href: "#"},
            {
              label: "Market Trends",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2025 | Elite Estates International"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
