"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Crown, Sparkles, Phone, Home, TrendingUp, Users, Award } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Properties", id: "properties" },
            { name: "About", id: "about" },
            { name: "Our Team", id: "team" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Schedule Viewing",            href: "contact"
          }}
          brandName="Luxe Realty"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Discover Luxury Properties Beyond Imagination"
          description="Curated selection of the world's most exclusive residences. Experience architectural excellence, unparalleled amenities, and prestigious locations."
          tag="Premium Listings"
          tagIcon={Crown}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Luxury penthouse with panoramic city views"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/romantic-villa-ephrussie-french-riviera-beauty-nature_1268-36319.jpg",              imageAlt: "Grand mansion exterior architecture"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-2514.jpg",              imageAlt: "Waterfront villa with ocean views"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg",              imageAlt: "Modern apartment with contemporary design"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Luxury master bedroom suite"
            }
          ]}
          mediaAnimation="slide-up"
          buttons={[
            { text: "Explore Properties", href: "properties" },
            { text: "Schedule Tour", href: "contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardFour
          title="Featured Luxury Properties"
          description="Handpicked residences offering exceptional value and lifestyle"
          tag="Available Now"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          products={[
            {
              id: "prop-1",              name: "Metropolitan Penthouse",              price: "$8,500,000",              variant: "5 BD | 4 BA | Downtown",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-standing-with-coffee-near-window_7502-9288.jpg",              imageAlt: "Downtown luxury penthouse",              isFavorited: false
            },
            {
              id: "prop-2",              name: "Beachfront Estate Villa",              price: "$12,000,000",              variant: "6 BD | 5 BA | Oceanfront",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",              imageAlt: "Beachfront luxury villa",              isFavorited: false
            },
            {
              id: "prop-3",              name: "Mountain Retreat Mansion",              price: "$6,750,000",              variant: "7 BD | 6 BA | Hilltop",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-cabins-forest_181624-42640.jpg",              imageAlt: "Mountain luxury mansion",              isFavorited: false
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[
            { text: "View All Properties", href: "#" }
          ]}
          buttonAnimation="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Redefining Luxury Real Estate"
          description="With over 25 years of expertise in high-end property transactions, we've established ourselves as the trusted partner for discerning buyers and sellers. Our commitment to excellence, discretion, and personalized service sets us apart in the luxury market."
          tag="Our Story"
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/happy-couple-financial-advisor-going-through-plans-meeting_637285-11088.jpg"
          imageAlt="Luxe Realty office and team environment"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Premium Property Features"
          description="Every property in our portfolio showcases world-class amenities and architectural sophistication"
          tag="What Sets Them Apart"
          tagAnimation="slide-up"
          features={[
            {
              id: "01",              title: "Smart Home Technology",              description: "State-of-the-art automation systems for total home control",              imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-interior-with-smart-home-control-panel_9975-33223.jpg",              imageAlt: "Smart home technology integration"
            },
            {
              id: "02",              title: "Resort-Style Amenities",              description: "Infinity pools, spa facilities, and wellness centers",              imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-outdoor-swimming-pool-resort-hotel-vacation-leisure_74190-14764.jpg",              imageAlt: "Luxury pool and outdoor amenities"
            },
            {
              id: "03",              title: "Entertainment Spaces",              description: "Private theaters, wine cellars, and premium lounges",              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-training-together_23-2149144795.jpg",              imageAlt: "Home theater and entertainment rooms"
            },
            {
              id: "04",              title: "Advanced Security",              description: "Cutting-edge security systems and private access control",              imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-holding-cctv-smartphone-insurance_493343-29997.jpg",              imageAlt: "Advanced home security systems"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Expert Team"
          description="Luxury specialists dedicated to your real estate success"
          tag="The Professionals"
          tagAnimation="slide-up"
          members={[
            {
              id: "1",              name: "Alexandra Sterling",              role: "Senior Luxury Agent",              imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-posing-near-office-building_1262-21023.jpg",              imageAlt: "Alexandra Sterling"
            },
            {
              id: "2",              name: "Victoria Ashford",              role: "International Properties",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "Victoria Ashford"
            },
            {
              id: "3",              name: "James Weatherby",              role: "Estate Specialist",              imageSrc: "http://img.b2bpic.net/free-photo/positive-businessman-standing-street_23-2147932253.jpg",              imageAlt: "James Weatherby"
            },
            {
              id: "4",              name: "Catherine Monroe",              role: "Client Relations",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-real-estate-agent-standing-house-entrance-smiling-woman-with-short-graying-hair-pink-suit-getting-ready-meet-customers-real-estate-business-work-concept_74855-22183.jpg",              imageAlt: "Catherine Monroe"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Track Record"
          description="Proven expertise in luxury real estate transactions"
          tag="By The Numbers"
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              icon: Home,
              title: "Properties Sold",              value: "500+"
            },
            {
              id: "2",              icon: TrendingUp,
              title: "Total Sales",              value: "$2.5B+"
            },
            {
              id: "3",              icon: Users,
              title: "Satisfied Clients",              value: "1,200+"
            },
            {
              id: "4",              icon: Award,
              title: "Industry Awards",              value: "45+"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Client Testimonials"
          description="Hear from buyers and sellers who trusted us with their most important investment"
          tag="Client Stories"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Michael Thompson, CEO of International Holdings",              date: "Date: 15 November 2024",              title: "An exceptional real estate experience",              quote: "Luxe Realty's team demonstrated unmatched expertise in helping us acquire our dream penthouse. Their attention to detail, market knowledge, and discreet handling of our transaction was impeccable.",              tag: "Premium Buyer",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Michael Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899443.jpg",              imageAlt: "Premium office property"
            },
            {
              id: "2",              name: "Jennifer Martinez, Executive Director",              date: "Date: 8 October 2024",              title: "Professional service from start to finish",              quote: "The team's dedication to finding the perfect home for our family was remarkable. They understood our vision and delivered beyond expectations. Truly a luxury experience.",              tag: "Family Home",              avatarSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",              avatarAlt: "Jennifer Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/man-works-home-high-quality-photo_72229-944.jpg",              imageAlt: "Modern family residence"
            },
            {
              id: "3",              name: "David Chen, Investor",              date: "Date: 22 September 2024",              title: "Exceptional market insight and negotiation",              quote: "Their strategic approach to my portfolio acquisition was impressive. They secured multiple premium properties at optimal prices through their market expertise and connections.",              tag: "Investment Portfolio",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "David Chen",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg",              imageAlt: "City investment property"
            },
            {
              id: "4",              name: "Rachel Harrington, Art Collector",              date: "Date: 5 August 2024",              title: "Excellence in luxury property sales",              quote: "Selling our estate required a partner who understood our property's unique value. Luxe Realty presented it flawlessly to qualified buyers and achieved the perfect outcome.",              tag: "Estate Sale",              avatarSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",              avatarAlt: "Rachel Harrington",              imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-fireplace-large-painting-wall_123827-23876.jpg",              imageAlt: "Luxury estate interior"
            },
            {
              id: "5",              name: "William Sterling, Corporate Executive",              date: "Date: 20 July 2024",              title: "Discretion and professionalism",              quote: "Their commitment to confidentiality combined with exceptional service made the entire process seamless. I would highly recommend Luxe Realty for any high-end real estate transaction.",              tag: "Corporate Client",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "William Sterling",              imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899443.jpg",              imageAlt: "Executive property"
            },
            {
              id: "6",              name: "Sophie Laurent, Designer",              date: "Date: 3 June 2024",              title: "A transformative partnership",              quote: "Working with Luxe Realty to find my creative studio and residence was transformative. They grasped my vision instantly and found the perfect space that reflected my design philosophy.",              tag: "Creative Professional",              avatarSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg",              avatarAlt: "Sophie Laurent",              imageSrc: "http://img.b2bpic.net/free-photo/man-works-home-high-quality-photo_72229-944.jpg",              imageAlt: "Modern creative space"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Ready to Find Your Dream Property?"
          description="Connect with our luxury real estate specialists today. We're here to guide you through every step of your property journey with expertise, discretion, and personalized service."
          buttons={[
            { text: "Schedule Consultation", href: "#" },
            { text: "Browse Properties", href: "properties" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Properties",              items: [
                { label: "Featured Listings", href: "#properties" },
                { label: "New Arrivals", href: "#" },
                { label: "Investment Opportunities", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#team" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Market Insights", href: "#" },
                { label: "Buyer Guide", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Luxe Realty. All rights reserved."
          bottomRightText="Luxury Real Estate Excellence"
        />
      </div>
    </ThemeProvider>
  );
}
