"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
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 { Crown, CheckCircle, Home, DollarSign, Users, Award, Phone, MessageCircle, TrendingUp } from "lucide-react";

const navItems = [
  { name: "Home", id: "/" },
  { name: "Properties", id: "/properties" },
  { name: "About", id: "/about" },
  { name: "Team", id: "/team" },
  { name: "Contact", id: "/contact" },
];

const navButton = {
  text: "Schedule Viewing",  href: "/contact"};

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={navItems}
          button={navButton}
          brandName="Luxe Estates"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Discover Exceptional Luxury Homes"
          description="Explore our curated collection of prestigious properties in the most coveted locations. Your dream home awaits."
          tag="Luxury Portfolio"
          tagIcon={Crown}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          buttons={[
            { text: "Explore Properties", href: "/properties" },
            { text: "Schedule Tour", href: "/contact" },
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-sunset-poolside-relaxation-with-stunning-landscape-view-generated-by-ai_188544-30833.jpg",              imageAlt: "Modern luxury mansion with panoramic views"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=1",              imageAlt: "Contemporary waterfront penthouse"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",              imageAlt: "Mediterranean villa with infinity pool"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-standing-with-coffee-near-window_7502-9288.jpg?_wi=1",              imageAlt: "Exclusive penthouse with city skyline"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-streets-switzerland_8353-9666.jpg",              imageAlt: "Private estate with landscaped grounds"},
          ]}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Why Choose Luxe Estates"
          description="Our comprehensive services ensure a seamless luxury property experience from discovery to closing."
          tag="Our Services"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              id: "01",              title: "Expert Market Knowledge",              description: "Deep insights into luxury market trends, property valuations, and exclusive investment opportunities across prime locations.",              imageSrc: "http://img.b2bpic.net/free-vector/business-infographic-template-with-photo_23-2148234010.jpg",              imageAlt: "Market analysis dashboard"},
            {
              id: "02",              title: "Personalized Service",              description: "Dedicated concierge support tailored to your specific needs, preferences, and lifestyle requirements throughout the transaction.",              imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-15162.jpg",              imageAlt: "Professional consultation"},
            {
              id: "03",              title: "Exclusive Access",              description: "Access to off-market listings and private opportunities unavailable to the general public. Network of elite property owners.",              imageSrc: "http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Exclusive property listing"},
            {
              id: "04",              title: "Seamless Transactions",              description: "Streamlined closing process with expert legal coordination, financing guidance, and comprehensive transaction management.",              imageSrc: "http://img.b2bpic.net/free-photo/business-agreement-handshake-coffee-shop_53876-16007.jpg",              imageAlt: "Transaction completion"},
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground={true}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Track Record"
          description="Two decades of excellence reflected in exceptional results and unmatched client satisfaction."
          tag="Success Stories"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            { id: "1", icon: Home, title: "Properties Sold", value: "500+" },
            { id: "2", icon: DollarSign, title: "Total Volume", value: "$2.1B" },
            { id: "3", icon: Users, title: "Satisfied Clients", value: "98%" },
            { id: "4", icon: Award, title: "Industry Awards", value: "45+" },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Client Testimonials"
          description="Hear from our distinguished clients about their experiences with Luxe Estates."
          tag="Client Stories"
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Charles & Margaret Delacroix",              date: "Date: 12 November 2024",              title: "Exceptional service from start to finish",              quote: "Luxe Estates found us the perfect oceanfront villa within weeks. Their attention to detail and market expertise made the entire process seamless. We couldn't be happier with our purchase and the entire team.",              tag: "Oceanfront Collection",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Charles & Margaret",              imageSrc: "http://img.b2bpic.net/free-photo/miami-luxury-house_649448-2903.jpg?_wi=1",              imageAlt: "Oceanfront villa property"},
            {
              id: "2",              name: "Jennifer Park, Tech Entrepreneur",              date: "Date: 08 October 2024",              title: "Professional excellence and personal touch",              quote: "The team understood my vision for a downtown penthouse perfectly. Their negotiation skills and discretion throughout the transaction were outstanding. I've already recommended them to several colleagues.",              tag: "Downtown Properties",              avatarSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",              avatarAlt: "Jennifer Park",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg?_wi=2",              imageAlt: "Downtown penthouse property"},
            {
              id: "3",              name: "Michael & Susan Hamilton",              date: "Date: 15 September 2024",              title: "Exceeded all expectations",              quote: "We were looking for a mountain estate with specific criteria, and they delivered beyond our expectations. The personalized service and exclusive access to off-market properties made all the difference in our decision.",              tag: "Mountain Estates",              avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-office-employer-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-6842.jpg",              avatarAlt: "Michael & Susan",              imageSrc: "http://img.b2bpic.net/free-photo/white-orange-house-beside-forest-body-water_198169-40.jpg",              imageAlt: "Mountain estate property"},
            {
              id: "4",              name: "David Chen, Investment Portfolio Manager",              date: "Date: 22 August 2024",              title: "Outstanding investment insights",              quote: "As a seasoned investor, I appreciate Luxe Estates' deep market knowledge and strategic approach. They've helped me build a diverse luxury property portfolio with remarkable returns. Their team is truly world-class.",              tag: "Investment Portfolio",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              avatarAlt: "David Chen",              imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-business-team-members-posing-office_1262-20245.jpg?_wi=1",              imageAlt: "Investment property showcase"},
            {
              id: "5",              name: "Alexandra Fontaine, Interior Designer",              date: "Date: 18 July 2024",              title: "Perfect matches for discerning clients",              quote: "I refer many of my high-net-worth clients to Luxe Estates. Their understanding of design aesthetics and property potential is unmatched. Every recommendation they make is thoughtful and perfectly aligned with my clients' aspirations.",              tag: "Design Consultations",              avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",              avatarAlt: "Alexandra Fontaine",              imageSrc: "http://img.b2bpic.net/free-photo/lounge-lobby-area-library-sales-center_105762-1780.jpg",              imageAlt: "Designed luxury property"},
            {
              id: "6",              name: "Richard Morrison, CEO",              date: "Date: 05 June 2024",              title: "The gold standard in luxury real estate",              quote: "Luxe Estates is the only brokerage I trust with my real estate needs. Their reputation is well-deserved. The combination of expertise, discretion, and exceptional service is truly unparalleled in the industry.",              tag: "Executive Portfolio",              avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Richard Morrison",              imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-business-team-members-posing-office_1262-20245.jpg?_wi=2",              imageAlt: "Executive property showcase"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get Started"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Ready to Find Your Dream Home?"
          description="Connect with our luxury real estate specialists today. Whether you're buying, selling, or investing, we're here to guide you through every step of your journey with personalized service and expertise."
          buttons={[
            { text: "Schedule Consultation", href: "/contact" },
            { text: "Browse Listings", href: "/properties" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigation",              items: [
                { label: "Home", href: "/" },
                { label: "Properties", href: "/properties" },
                { label: "About", href: "/about" },
                { label: "Team", href: "/team" },
                { label: "Contact", href: "/contact" },
              ],
            },
            {
              title: "Services",              items: [
                { label: "Buy Properties", href: "/properties" },
                { label: "Sell Properties", href: "/contact" },
                { label: "Investment Advice", href: "/contact" },
                { label: "Valuations", href: "/contact" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Team", href: "/team" },
                { label: "Careers", href: "/contact" },
                { label: "Blog", href: "#" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Disclaimer", href: "#" },
                { label: "Contact", href: "/contact" },
              ],
            },
          ]}
          bottomLeftText="© 2025 Luxe Estates. All rights reserved."
          bottomRightText="Luxury Real Estate Specialists"
        />
      </div>
    </ThemeProvider>
  );
}