"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { MapPin, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="noise"
      cardStyle="gradient-subtle"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          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: "Schedule Viewing",
            href: "contact"
          }}
          brandName="LUXE PROPERTIES"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="LUXURY PROPERTIES"
          description="Curated premium properties in prime locations. Verified documentation, transparent pricing, seamless transactions."
          buttons={[
            { text: "View Properties", href: "properties" },
            { text: "Get ROI Details", href: "contact" }
          ]}
          slides={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704138951-siri0kwa.jpg",
              imageAlt: "Modern luxury apartment with floor-to-ceiling windows and city views"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767714429105-aa4xk2wi.jpg",
              imageAlt: "Penthouse with panoramic city skyline views"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713943618-9avc0npf.jpg",
              imageAlt: "Luxury villa with manicured garden and infinity pool"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="announcement" data-section="announcement">
        <MediaAbout
          title="ONLY 3 UNITS LEFT IN PRIME LOCATION"
          description="Limited availability. New listings added weekly. Invest in verified premium properties with guaranteed legal documentation and transparent returns."
          tag="URGENT AVAILABILITY"
          tagIcon={Zap}
          buttons={[
            { text: "Check Availability", href: "properties" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713943931-pttgnt7a.jpg"
          imageAlt="Premium available property"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardTwo
          title="Featured Properties"
          description="Handpicked luxury properties. All listings verified with complete legal documentation and transparent pricing."
          tag="PRIME LOCATIONS"
          tagIcon={MapPin}
          buttons={[
            { text: "View All", href: "#" }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              brand: "LUXURY LIVING",
              name: "Modern City Penthouse",
              price: "From €850,000",
              rating: 5,
              reviewCount: "42 inquiries",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713943931-pttgnt7a.jpg",
              imageAlt: "Modern city penthouse"
            },
            {
              id: "2",
              brand: "PRIME ESTATES",
              name: "Contemporary Villa with Pool",
              price: "From €1,200,000",
              rating: 5,
              reviewCount: "38 inquiries",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713944252-m8yauy3n.jpg",
              imageAlt: "Contemporary villa"
            },
            {
              id: "3",
              brand: "LUXURY LIVING",
              name: "Beachfront Apartment Complex",
              price: "From €650,000",
              rating: 5,
              reviewCount: "55 inquiries",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713944580-t50bl2q8.jpg",
              imageAlt: "Beachfront apartment"
            },
            {
              id: "4",
              brand: "PRIME ESTATES",
              name: "Urban Smart Home Residence",
              price: "From €750,000",
              rating: 5,
              reviewCount: "31 inquiries",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767713945515-m0fhkwxh.jpg",
              imageAlt: "Smart home residence"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <FeatureCardNineteen
          title="Why Invest With Us"
          description="Our proven process removes friction and builds confidence at every step."
          tag="TRANSPARENT BUYING"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "VERIFICATION",
              title: "Verified Listings",
              subtitle: "100% Legal Documentation",
              description: "Every property undergoes rigorous legal verification. Complete ownership documentation, title clearance, and regulatory compliance verified by certified attorneys.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767714429408-743erl62.jpg",
              imageAlt: "Legal documentation verification"
            },
            {
              id: 2,
              tag: "SUPPORT",
              title: "End-to-End Guidance",
              subtitle: "Dedicated Property Advisor",
              description: "Personal advisor guides you through every stage: property selection, due diligence, legal procedures, financing, and handover. Seamless, professional experience.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767714429408-743erl62.jpg"
            },
            {
              id: 3,
              tag: "SPEED",
              title: "Fast Transactions",
              subtitle: "Average 14-21 Days to Closing",
              description: "Our streamlined process eliminates delays. Pre-vetted documents, direct developer relationships, and coordinated legal teams ensure rapid completion.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767714429408-743erl62.jpg"
            },
            {
              id: 4,
              tag: "TRANSPARENCY",
              title: "No Hidden Fees",
              subtitle: "Upfront Pricing",
              description: "Complete price breakdown upfront. All costs—registration, legal, administrative—clearly itemized. No surprises, no additional charges during closing.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767714429408-743erl62.jpg"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Trusted by Thousands"
          description="Proven track record of successful transactions and satisfied investors."
          tag="PROVEN RESULTS"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",
              value: "1,500+",
              description: "Properties Sold & Leased"
            },
            {
              id: "2",
              value: "14-21",
              description: "Average Days to Close"
            },
            {
              id: "3",
              value: "45+",
              description: "Cities & Regions Covered"
            },
            {
              id: "4",
              value: "98%",
              description: "Customer Satisfaction Rate"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardNine
          title="Stories from Our Investors"
          description="Real results from verified buyers and investors who transformed their portfolios with us."
          tag="CLIENT SUCCESS"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "Closed in 14 days with zero complications. The legal team was exceptional—every document pre-verified. Smooth, professional, transparent.",
              name: "Sarah Johnson",
              role: "Real Estate Investor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767624797006-llakvf1z.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              quote: "My family relocated for work. Found the perfect home in 2 weeks. The advisor handled everything—permits, financing, even movers. Stress-free.",
              name: "Michael Chen",
              role: "Corporate Executive",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767714430623-ttkmfav8.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              quote: "ROI exceeded projections. 12% annual return on the penthouse purchase. Exceptional investment opportunity. Already buying a second unit.",
              name: "Emily Rodriguez",
              role: "Investment Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391976473-pyurxsk4.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              quote: "Best real estate experience ever. No hidden fees, no surprises. The transparency and professionalism set them apart from competitors.",
              name: "David Kim",
              role: "Private Equity Investor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391976173-y73rbzo8.jpg",
              imageAlt: "David Kim"
            },
            {
              id: "5",
              quote: "Investment portfolio diversification made easy. Helped me secure three properties across different cities. World-class service.",
              name: "Jessica Martinez",
              role: "Entrepreneur & Business Owner",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767392077152-f2rgri81.jpg",
              imageAlt: "Jessica Martinez"
            },
            {
              id: "6",
              quote: "Investment portfolio diversification made easy. Helped me secure three properties across different cities. World-class service.",
              name: "Thomas Anderson",
              role: "Wealth Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767631144262-jbrxq0eo.jpg",
              imageAlt: "Thomas Anderson"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Common Questions Answered"
          description="Find clarity on legal verification, pricing, timelines, and the investment process."
          tag="FAQ"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How do you verify property legal documentation?",
              content: "Every property undergoes comprehensive legal audit by certified attorneys. We verify: title ownership, property registration, tax compliance, outstanding mortgages, zoning approvals, and all regulatory requirements. Complete verification report provided before purchase."
            },
            {
              id: "2",
              title: "What are the total costs and are there hidden fees?",
              content: "Upfront transparent pricing. Costs include: registration (~3%), legal documentation (~2%), property taxes (~0.5%), advisory fee (~1.5%). All itemized in the initial quote. No additional charges. Price lock guaranteed in writing."
            },
            {
              id: "3",
              title: "How long does the buying process take?",
              content: "Average 14-21 days from offer to closing. Process: Day 1-3: Property selection & verification, Day 4-7: Due diligence & legal review, Day 8-14: Financing & documentation, Day 15-21: Final registration & transfer. Fast-track available for pre-approved buyers."
            },
            {
              id: "4",
              title: "Do you handle financing and mortgage options?",
              content: "Yes. We partner with premier banking institutions offering 20-80% financing with competitive rates. Our financial advisors help structure deals optimizing tax implications and return profiles. First-time buyers receive guidance through entire process."
            },
            {
              id: "5",
              title: "What if I want to rent the property instead of owning?",
              content: "We offer full rental management services. Property marketing, tenant screening, lease management, maintenance coordination, and monthly income transfer handled by our team. Typical rental yields 5-8% annually depending on location and property type."
            },
            {
              id: "6",
              title: "What happens after purchase? Do you provide post-sale support?",
              content: "Comprehensive post-sale support included: property registration assistance, utility connections, insurance coordination, maintenance referrals, tenant placement (if renting), annual property valuation updates, and tax documentation support."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to find your premium property? Schedule a private viewing with our dedicated advisor today. No commitment. No pressure. Just expert guidance."
          animationType="reveal-blur"
          buttons={[
            { text: "Schedule Private Viewing", href: "#contact-form" },
            { text: "Request Price List", href: "#" }
          ]}
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767714429871-9ysklvfk.jpg"
          imageAlt="Premium properties portfolio"
          logoText="LUXE PROPERTIES"
          copyrightText="© 2025 Luxe Properties. All rights reserved. Verified & Secure."
          columns={[
            {
              title: "Properties",
              items: [
                { label: "Featured Listings", href: "properties" },
                { label: "Buy", href: "#" },
                { label: "Rent", href: "#" },
                { label: "Investment Analysis", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "why-us" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Blog & Insights", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "faq" },
                { label: "Legal Terms", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}