"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import ContactText from '@/components/sections/contact/ContactText';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TeamCardSeven from '@/components/sections/team/TeamCardSeven';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Home, Users, Zap, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="shadow-colored"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxe Properties"
          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: "Book Viewing",
            href: "contact"
          }}
          buttonClassName="px-6 py-2.5 rounded-full font-semibold text-sm transition-all duration-300"
          buttonTextClassName="font-serif text-base"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Premium Properties"
          description="Curated investment opportunities in prime locations. Verified listings, legal certainty, and proven returns."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718028366-ajhprcex.jpg"
          imageAlt="Luxury modern apartment with floor-to-ceiling windows and contemporary design"
          frameStyle="card"
          logoLineHeight={1.1}
          ariaLabel="Hero section: Premium Properties landing"
          className="relative"
          containerClassName="py-16 md:py-20"
          logoClassName="text-5xl md:text-7xl font-serif font-light tracking-tight"
          descriptionClassName="text-base md:text-lg text-gray-700 font-light"
        />
      </div>

      <div id="announcement" data-section="announcement">
        <ContactText
          text="🎯 ONLY 3 PREMIUM UNITS LEFT • NEW LISTINGS ADDED THIS WEEK • INVESTMENT OPPORTUNITIES AVAILABLE"
          animationType="entrance-slide"
          useInvertedBackground="noInvert"
          className="fixed top-0 left-0 right-0 z-50 bg-primary-cta text-white py-2 px-4 text-center text-sm md:text-base font-semibold animate-pulse"
          containerClassName="max-w-none rounded-none"
          textClassName="text-white"
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardOne
          products={[
            {
              id: "villa-001",
              name: "Seaside Modern Villa",
              price: "€2,450,000",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767700139032-a8bw7gg3.jpg",
              imageAlt: "Contemporary seaside villa with modern architecture and ocean views"
            },
            {
              id: "penthouse-002",
              name: "Downtown Luxury Penthouse",
              price: "€1,850,000",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718031127-jjprxv5q.jpg",
              imageAlt: "Luxury penthouse apartment with skyline views and premium finishes"
            },
            {
              id: "beach-003",
              name: "Waterfront Beachfront Estate",
              price: "€3,200,000",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718031976-te5vk6eg.jpg",
              imageAlt: "Exclusive beachfront property with direct beach access and luxury amenities"
            },
            {
              id: "estate-004",
              name: "Suburban Family Estate",
              price: "€1,450,000",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718032748-76fgfoi4.jpg",
              imageAlt: "Spacious suburban home with manicured gardens and modern design"
            },
            {
              id: "downtown-005",
              name: "Urban Living Downtown Condo",
              price: "€950,000",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718033627-eedl8ass.jpg",
              imageAlt: "Contemporary downtown condo with premium kitchen and city views"
            }
          ]}
          title="Featured Properties"
          description="Discover our handpicked selection of premium residential and investment properties across prime locations."
          tag="New Listings"
          tagIcon={Sparkles}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View All Properties", href: "properties" }
          ]}
          containerClassName="py-20 md:py-28"
          textBoxClassName="mb-12"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <FeatureCardOne
          features={[
            {
              title: "Verified Listings Only",
              description: "Every property undergoes rigorous verification. All documentation is checked for authenticity, legality, and ownership clarity. No hidden surprises.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718040648-yzrpzb3j.jpg"
            },
            {
              title: "Complete Legal Support",
              description: "Our expert legal team handles all paperwork, compliance, and contract management. Your investment is protected at every step.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718041487-ki99vi1v.jpg"
            },
            {
              title: "End-to-End Transaction",
              description: "From initial inquiry to final closing, we manage inspections, appraisals, and escrow. Transparent pricing with zero hidden fees.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718042396-bpo8f0ne.jpg"
            }
          ]}
          title="Why Choose Premium Properties?"
          description="We deliver trust, transparency, and exceptional results for every client."
          tag="Core Value"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          containerClassName="py-20 md:py-28 bg-gradient-to-br from-accent/10 to-background-accent/10"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          metrics={[
            {
              id: "sold",
              icon: Home,
              title: "Properties Sold",
              value: "850+"
            },
            {
              id: "investors",
              icon: Users,
              title: "Satisfied Clients",
              value: "1,500+"
            },
            {
              id: "time",
              icon: Zap,
              title: "Avg. Deal Time",
              value: "14 Days"
            },
            {
              id: "locations",
              icon: MapPin,
              title: "Cities Covered",
              value: "12"
            }
          ]}
          title="By The Numbers"
          description="Trusted by investors and families across multiple markets."
          tag="Credibility"
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          containerClassName="py-20 md:py-28"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          testimonials={[
            {
              id: "1",
              name: "Marcus Johnson, Real Estate Investor",
              date: "Date: 15 November 2024",
              title: "Closed in 14 days with zero complications",
              quote: "I've invested in 5 properties through Premium Properties. The transparency and speed are unmatched. Every process is clearly explained, and the team is incredibly responsive. The ROI on my last purchase exceeded expectations.",
              tag: "Investor Success",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718034809-ochqj12z.jpg",
              avatarAlt: "Marcus Johnson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718034809-ochqj12z.jpg"
            },
            {
              id: "2",
              name: "Sarah & Michael Chen, First-Time Buyers",
              date: "Date: 22 October 2024",
              title: "Found our dream home with confidence",
              quote: "As first-time buyers, we were nervous about the legal side. The team guided us through every step and answered every question patiently. We felt supported throughout the entire process. Highly recommended!",
              tag: "Family Purchase",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718035191-11f16bqh.jpg",
              avatarAlt: "Sarah and Michael Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718035191-11f16bqh.jpg"
            },
            {
              id: "3",
              name: "Victoria Rossi, Portfolio Manager",
              date: "Date: 8 September 2024",
              title: "Best ROI in our portfolio",
              quote: "We've diversified into real estate through Premium Properties for our institutional clients. The due diligence is thorough, the properties are vetted to the highest standard, and the returns have been solid.",
              tag: "Institutional Investor",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718035928-sgfdibzu.jpg",
              avatarAlt: "Victoria Rossi",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718035928-sgfdibzu.jpg"
            },
            {
              id: "4",
              name: "David & Emma Walsh, International Relocation",
              date: "Date: 3 August 2024",
              title: "Made relocation smooth and stress-free",
              quote: "Moving internationally was daunting, but Premium Properties made it seamless. They understood our timeline, found the perfect property, and handled all logistics. Now we feel settled and happy in our new home.",
              tag: "Relocation Success",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718036541-dn7icj5a.jpg",
              avatarAlt: "David and Emma Walsh",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718036541-dn7icj5a.jpg"
            },
            {
              id: "5",
              name: "Thomas Berg, Development Partner",
              date: "Date: 20 July 2024",
              title: "Transparent partnership from day one",
              quote: "As a developer, I've worked with many agencies. Premium Properties stands out for their integrity and market knowledge. They know how to position our projects effectively and close deals responsibly.",
              tag: "Developer Partnership",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718037325-jegmzlv3.jpg",
              avatarAlt: "Thomas Berg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718037325-jegmzlv3.jpg"
            },
            {
              id: "6",
              name: "Nina Kowalski, Investment Group",
              date: "Date: 12 June 2024",
              title: "Scaled our portfolio confidently",
              quote: "Premium Properties helped us identify and acquire 3 properties in 6 months. Their market insights are invaluable. The combination of good deals, legal certainty, and ongoing support is why we keep coming back.",
              tag: "Portfolio Growth",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718037854-6j4lujet.jpg",
              avatarAlt: "Nina Kowalski",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718037854-6j4lujet.jpg"
            }
          ]}
          title="Client Testimonials"
          description="Hear from investors, families, and partners who have trusted us with their real estate goals."
          tag="Social Proof"
          textboxLayout="default"
          useInvertedBackground="invertCard"
          containerClassName="py-20 md:py-28"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSeven
          team={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718034809-ochqj12z.jpg",
              imageAlt: "Team member avatar"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718035191-11f16bqh.jpg",
              imageAlt: "Team member avatar"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718035928-sgfdibzu.jpg",
              imageAlt: "Team member avatar"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718036541-dn7icj5a.jpg",
              imageAlt: "Team member avatar"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718037325-jegmzlv3.jpg",
              imageAlt: "Team member avatar"
            }
          ]}
          title="Trusted by 1,500+ Buyers & Investors Worldwide"
          useInvertedBackground="noInvert"
          containerClassName="py-16 md:py-20"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          faqs={[
            {
              id: "1",
              title: "What is your process for property verification?",
              content: "Every property undergoes a comprehensive verification process including title checks, legal compliance review, property inspection, and documentation authentication. We verify ownership history, outstanding liens, and tax compliance before listing. Our legal partners ensure complete due diligence."
            },
            {
              id: "2",
              title: "How long does a typical purchase take?",
              content: "Average closing time is 14 days for our clients. This includes property selection, viewing, due diligence, financing arrangements, and final closing. We streamline the process without compromising thoroughness, saving you time while maintaining complete transparency."
            },
            {
              id: "3",
              title: "Are there hidden fees?",
              content: "No hidden fees. We provide complete transparency with all costs itemized upfront. Our pricing includes legal support, documentation, and transaction handling. You'll see exactly what you're paying for before you commit to any purchase."
            },
            {
              id: "4",
              title: "What financing options are available?",
              content: "We work with partner banks and financial institutions to offer flexible financing solutions. Our team can facilitate mortgage arrangements, escrow services, and payment plans tailored to your needs. We handle all coordination with lenders."
            },
            {
              id: "5",
              title: "Can international buyers invest?",
              content: "Yes. We serve international investors and provide support for foreign buyers including currency exchange assistance, visa requirements guidance, and international legal compliance. We've successfully closed deals across 12 countries."
            },
            {
              id: "6",
              title: "What happens after the purchase?",
              content: "We provide post-purchase support including property management referrals, maintenance coordination, rental management assistance, and future sale support. Your relationship with Premium Properties doesn't end at closing—we're your long-term real estate partner."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718043491-cuo81djg.jpg"
          imageAlt="Customer support representative helping with real estate questions"
          title="Frequently Asked Questions"
          description="Get answers to common questions about our process, services, and investment opportunities."
          tag="Help Center"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          mediaPosition="left"
          containerClassName="py-20 md:py-28"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to find your next investment opportunity? Schedule a private viewing with our advisors. Your dedicated agent is just one click away."
          animationType="background-highlight"
          buttons={[
            { text: "Book Private Viewing", href: "#contact-form" },
            { text: "Request Price List", href: "#contact-form" }
          ]}
          useInvertedBackground="invertDefault"
          containerClassName="bg-gradient-to-r from-primary-cta/5 to-accent/5 rounded-2xl"
          textClassName="text-xl md:text-2xl font-serif font-light text-foreground"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718044696-vcnsnogz.jpg"
          imageAlt="Modern city skyline representing our global real estate presence"
          columns={[
            {
              title: "Properties",
              items: [
                { label: "Featured Listings", href: "properties" },
                { label: "Investment Properties", href: "properties" },
                { label: "Residential", href: "properties" },
                { label: "Commercial", href: "properties" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "why-us" },
                { label: "Our Process", href: "why-us" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Investment Guide", href: "#" },
                { label: "Market Insights", href: "#" },
                { label: "FAQ", href: "faq" },
                { label: "Blog", href: "#" }
              ]
            }
          ]}
          logoText="Luxe Properties"
          copyrightText="© 2025 Premium Properties. All rights reserved."
          containerClassName="bg-foreground text-white"
          logoTextClassName="text-white font-serif font-light text-lg"
        />
      </div>
    </ThemeProvider>
  );
}