"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { AlertCircle, Home, Users, Clock, Globe, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="noiseGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="outline"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Prestige Properties"
          navItems={[
            { name: "Properties", id: "properties" },
            { name: "Why Us", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "View Properties", href: "properties" }}
          className="font-bold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitAvatars
          title="Smart Real Estate."
          description="Carefully selected premium properties in prime locations."
          tag="ONLY 3 UNITS LEFT THIS WEEK"
          tagIcon={AlertCircle}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718031976-te5vk6eg.jpg"
          imageAlt="Modern luxury apartment interior"
          imagePosition="right"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778368573-lbt0pc39.jpg", alt: "Satisfied investor" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700145211-x9bffnd5.jpg", alt: "Happy family buyer" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778369738-ho9bjb29.jpg", alt: "Successful investor" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778371174-umt3evs1.jpg", alt: "Relocating professional" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778373684-xsn17hxt.jpg", alt: "Verified buyer" }
          ]}
          avatarText="Trusted by 1,500+ buyers & investors"
          buttons={[
            { text: "View Properties", href: "properties" },
            { text: "Schedule Viewing", href: "contact" }
          ]}
          className="w-full"
          titleClassName="text-4xl md:text-6xl font-bold"
          descriptionClassName="text-lg md:text-xl"
          buttonClassName="px-8 py-3 font-semibold"
        />
      </div>

      <div id="properties" data-section="properties">
        <MetricCardTen
          title="Featured Properties"
          description="Hand-selected premium listings with guaranteed verification and full legal documentation. Click any property to view details."
          tag="Featured Listings"
          tagIcon={Home}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              title: "Luxury Penthouse, Downtown",              subtitle: "50 sqm · 2 BR · 2 BA · City views",              category: "Penthouse",              value: "€1,850,000",              buttons: [
                { text: "View Details", href: "contact" },
                { text: "Book Viewing", href: "contact" }
              ]
            },
            {
              id: "2",              title: "Modern Villa, Beachfront",              subtitle: "320 sqm · 4 BR · 3 BA · Private beach access",              category: "Villa",              value: "€3,200,000",              buttons: [
                { text: "View Details", href: "contact" },
                { text: "Book Viewing", href: "contact" }
              ]
            },
            {
              id: "3",              title: "Contemporary Apartment, Prime Location",              subtitle: "120 sqm · 3 BR · 2 BA · Furnished",              category: "Apartment",              value: "€850,000",              buttons: [
                { text: "View Details", href: "contact" },
                { text: "Book Viewing", href: "contact" }
              ]
            },
            {
              id: "4",              title: "Elegant Townhouse, Historic District",              subtitle: "180 sqm · 3 BR · 2.5 BA · Garden terrace",              category: "Townhouse",              value: "€1,200,000",              buttons: [
                { text: "View Details", href: "contact" },
                { text: "Book Viewing", href: "contact" }
              ]
            },
            {
              id: "5",              title: "Smart Investment: Studio, Tech Hub",              subtitle: "45 sqm · 1 BR · 1 BA · Investment-ready",              category: "Studio",              value: "€425,000",              buttons: [
                { text: "View Details", href: "contact" },
                { text: "Book Viewing", href: "contact" }
              ]
            },
            {
              id: "6",              title: "Luxury Corner Apartment, Skyline View",              subtitle: "150 sqm · 3 BR · 2 BA · Smart home",              category: "Apartment",              value: "€1,650,000",              buttons: [
                { text: "View Details", href: "contact" },
                { text: "Book Viewing", href: "contact" }
              ]
            }
          ]}
          carouselMode="buttons"
          className="w-full"
          cardTitleClassName="text-xl font-bold"
          subtitleClassName="text-sm"
          valueClassName="text-2xl font-bold"
        />
      </div>

      <div id="about" data-section="about">
        <FeatureCardSeven
          features={[
            {
              id: 1,
              title: "Verified Listings Only",              description: "Every property undergoes rigorous verification. Full legal documentation, title clearance, and transparency guarantees. No hidden issues. No surprises.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719020024-4g8tw8lb.jpg"
            },
            {
              id: 2,
              title: "Complete Legal Support",              description: "Our certified legal team handles all documentation, contracts, and compliance. We protect your investment from start to finish with transparent pricing—no hidden fees.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719022380-xvzv7j9g.jpg"
            },
            {
              id: 3,
              title: "End-to-End Transaction Handling",              description: "From viewing to closing: property selection, due diligence, financing coordination, and post-sale support. Average closing time: 14 days.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778363654-jlia3ccx.jpg"
            },
            {
              id: 4,
              title: "Dedicated Property Advisor",              description: "Your personal advisor understands your investment goals and market conditions. Expert guidance on ROI potential, rental yields, and neighborhood growth.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778365391-w533t4p3.jpg"
            }
          ]}
          title="Why Invest With Us"
          description="End-to-end transparency, legal security, and expert guidance—your path to confident property ownership."
          tag="Our Process"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="blur-reveal"
          className="w-full"
          cardTitleClassName="text-2xl font-bold"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <AboutMetric
          title="Trusted by investors and families across 50+ cities worldwide"
          useInvertedBackground="invertCard"
          metrics={[
            { icon: Users, label: "Verified Buyers & Investors", value: "1,500+" },
            { icon: Clock, label: "Average Deal Closure Time", value: "14 days" },
            { icon: Globe, label: "Cities & Countries Covered", value: "50+" },
            { icon: TrendingUp, label: "Average ROI Rate", value: "8.5% - 12%" }
          ]}
          className="w-full"
          titleClassName="text-3xl md:text-5xl font-bold"
          metricValueClassName="text-5xl font-bold"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What Our Clients Say"
          description="Real results from real investors and families who've found their perfect property."
          tag="Success Stories"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              nameTitle: "Michael Chen, Investor",              quote: "Closed on a penthouse in 12 days. The legal team handled everything seamlessly. Best ROI investment I've made in 5 years.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778368573-lbt0pc39.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "2",              nameTitle: "Sarah Johnson, Family Relocation",              quote: "We were nervous about buying abroad. Their advisor walked us through every step. Now we're settled in our dream home.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700145211-x9bffnd5.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "3",              nameTitle: "David Martinez, Real Estate Investor",              quote: "Professional, transparent, fast. I've invested in 3 properties with them. The ROI calculations proved accurate every time.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778369738-ho9bjb29.jpg",              imageAlt: "David Martinez"
            },
            {
              id: "4",              nameTitle: "Emma Williams, Young Professional",              quote: "First-time buyer anxiety? Gone. They explained everything clearly and closed in record time. Highly recommend.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778371174-umt3evs1.jpg",              imageAlt: "Emma Williams"
            },
            {
              id: "5",              nameTitle: "James Wilson, Portfolio Investor",              quote: "Managing properties across multiple cities is seamless with their support team. Professionalism at every touchpoint.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778372283-6kk6rqwt.jpg",              imageAlt: "James Wilson"
            },
            {
              id: "6",              nameTitle: "Lisa Anderson, Family Buyer",              quote: "The transparency about pricing and legal requirements gave us total peace of mind. Excellent experience from start to finish.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778373684-xsn17hxt.jpg",              imageAlt: "Lisa Anderson"
            }
          ]}
          className="w-full"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Clear answers to help you navigate the property investment process with confidence."
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How long does the buying process take?",              content: "Our average closing time is 14 days from property selection to final transfer. We handle all legal documentation, due diligence, and coordination to ensure a smooth, fast transaction."
            },
            {
              id: "2",              title: "Are all properties verified?",              content: "Yes. Every property undergoes rigorous verification including title clearance, legal documentation review, and compliance checks. We guarantee no hidden liens or ownership disputes."
            },
            {
              id: "3",              title: "What are the hidden costs?",              content: "There are no hidden costs. We provide transparent pricing breakdowns covering property price, legal fees, transfer taxes, and registration costs upfront—nothing surprises you."
            },
            {
              id: "4",              title: "Do you assist with financing?",              content: "Yes. We coordinate with partnered banks and lenders to help secure favorable mortgage terms. Our advisors guide you through financing options tailored to your situation."
            },
            {
              id: "5",              title: "What about post-purchase support?",              content: "We remain your property advisor post-closing. We help with property management referrals, rental market insights, and future investment guidance."
            },
            {
              id: "6",              title: "Is my data secure?",              content: "Your data is protected with enterprise-grade encryption. We follow strict privacy protocols and never share information without your consent. Your information is safe with us."
            },
            {
              id: "7",              title: "Can I invest in multiple properties?",              content: "Absolutely. Many of our clients build portfolios across multiple locations. We provide portfolio management insights and streamlined processes for repeat investors."
            },
            {
              id: "8",              title: "What regions do you cover?",              content: "We operate in 50+ cities across Europe, Asia, and selected international markets. Contact us to confirm coverage for your target location."
            }
          ]}
          className="w-full"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to find your perfect property? Let's connect with your dedicated advisor today."
          animationType="background-highlight"
          buttons={[
            { text: "Schedule Consultation", href: "#lead-form" },
            { text: "View All Properties", href: "properties" }
          ]}
          useInvertedBackground="noInvert"
          className="w-full"
          textClassName="text-3xl md:text-4xl font-bold"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Prestige Properties"
          columns={[
            {
              items: [
                { label: "Home", href: "#hero" },
                { label: "Properties", href: "properties" },
                { label: "Why Us", href: "about" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              items: [
                { label: "Testimonials", href: "testimonials" },
                { label: "Contact", href: "contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            },
            {
              items: [
                { label: "Investment Guide", href: "#" },
                { label: "Market Insights", href: "#" },
                { label: "Blog", href: "#" },
                { label: "Newsletter", href: "#" }
              ]
            }
          ]}
          className="w-full"
          logoClassName="text-3xl font-bold mb-8"
        />
      </div>
    </ThemeProvider>
  );
}