"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { TrendingUp, Home, Users, MapPin, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          brandName="RealEstate"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Listings", id: "products" },
            { name: "Market", id: "metric" },
            { name: "Testimonials", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Premium Properties"
          bottomRightText="hello@realestate.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Discover Your Perfect Property"
          description="Browse curated listings of premium homes and apartments. Find your dream property with our advanced search and filtering tools."
          tag="Real Estate"
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://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",              imageAlt: "Luxury modern house with contemporary design"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/happy-successful-business-team-members-posing-office_1262-20245.jpg",              imageAlt: "Modern apartment building with architectural features"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Luxury villa exterior with landscaping"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-young-woman-stairs_23-2149204468.jpg",              imageAlt: "Contemporary townhouse with modern finishes"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/two-happy-woman-friends-with-sunglasses-vacation-tropical-country_343596-726.jpg",              imageAlt: "Luxury penthouse with city views"
            }
          ]}
          buttons={[
            { text: "Browse Listings", href: "products" },
            { text: "Schedule Tour", href: "contact" }
          ]}
        />
      </div>
      
      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Listings"
          description="Explore our hand-picked collection of premium properties. Each listing features detailed information, high-quality photos, and integrated map location."
          tag="Properties"
          products={[
            {
              id: "1",              name: "Modern Downtown Condo",              price: "$850,000",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976540.jpg",              imageAlt: "Modern downtown condo with city views"
            },
            {
              id: "2",              name: "Luxury Suburban Estate",              price: "$1,200,000",              imageSrc: "https://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg",              imageAlt: "Luxury suburban house with large property"
            },
            {
              id: "3",              name: "Beachfront Villa",              price: "$1,950,000",              imageSrc: "https://img.b2bpic.net/free-photo/serious-male-boss-instructing-female-assistant_1262-20385.jpg",              imageAlt: "Luxury beachfront villa with ocean views"
            },
            {
              id: "4",              name: "Contemporary Urban Loft",              price: "$695,000",              imageSrc: "https://img.b2bpic.net/free-photo/happy-caucasian-woman-short-summer-dress-outside-villa-hotel-by-tree-blue-swimming-pool_343596-691.jpg",              imageAlt: "Contemporary urban loft with open concept"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="feature" data-section="feature">
        <FeatureCardTwentyFour
          title="Why Choose Our Platform"
          description="We provide comprehensive real estate solutions with cutting-edge technology and exceptional service."
          tag="Features"
          features={[
            {
              id: "1",              title: "Advanced Search Filters",              author: "Property Discovery",              description: "Filter properties by price, location, amenities, square footage, and more. Save your favorite listings and receive instant notifications for new matches.",              tags: ["Search", "Filtering"],
              imageSrc: "https://img.b2bpic.net/free-photo/happy-caucasian-woman-short-summer-dress-outside-villa-hotel-by-tree-blue-swimming-pool_343596-691.jpg",              imageAlt: "Advanced search interface"
            },
            {
              id: "2",              title: "Interactive Map Integration",              author: "Location Services",              description: "Visualize properties on interactive maps. Explore neighborhoods, check proximity to schools, transit, and amenities with detailed geographic insights.",              tags: ["Maps", "Location"],
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-kitchen-interior-design_23-2150976540.jpg",              imageAlt: "Interactive map view"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="metric" data-section="metric">
        <MetricCardThree
          title="Market Performance"
          description="Real-time market data and insights to guide your property investment decisions."
          tag="Market Stats"
          metrics={[
            {
              id: "1",              icon: TrendingUp,
              title: "Active Listings",              value: "2,500+"
            },
            {
              id: "2",              icon: Home,
              title: "Properties Sold",              value: "8,200+"
            },
            {
              id: "3",              icon: Users,
              title: "Happy Buyers",              value: "15,000+"
            },
            {
              id: "4",              icon: MapPin,
              title: "Locations",              value: "45"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonial" data-section="testimonial">
        <TestimonialCardSix
          title="What Our Clients Say"
          description="Hear from satisfied buyers and sellers who found their perfect properties with us."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@sarahjohnson",              testimonial: "Found my dream home in just two weeks! The team was incredibly helpful and made the entire process smooth and stress-free.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "@mchen_real",              testimonial: "The advanced search filters saved me so much time. I was able to narrow down exactly what I was looking for instantly.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "@emilyr_homes",              testimonial: "The interactive map feature was game-changing. I could see everything about the neighborhoods before visiting in person.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              handle: "@davidkim_realty",              testimonial: "Sold my property in record time thanks to their professional photography and detailed listing features. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              name: "Jessica Martinez",              handle: "@jmartinez_homes",              testimonial: "Outstanding service from start to finish. The team understood my needs and found properties that exceeded my expectations.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageAlt: "Jessica Martinez"
            },
            {
              id: "6",              name: "Robert Thompson",              handle: "@rthompson_invest",              testimonial: "As an investor, I appreciate the detailed market analytics and performance metrics available on the platform.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              imageAlt: "Robert Thompson"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get Started"
          title="Ready to Find Your Perfect Property?"
          description="Connect with our expert agents today. Schedule a consultation or browse our latest listings to start your property search journey."
          background={{ variant: "plain" }}
          buttons={[
            { text: "Schedule Consultation", href: "#contact" },
            { text: "View All Listings", href: "products" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="RealEstate"
          leftLink={{ text: "Privacy Policy", href: "#privacy" }}
          rightLink={{ text: "Terms of Service", href: "#terms" }}
        />
      </div>
    </ThemeProvider>
  );
}