"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 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 Link from "next/link";
import { Crown, Sparkles, Building2, Gem, BarChart3, MessageCircle, MessageSquare, TrendingUp, DollarSign, Award, Globe } from "lucide-react";

export default function HomePage() {
  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: "Services", id: "services" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Schedule Tour", href: "/contact" }}
          brandName="Luxury Estates"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Discover Extraordinary Luxury"
          description="Curated selection of exceptional properties in the world's most prestigious locations. Your dream residence awaits."
          tag="Exclusive Collections"
          tagIcon={Crown}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694117.jpg",
              imageAlt: "Luxury Villa with Modern Architecture",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg?_wi=1",
              imageAlt: "Luxury Penthouse Interior",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg?_wi=1",
              imageAlt: "Luxury Estate Exterior",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/slim-woman-elegant-brown-hat-eating-juicy-fruits-resort-cafe-graceful-european-woman-white-shirt-relaxing-with-cocktail-food-pool_197531-20844.jpg?_wi=1",
              imageAlt: "Luxury Property with Pool",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/miami-luxury-house_649448-2903.jpg",
              imageAlt: "Luxury Waterfront Property",
            },
          ]}
          mediaAnimation="slide-up"
          buttons={[
            { text: "Explore Properties", href: "/properties" },
            { text: "Schedule Consultation", href: "/contact" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardFour
          title="Featured Luxury Properties"
          description="Handpicked residences representing the pinnacle of architectural excellence and luxury living."
          tag="Curated Selection"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "1",
              name: "Modern Metropolitan Penthouse",
              price: "$4,850,000",
              variant: "Luxury Penthouse  2 BR  2 BA",
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=1",
              imageAlt: "Modern Penthouse",
            },
            {
              id: "2",
              name: "Waterfront Mediterranean Villa",
              price: "$7,200,000",
              variant: "Estate Villa  5 BR  5 BA",
              imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982712.jpg?_wi=1",
              imageAlt: "Mediterranean Villa",
            },
            {
              id: "3",
              name: "Architect-Designed Contemporary Estate",
              price: "$5,650,000",
              variant: "Contemporary Home  4 BR  4 BA",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548580.jpg?_wi=1",
              imageAlt: "Contemporary Estate",
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          buttons={[{ text: "View All Properties", href: "/properties" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Redefining Luxury Real Estate"
          description="With over two decades of expertise in high-end property markets, we deliver unparalleled service to discerning clients worldwide. Our team combines market intelligence, architectural insight, and impeccable discretion to match exceptional properties with visionary buyers."
          tag="About Luxury Estates"
          tagIcon={Building2}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/business-team-three-watching-presentation-pc-monitor-discussing-project-sitting-workplace-pointing-display-copy-space-business-meeting-concept_74855-11552.jpg?_wi=1"
          imageAlt="Luxury Real Estate Agency"
          useInvertedBackground={false}
          buttons={[{ text: "Learn Our Story", href: "/about" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThree
          title="Our Premium Services"
          description="Comprehensive luxury real estate solutions tailored to your unique needs and aspirations."
          tag="Exclusive Services"
          tagIcon={Gem}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "01",
              title: "White-Glove Property Search",
              description: "Personalized access to exclusive listings before they reach the public market. Our network spans global luxury markets.",
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=2",
              imageAlt: "Property Search",
            },
            {
              id: "02",
              title: "Investment Analysis",
              description: "Expert market intelligence and ROI projections to ensure informed investment decisions in luxury real estate.",
              imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982712.jpg?_wi=2",
              imageAlt: "Investment Analysis",
            },
            {
              id: "03",
              title: "Discrete Transactions",
              description: "Complete confidentiality and privacy protection throughout every stage of the buying or selling process.",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548580.jpg?_wi=2",
              imageAlt: "Discrete Transactions",
            },
            {
              id: "04",
              title: "Concierge Services",
              description: "End-to-end support including legal guidance, property management, and lifestyle coordination.",
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=3",
              imageAlt: "Concierge Services",
            },
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          buttons={[{ text: "Explore All Services", href: "/contact" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Market Leadership"
          description="Proven track record in delivering exceptional results across luxury real estate markets."
          tag="By The Numbers"
          tagIcon={BarChart3}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            { id: "1", icon: Building2, title: "Properties Sold", value: "500+" },
            { id: "2", icon: DollarSign, title: "Total Volume", value: "$2.3B+" },
            { id: "3", icon: Globe, title: "Global Markets", value: "15" },
            { id: "4", icon: Award, title: "Industry Awards", value: "28" },
          ]}
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Client Success Stories"
          description="Hear from satisfied clients who have found their dream properties through our expertise and dedication."
          tag="Testimonials"
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",
              name: "Catherine & Michael Thompson, Founders",
              date: "Date: March 2024",
              title: "An Exceptional Experience",
              quote: "Luxury Estates transformed our property search. Their expertise in premium markets and attention to detail exceeded all expectations. We found our dream home through their exclusive network.",
              tag: "Premium Service",
              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
              avatarAlt: "Catherine Thompson",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1",
              imageAlt: "Satisfied Client",
            },
            {
              id: "2",
              name: "Robert Chen, Investment Executive",
              date: "Date: February 2024",
              title: "Professional Excellence",
              quote: "Working with their investment team provided invaluable market insights. They guided our multi-million dollar portfolio acquisition with precision and discretion.",
              tag: "Investment Solutions",
              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
              avatarAlt: "Robert Chen",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=2",
              imageAlt: "Investment Client",
            },
            {
              id: "3",
              name: "Sophia Ravenna, Business Owner",
              date: "Date: January 2024",
              title: "Beyond Expectations",
              quote: "The level of discretion and white-glove service was remarkable. They understood my specific requirements and delivered properties that matched perfectly.",
              tag: "Concierge Service",
              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
              avatarAlt: "Sophia Ravenna",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=3",
              imageAlt: "Executive Client",
            },
            {
              id: "4",
              name: "James & Elizabeth Morrison, Entrepreneurs",
              date: "Date: December 2023",
              title: "Seamless Transaction",
              quote: "From initial consultation to closing, the process was flawless. Their team's expertise in luxury market dynamics made all the difference.",
              tag: "Premium Experience",
              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
              avatarAlt: "James Morrison",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
              imageAlt: "Happy Clients",
            },
            {
              id: "5",
              name: "Alexandra Sterling, Real Estate Investor",
              date: "Date: November 2023",
              title: "Unmatched Expertise",
              quote: "Their understanding of luxury real estate trends and market positioning is unparalleled. I recommend them to all my colleagues.",
              tag: "Expert Advisors",
              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
              avatarAlt: "Alexandra Sterling",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=4",
              imageAlt: "Investor Testimonial",
            },
            {
              id: "6",
              name: "David Fitzgerald, Corporate Executive",
              date: "Date: October 2023",
              title: "Exceptional Service Quality",
              quote: "Their attention to detail and commitment to understanding our vision was outstanding. They delivered not just a property, but a lifestyle.",
              tag: "Lifestyle Solutions",
              avatarSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32343.jpg",
              avatarAlt: "David Fitzgerald",
              imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32343.jpg",
              imageAlt: "Executive Testimonial",
            },
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Begin?"
          tagIcon={MessageSquare}
          tagAnimation="slide-up"
          title="Connect With Our Luxury Real Estate Specialists"
          description="Let us guide you through finding your perfect property or maximizing your luxury real estate investment. Our team is ready to provide personalized consultation."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Schedule Consultation", href: "/contact" },
            { text: "Explore Listings", href: "/properties" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",
              items: [
                { label: "Home", href: "/" },
                { label: "Properties", href: "/properties" },
                { label: "About", href: "/about" },
                { label: "Contact", href: "/contact" },
              ],
            },
            {
              title: "Services",
              items: [
                { label: "Property Search", href: "#services" },
                { label: "Investment Analysis", href: "#services" },
                { label: "Concierge Services", href: "#services" },
                { label: "Market Reports", href: "/" },
              ],
            },
            {
              title: "Company",
              items: [
                { label: "Our Team", href: "/about" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" },
              ],
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclosure", href: "#" },
                { label: "Contact", href: "/contact" },
              ],
            },
          ]}
          bottomLeftText="© 2025 Luxury Estates. All rights reserved."
          bottomRightText="Redefining Luxury Real Estate Worldwide"
        />
      </div>
    </ThemeProvider>
  );
}