"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Home, CheckCircle, Award, TrendingUp, Building2, Shield, HelpCircle, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="solid-accent"
      primaryButtonStyle="outline"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="PrimeProperties"
          button={{
            text: "View Properties",            href: "#properties"
          }}
          buttonClassName="font-semibold tracking-wide"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Premium Properties in Premium Locations"
          description="Carefully selected investment opportunities with verified documentation, legal support, and transparent pricing. "
          tag="NEW LISTINGS ADDED THIS WEEK"
          tagIcon={Sparkles}
          buttons={[
            {
              text: "View Properties",              href: "#properties"
            },
            {
              text: "Schedule Viewing",              href: "#contact"
            }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704134924-wdmxpe16.jpg",              imageAlt: "Modern luxury apartment with panoramic city views"
            },
            {
              id: "2",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704135333-c3df8jx8.jpg",              imageAlt: "Downtown city skyline with premium properties"
            },
            {
              id: "3",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704135718-8g8rx0nb.jpg",              imageAlt: "Contemporary villa with modern architecture"
            },
            {
              id: "4",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704136085-kq3gu5kt.jpg",              imageAlt: "Residential apartment complex with premium finishes"
            },
            {
              id: "5",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704136339-3ekq45tc.jpg",              imageAlt: "Beachfront luxury property with ocean views"
            },
            {
              id: "6",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704136789-zfri50hh.jpg",              imageAlt: "Downtown commercial office space"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
          containerClassName="py-12"
          titleClassName="font-light text-4xl md:text-5xl tracking-tight"
          descriptionClassName="text-base md:text-lg font-light opacity-90"
        />
      </div>

      <div id="announcement" data-section="announcement">
        <MetricCardTen
          title="Limited Time Offer"
          description="Only 3 premium units remaining in our flagship development."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              title: "ONLY 3 UNITS LEFT",              subtitle: "Flagship Downtown Development - Closing Soon",              category: "Exclusive",              value: "75% Sold",              buttons: [
                {
                  text: "Claim Yours Now",                  href: "#contact"
                }
              ]
            }
          ]}
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardTwo
          title="Featured Properties"
          description="Handpicked investments in the most desirable locations with strong market fundamentals and growth potential."
          tag="Prime Investments"
          tagIcon={Home}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="two-columns-alternating-heights"
          products={[
            {
              id: "1",              brand: "Downtown Central",              name: "Luxury Penthouse - City Center",              price: "From €850,000",              rating: 5,
              reviewCount: "127",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704137950-gpm17uc8.jpg",              imageAlt: "Luxury penthouse apartment with panoramic city views"
            },
            {
              id: "2",              brand: "Prestige Residences",              name: "Modern Villa - Prime Location",              price: "From €1,200,000",              rating: 5,
              reviewCount: "89",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704138490-zunpo9uk.jpg",              imageAlt: "Contemporary villa with private courtyard"
            },
            {
              id: "3",              brand: "Coastal Living",              name: "Beachfront Apartment - Resort Style",              price: "From €650,000",              rating: 5,
              reviewCount: "156",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704138951-siri0kwa.jpg",              imageAlt: "Beachfront apartment with ocean views and resort amenities"
            },
            {
              id: "4",              brand: "Elite Properties",              name: "Exclusive Beach Villa - Waterfront",              price: "From €1,500,000",              rating: 5,
              reviewCount: "92",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704139380-u1v84ehm.jpg",              imageAlt: "Exclusive beachfront villa with private beach access"
            }
          ]}
        />
      </div>

      <div id="why-invest" data-section="why-invest">
        <FeatureCardOne
          title="Why Invest With Us"
          description="We handle every step of your real estate investment journey with transparency, expertise, and legal certainty."
          tag="Trusted Platform"
          tagIcon={CheckCircle}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          features={[
            {
              title: "Verified Listings Only",              description: "Every property undergoes thorough legal, financial, and structural verification. No hidden issues, complete transparency.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704140913-oyt6yxf0.jpg",              imageAlt: "Verified property documentation"
            },
            {
              title: "Legal Support Included",              description: "Our legal experts handle all documentation, contracts, and compliance requirements. You invest with confidence.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704141241-sqojnv8e.jpg",              imageAlt: "Legal document review and support"
            },
            {
              title: "End-to-End Guidance",              description: "From initial viewing through closing and post-purchase support. Dedicated property advisor for your complete journey.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704141538-9f4jdfla.jpg",              imageAlt: "Three-step property investment process"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="Trusted by 1,500+ Investors & Families"
          description="Real results from real clients who found their perfect property and secured smart investments."
          tag="Client Success Stories"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Real Estate Investor",              company: "Property Portfolio Group",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971396-8z0vqol9.jpg",              imageAlt: "Sarah Johnson investor testimonial"
            },
            {
              id: "2",              name: "Michael Chen",              role: "First-Time Buyer",              company: "Tech Professional",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971052-5paod60c.jpg",              imageAlt: "Michael Chen buyer testimonial"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Family Relocation",              company: "Executive Family",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767391971803-ej8f6jxf.jpg",              imageAlt: "Emma Rodriguez family testimonial"
            },
            {
              id: "4",              name: "David Kim",              role: "Portfolio Manager",              company: "Investment Firm",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704140274-m18m7f2i.jpg",              imageAlt: "David Kim portfolio manager testimonial"
            },
            {
              id: "5",              name: "Lisa Thompson",              role: "Business Owner",              company: "Entrepreneur",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767548603379-gni6b4vr.jpg",              imageAlt: "Lisa Thompson business owner testimonial"
            },
            {
              id: "6",              name: "James Wilson",              role: "Wealth Manager",              company: "Financial Advisory",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767448343297-4asr5tm3.jpg",              imageAlt: "James Wilson wealth manager testimonial"
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <PricingCardOne
          title="Trusted by Leaders"
          description="Partnered with top financial institutions, developers, and legal authorities for verified, secure transactions."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "bank1",              badge: "Premium Financing",              badgeIcon: TrendingUp,
              price: "Partnership",              subtitle: "Leading mortgage providers offer competitive rates for verified properties",              features: [
                "Competitive interest rates",                "Fast pre-approval process",                "Flexible payment terms",                "Dedicated financing support"
              ]
            },
            {
              id: "developer1",              badge: "Verified Developer",              badgeIcon: Building2,
              price: "Alliance",              subtitle: "Award-winning developers with proven track record in premium developments",              features: [
                "Quality construction standards",                "On-time project delivery",                "Warranty & guarantees",                "Post-sale support"
              ]
            },
            {
              id: "legal1",              badge: "Legal Certified",              badgeIcon: Shield,
              price: "Certified",              subtitle: "Licensed legal experts ensure complete compliance and documentation",              features: [
                "Full legal review",                "Contract expertise",                "Regulatory compliance",                "Title verification"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Common Questions"
          description="Find answers to questions about investing, financing, process, and legal requirements."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How long does the entire process take?",              content: "On average, the process takes 14-30 days from first viewing to closing. Our dedicated advisors work to streamline documentation and legal requirements. For international buyers, timeline may extend to 4-6 weeks depending on additional verification requirements."
            },
            {
              id: "2",              title: "What are the typical investment returns?",              content: "Historical data shows 6-12% annual returns through appreciation and rental income. Returns vary by location, property type, and market conditions. We provide detailed ROI analysis and market comparisons for each property to help you make informed decisions."
            },
            {
              id: "3",              title: "Are there hidden fees?",              content: "No. All fees are transparent and disclosed upfront. Typical costs include transaction fees (2-3%), legal fees (€500-1,500), and registration fees. We provide a complete cost breakdown before any commitment."
            },
            {
              id: "4",              title: "What documentation do I need?",              content: "For EU residents: valid ID, proof of funds, and basic financial information. For international buyers: passport, proof of income, and source of funds documentation. Our legal team provides a complete checklist tailored to your situation."
            },
            {
              id: "5",              title: "Can I get financing assistance?",              content: "Yes. We partner with leading banks and mortgage providers offering 60-90% LTV financing for qualified buyers. Our financing team helps with pre-approval, documentation, and negotiating competitive rates."
            },
            {
              id: "6",              title: "Is my investment protected?",              content: "All properties undergo full legal verification. Funds are held in escrow by licensed attorneys. Title insurance and property registration ensure your ownership is protected. We're regulated and maintain E&O insurance for all transactions."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Invest?"
          tagIcon={Zap}
          title="Schedule Your Private Property Viewing"
          description="Get personalized recommendations, detailed property analysis, and ROI projections from our investment specialists. No obligation."
          inputPlaceholder="Enter your email address"
          buttonText="Request Viewing"
          termsText="We respect your privacy. Your information is secure and never shared. Expect contact within 24 hours."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          logoText="PrimeProperties"
          columns={[
            {
              title: "Properties",              items: [
                {
                  label: "Featured Listings",                  href: "#properties"
                },
                {
                  label: "Buy",                  href: "#buy"
                },
                {
                  label: "Rent",                  href: "#rent"
                },
                {
                  label: "Investment Opportunities",                  href: "#invest"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "/about"
                },
                {
                  label: "Our Process",                  href: "/process"
                },
                {
                  label: "Why Choose Us",                  href: "/why-us"
                },
                {
                  label: "Careers",                  href: "/careers"
                }
              ]
            },
            {
              title: "Support",              items: [
                {
                  label: "Help Center",                  href: "/help"
                },
                {
                  label: "Contact Us",                  href: "/contact"
                },
                {
                  label: "FAQs",                  href: "#faq"
                },
                {
                  label: "Schedule Viewing",                  href: "/schedule"
                }
              ]
            },
            {
              title: "Legal",              items: [
                {
                  label: "Privacy Policy",                  href: "/privacy"
                },
                {
                  label: "Terms & Conditions",                  href: "/terms"
                },
                {
                  label: "Compliance",                  href: "/compliance"
                },
                {
                  label: "Disclaimer",                  href: "/disclaimer"
                }
              ]
            }
          ]}
          copyrightText="© 2025 PrimeProperties. All rights reserved. Licensed & Regulated Real Estate Broker."
          logoTextClassName="text-2xl font-light tracking-wide"
        />
      </div>
    </ThemeProvider>
  );
}