"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, CheckCircle, Clock, Globe, TrendingUp } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="medium"
      background="plain"
      cardStyle="neon-glow"
      primaryButtonStyle="outline"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="LuxeProperties"
          button={{
            text: "View Properties",            href: "properties"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          tag="ONLY 3 UNITS LEFT"
          tagIcon={Sparkles}
          title="Modern Living in Prime Locations"
          description="Carefully selected premium properties with verified documentation. Trusted by 1,500+ buyers and investors. Maximize returns with smart real estate investments."
          buttons={[
            { text: "View Properties", href: "properties" },
            { text: "Book a Viewing", href: "contact" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718031976-te5vk6eg.jpg"
          imageAlt="Luxury modern apartment with panoramic city views"
          className="relative z-10"
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardSix
          title="Featured Properties"
          description="Explore our curated selection of premium properties available for purchase or rental"
          products={[
            {
              id: "prop-001",              name: "Modern Penthouse - Downtown",              price: "From €850,000",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719020024-4g8tw8lb.jpg",              imageAlt: "Modern luxury penthouse with city views"
            },
            {
              id: "prop-002",              name: "Luxury Villa - Hillside",              price: "From €1,200,000",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719022380-xvzv7j9g.jpg",              imageAlt: "Contemporary villa with pool and garden"
            },
            {
              id: "prop-003",              name: "Prime Office Space - Business District",              price: "From €3,500/month",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778363654-jlia3ccx.jpg",              imageAlt: "Modern commercial office space"
            },
            {
              id: "prop-004",              name: "Contemporary Townhouse - Waterfront",              price: "From €650,000",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778365391-w533t4p3.jpg",              imageAlt: "Stylish townhouse with waterfront access"
            },
            {
              id: "prop-005",              name: "Investment Portfolio - Mixed Development",              price: "From €2,100,000",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767778366825-sa2064fi.jpg",              imageAlt: "Modern residential development complex"
            },
            {
              id: "prop-006",              name: "Luxury Apartment - Central District",              price: "From €725,000",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718031976-te5vk6eg.jpg",              imageAlt: "Luxury apartment in central location"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Why Invest With LuxeProperties: Verified Listings, Legal Support, End-to-End Transaction Handling"
          metrics={[
            {
              icon: CheckCircle,
              label: "Properties Sold",              value: "1,247+"
            },
            {
              icon: Clock,
              label: "Average Deal Time",              value: "21 Days"
            },
            {
              icon: Globe,
              label: "Countries Covered",              value: "12"
            },
            {
              icon: TrendingUp,
              label: "Client Satisfaction",              value: "98%"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Our Process: Simple & Transparent"
          description="A streamlined approach to finding, verifying, and securing your ideal property investment"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767779677820-d8z98ms7.jpg"
          imageAlt="Real estate professional in consultation"
          mediaPosition="left"
          accordionItems={[
            {
              id: "step-1",              title: "Step 1: Choose Your Property",              content: "Browse our verified listings filtered by location, price range, and property type. Each listing includes detailed information, high-quality images, and video tours."
            },
            {
              id: "step-2",              title: "Step 2: Viewing & Due Diligence",              content: "Schedule a private viewing with our expert agents. We provide comprehensive legal reviews, market analysis, and ROI calculations to ensure informed decisions."
            },
            {
              id: "step-3",              title: "Step 3: Purchase or Rental",              content: "Our legal team handles all documentation, negotiations, and closing procedures. Transparent pricing with zero hidden fees. Dedicated support throughout the transaction."
            }
          ]}
          buttons={[
            { text: "Request Full Price List", href: "contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Client Success Stories"
          description="Real feedback from investors, families, and buyers who found their perfect property"
          testimonials={[
            {
              id: "test-1",              name: "Marcus Reynolds",              role: "Investment Investor",              company: "Reynolds Capital Fund",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718034809-ochqj12z.jpg"
            },
            {
              id: "test-2",              name: "Sarah Mitchell",              role: "Property Buyer",              company: "Corporate Executive",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718035928-sgfdibzu.jpg"
            },
            {
              id: "test-3",              name: "James & Emily Rodriguez",              role: "Family Relocating",              company: "International Assignment",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718036541-dn7icj5a.jpg"
            },
            {
              id: "test-4",              name: "David Chen",              role: "Portfolio Manager",              company: "Global Investment Group",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767779679568-0bp1hw4b.jpg"
            },
            {
              id: "test-5",              name: "Lisa Petrov",              role: "Development Executive",              company: "Urban Architecture Firm",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767779680742-296v1qyq.jpg"
            },
            {
              id: "test-6",              name: "Robert Yamamoto",              role: "Real Estate Investor",              company: "Asia-Pacific Fund",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767718035191-11f16bqh.jpg"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Track Record"
          description="Proven results delivering exceptional value for investors and homeowners"
          metrics={[
            {
              id: "metric-1",              value: "€2.4B",              title: "Total Transaction Volume",              description: "Successfully facilitated property transactions exceeding 2.4 billion euros",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719022380-xvzv7j9g.jpg"
            },
            {
              id: "metric-2",              value: "14",              title: "Average Days to Close",              description: "Streamlined process delivers faster closings than market average",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719020024-4g8tw8lb.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Answers to common questions about our properties, process, and investment opportunities"
          faqs={[
            {
              id: "faq-1",              title: "How are all properties verified?",              content: "Every listing undergoes comprehensive legal review, title verification, and market valuation by our certified team. All documentation is transparent and accessible."
            },
            {
              id: "faq-2",              title: "What is the typical timeline from viewing to closing?",              content: "Most transactions close within 14-30 days. This depends on financing, legal reviews, and your specific circumstances. Our team accelerates the process where possible."
            },
            {
              id: "faq-3",              title: "Are there any hidden fees?",              content: "No. Our pricing is fully transparent. We disclose all costs upfront including legal fees, transfer taxes, and agent commissions. What you see is what you pay."
            },
            {
              id: "faq-4",              title: "Do you offer rental properties?",              content: "Yes. We manage both sales and long-term rental properties. Rental yields typically range from 4-7% depending on location and property type."
            },
            {
              id: "faq-5",              title: "Can I invest internationally?",              content: "Yes. We facilitate purchases in 12 countries across Europe, Asia, and the Americas. Our legal team handles international compliance and currency matters."
            },
            {
              id: "faq-6",              title: "What support do you provide post-closing?",              content: "We offer property management services, maintenance coordination, tenant screening, and ongoing investment advisory to maximize your returns."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get Started Today"
          description="Connect with our property advisors to explore investment opportunities and schedule private viewings. No spam. Your data is protected."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: true
            },
            {
              name: "property_interest",              type: "text",              placeholder: "Property Type (Villa, Apartment, Commercial)",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your investment goals or preferred locations...",            rows: 5,
            required: false
          }}
          buttonText="Schedule a Viewing"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767779677820-d8z98ms7.jpg"
          imageAlt="Real estate consultation meeting"
          mediaPosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="LuxeProperties"
          copyrightText="© 2025 LuxeProperties. All rights reserved. Verified Real Estate Investments."
          columns={[
            {
              title: "Properties",              items: [
                { label: "Featured Listings", href: "properties" },
                { label: "Buy", href: "properties" },
                { label: "Rent", href: "properties" },
                { label: "Investment Portfolio", href: "properties" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Process", href: "features" },
                { label: "Meet Our Team", href: "team" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "ROI Calculator", href: "#" },
                { label: "Investment Guide", href: "#" },
                { label: "Market Report", href: "#" },
                { label: "Legal Resources", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}