"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Users, Clock, Home, CheckCircle, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLarge"
      background="animatedAurora"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="LuxeProperties"
          navItems={[
            { name: "Properties", id: "properties" },
            { name: "Why Us", id: "why-us" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "View Properties", href: "properties" }}
        />
      </div>

      <div id="hero" data-section="hero" className="relative overflow-hidden">
        <HeroBillboardScroll
          tag="ONLY 3 UNITS LEFT"
          title="Modern Living in Prime Locations"
          description="Carefully selected premium properties with verified documentation. Trusted by 1,500+ buyers & investors across Europe."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776233193-l5runq4y.jpg"
          imageAlt="luxury modern apartment interior premium"
          buttons={[
            { text: "View Properties", href: "properties" },
            { text: "Book a Viewing", href: "contact" }
          ]}
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardFive
          title="Featured Properties"
          description="Explore our handpicked selection of premium residences with investment potential"
          tag="Hot Listings"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776234709-v157rw2d.jpg",              imageAlt: "modern apartment living room contemporary",              button: { text: "View Details", href: "contact" },
              isFavorited: false
            },
            {
              id: "2",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776236925-i4dun70f.jpg",              imageAlt: "villa exterior house garden luxury",              button: { text: "View Details", href: "contact" },
              isFavorited: false
            },
            {
              id: "3",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776238125-hmh8iudb.jpg",              imageAlt: "penthouse city view skyline modern",              button: { text: "View Details", href: "contact" },
              isFavorited: false
            },
            {
              id: "4",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776239668-8679tt3x.jpg",              imageAlt: "house exterior real estate residential",              button: { text: "View Details", href: "contact" },
              isFavorited: false
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSix
          title="Why Trusted by Premium Buyers"
          description="Our proven track record speaks for itself"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "1,500+",              tag: "Happy Buyers",              tagIcon: Users,
              title: "Satisfied investors & families"
            },
            {
              id: "2",              value: "14 days",              tag: "Avg Close",              tagIcon: Clock,
              title: "Average transaction time"
            },
            {
              id: "3",              value: "50+",              tag: "Properties",              tagIcon: Home,
              title: "Featured listings this month"
            },
            {
              id: "4",              value: "100%",              tag: "Verified",              tagIcon: CheckCircle,
              title: "All documentation verified"
            }
          ]}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <FeatureCardFourteen
          title="Why Invest With Us"
          description="We simplify the real estate journey with transparency, expertise, and white-glove service at every step."
          textboxLayout="default"
          useInvertedBackground="invertCard"
          features={[
            {
              id: "1",              title: "Verified Listings Only",              description: "Every property undergoes rigorous legal and structural verification. No surprises, only certainty.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776247389-hg7h6frb.jpg",              imageAlt: "certified badge icon verification check"
            },
            {
              id: "2",              title: "Expert Legal Support",              description: "Our legal team handles all documentation. Full compliance with local and international regulations.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776248708-xcax38dp.jpg",              imageAlt: "process steps workflow transaction sequence"
            },
            {
              id: "3",              title: "End-to-End Handling",              description: "From viewing to handover. Dedicated property advisor guides you through every step of the process.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776246086-ntqwkear.jpg",              imageAlt: "real estate office meeting property"
            },
            {
              id: "4",              title: "Fast Transaction",              description: "Average 14-day close time. Streamlined process means you own your property sooner than expected.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776233193-l5runq4y.jpg",              imageAlt: "luxury modern apartment interior premium"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Trusted by Industry Leaders"
          description="See what our satisfied buyers and investors have to say about their experience"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              quote: "Closed in 14 days with zero stress. The legal team handled everything perfectly. Best investment decision I've made.",              name: "Sarah Johnson",              role: "Investor / Family Relocation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776241176-ezc9380p.jpg",              imageAlt: "professional portrait woman headshot business"
            },
            {
              id: "2",              quote: "Great ROI in just 2 years. The property advisor knew every detail about the neighborhood and future development plans.",              name: "Michael Chen",              role: "Real Estate Investor",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776242332-k9yqcejz.jpg",              imageAlt: "professional portrait man headshot business"
            },
            {
              id: "3",              quote: "Smooth process from start to finish. All documentation was transparent. Highly recommend for serious buyers.",              name: "Emily Rodriguez",              role: "First-Time Buyer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767643711414-hhlov9az.jpg",              imageAlt: "professional portrait woman headshot confident"
            },
            {
              id: "4",              quote: "The team's expertise in international transfers made relocating easy. Professional, trustworthy, efficient.",              name: "David Kim",              role: "Corporate Relocation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767643710136-ruy49c57.jpg",              imageAlt: "professional portrait man headshot smiling"
            },
            {
              id: "5",              quote: "Verified listings saved me months of due diligence. I knew exactly what I was buying. Peace of mind guaranteed.",              name: "Jennifer Walsh",              role: "Portfolio Investor",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776243663-sc6497w1.jpg",              imageAlt: "professional portrait woman headshot executive"
            },
            {
              id: "6",              quote: "Dedicated property advisor was invaluable. Every question answered, every concern addressed. Exceptional service.",              name: "Robert Martinez",              role: "High-Net-Worth Investor",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767776244851-im0h6mpv.jpg",              imageAlt: "professional portrait man headshot investor"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about buying or renting premium properties"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How long does the average property transaction take?",              content: "Our streamlined process typically closes in 14 days from offer to handover. This includes legal verification, documentation, and funding transfer. Complex transactions may take 3-4 weeks depending on international requirements."
            },
            {
              id: "2",              title: "Are all properties legally verified?",              content: "Yes, 100% of our listings undergo rigorous legal verification. Our team checks property title, ownership history, outstanding taxes, and any liens. You receive a complete verification report before purchase."
            },
            {
              id: "3",              title: "What are the financing options?",              content: "We partner with leading banks offering competitive mortgage rates (60-80% financing available). We assist with documentation and liaise with lenders. International buyers can arrange offshore financing with our banking partners."
            },
            {
              id: "4",              title: "Do you handle international buyer transactions?",              content: "Yes, we specialize in international relocations. We provide tax optimization strategies, currency exchange coordination, and compliance with local residency requirements. Our multilingual team supports 15+ nationalities."
            },
            {
              id: "5",              title: "What is included in the property advisor service?",              content: "Your dedicated advisor provides: neighborhood analysis, investment insights, negotiation support, legal guidance liaison, viewing coordination, and post-purchase support. Available 24/7 for the first 30 days post-purchase."
            },
            {
              id: "6",              title: "Can I schedule a property viewing without commitment?",              content: "Absolutely. Virtual tours are available 24/7. In-person viewings can be scheduled within 24 hours. No obligation—we're confident you'll love our properties."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Schedule Your Private Viewing"
          ctaDescription="Speak with a property advisor today. Let us find your perfect investment."
          ctaButton={{ text: "Book Free Consultation", href: "#contact-form" }}
          ctaIcon={Phone}
          useInvertedBackground="invertCard"
          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
              id: "1",              title: "What's your service fee?",              content: "Our service is free for buyers. Sellers pay a standard 3% commission only upon successful closing. Zero hidden fees."
            },
            {
              id: "2",              title: "How do I know the property is secure?",              content: "All our properties have verified clear titles, full insurance coverage, and legal documentation. Your advisor conducts a final walkthrough before closing."
            },
            {
              id: "3",              title: "Can I negotiate the price?",              content: "Yes. Our advisors negotiate on your behalf. Average negotiation saves buyers 5-8% on listed prices. We handle all counteroffers professionally."
            },
            {
              id: "4",              title: "What if I need to sell quickly?",              content: "Our cash-buyer network ensures fast closures in 7-10 days if needed. Slightly lower prices apply, but certainty and speed are guaranteed."
            },
            {
              id: "5",              title: "Do you offer rental property management?",              content: "Yes. For investor clients, we provide full property management: tenant screening, maintenance, rent collection, 24/7 support. Transparent fee structure with zero surprises."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="LuxeProperties"
          columns={[
            {
              items: [
                { label: "About Us", href: "why-us" },
                { label: "Properties", href: "properties" },
                { label: "Investors", href: "https://investors.luxeproperties.com" }
              ]
            },
            {
              items: [
                { label: "How It Works", href: "why-us" },
                { label: "Blog", href: "https://blog.luxeproperties.com" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "https://luxeproperties.com/privacy" },
                { label: "Terms of Service", href: "https://luxeproperties.com/terms" },
                { label: "Support", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}