"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { CheckCircle, HelpCircle, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="shadow-colored"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Featured Properties", id: "properties" },
            { name: "How It Works", id: "process" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="PremiumRE"
          bottomLeftText="Global Real Estate Platform"
          bottomRightText="invest@premiumre.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel 
          title="Premium Properties. Verified Opportunities."
          description="Carefully selected luxury properties in prime locations. Transparent pricing, legal verification, and end-to-end support for serious buyers and investors."
          tag="ONLY 3 UNITS LEFT THIS WEEK"
          tagIcon={Zap}
          buttons={[
            { text: "View Properties", href: "#properties" },
            { text: "Schedule Viewing" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-70.jpg",              imageAlt: "Luxury modern apartment with city views"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg",              imageAlt: "Contemporary villa with architectural design"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-living-room_1203-2721.jpg",              imageAlt: "Penthouse with premium finishes"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-living-room_1203-2345.jpg",              imageAlt: "Modern townhouse in prestigious neighborhood"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-living-room_1203-2722.jpg",              imageAlt: "Beachfront villa with ocean views"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-cute-woman-enjoying-free-time-home_7502-7293.jpg",              imageAlt: "Commercial office space in downtown location"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardTwo 
          title="Featured Properties"
          description="Handpicked luxury properties across multiple categories. Each listing is legally verified and ready for immediate viewing."
          tag="VERIFIED LISTINGS"
          tagIcon={CheckCircle}
          buttons={[
            { text: "View All Listings" },
            { text: "Request Price List" }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              brand: "Downtown Collection",              name: "Modern 2-Bedroom Apartment",              price: "From €450,000",              rating: 5,
              reviewCount: "12.3k",              imageSrc: "https://img.b2bpic.net/free-photo/cute-young-woman-reading-book-sofa_7502-7285.jpg",              imageAlt: "Modern apartment interior"
            },
            {
              id: "2",              brand: "Suburban Estates",              name: "Family 4-Bedroom House",              price: "From €650,000",              rating: 5,
              reviewCount: "8.7k",              imageSrc: "https://img.b2bpic.net/free-photo/armchair-couch-with-cushions_1203-763.jpg",              imageAlt: "Suburban family home"
            },
            {
              id: "3",              brand: "Luxury Living",              name: "Villa with Private Pool",              price: "From €1,200,000",              rating: 5,
              reviewCount: "15.2k",              imageSrc: "https://img.b2bpic.net/free-photo/happy-couple-resting-home-with-good-mood_651396-28.jpg",              imageAlt: "Luxury villa with pool"
            },
            {
              id: "4",              brand: "Urban Living",              name: "Studio Apartment",              price: "From €280,000",              rating: 4,
              reviewCount: "9.1k",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg",              imageAlt: "Compact studio apartment"
            },
            {
              id: "5",              brand: "Ready to Move",              name: "Furnished 3-Bedroom",              price: "From €520,000",              rating: 5,
              reviewCount: "11.4k",              imageSrc: "https://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg",              imageAlt: "Furnished residential unit"
            },
            {
              id: "6",              brand: "Investment Opportunities",              name: "Commercial Office Space",              price: "From €750,000",              rating: 5,
              reviewCount: "7.8k",              imageSrc: "https://img.b2bpic.net/free-photo/modern-dining-room-living-room-with-luxury-decor_105762-1672.jpg",              imageAlt: "Commercial retail space"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutMetric 
          title="Why Trust Premium RE?"
          description={[
            "We specialize in high-quality property placements for serious buyers and investors. Every listing undergoes rigorous legal verification, structural assessment, and market analysis. Our dedicated property advisors guide you through each step—from viewing to closing—ensuring complete transparency and peace of mind."
          ]}
          useInvertedBackground="noInvert"
          metrics={[
            { label: "Properties Sold", value: "1,700+" },
            { label: "Average Close Time", value: "14 days" }
          ]}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardSix 
          title="Our Simple 3-Step Process"
          description="From discovery to closing, we handle the complexity so you can make confident decisions."
          tag="Transparent & Fast"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Browse & Select",              description: "Explore our curated portfolio of verified properties. Use advanced filters to find exactly what you need—by location, price, property type, and investment potential.",              imageSrc: "https://img.b2bpic.net/free-vector/real-estate-searching_23-2148686371.jpg",              imageAlt: "Browse property listings online"
            },
            {
              id: 2,
              title: "Schedule & Tour",              description: "Book a private or virtual viewing at your convenience. Our advisors are available to answer questions, explain key features, and discuss ROI projections.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-people-working-from-home_23-2149173354.jpg",              imageAlt: "Professional property tour"
            },
            {
              id: 3,
              title: "Complete & Close",              description: "Finalize paperwork with transparent pricing, legal support included. We coordinate inspections, financing, and all documentation. You'll have a dedicated advisor every step of the way.",              imageSrc: "https://img.b2bpic.net/free-photo/digital-design-laptop-office_53876-94874.jpg",              imageAlt: "Closing transaction documentation"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne 
          title="What Our Clients Say"
          description="Real feedback from investors, families, and buyers who trusted us with their most important purchase."
          tag="VERIFIED REVIEWS"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "James Mitchell",              role: "Real Estate Investor",              company: "Global Capital Group",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg",              imageAlt: "James Mitchell, investor"
            },
            {
              id: "2",              name: "Elena Rodriguez",              role: "CFO, Tech Startup",              company: "InnovateLab",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/focused-mature-businessman-using-tablet-while-his-colleagues-discussing-project-workplace-glass-wall-copy-space-communication-concept_74855-14242.jpg",              imageAlt: "Elena Rodriguez, executive"
            },
            {
              id: "3",              name: "David & Sarah Chen",              role: "First-Time Homebuyers",              company: "Family Relocation",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/pensive-mature-businessman-formal-suit-glasses-standing-by-office-glass-wall-looking-away-copy-space-business-portrait-concept_74855-14255.jpg",              imageAlt: "David and Sarah Chen"
            },
            {
              id: "4",              name: "Marcus Thompson",              role: "Portfolio Manager",              company: "Wealth Partners LLC",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-businessman-eyeglasses-office_1262-3710.jpg",              imageAlt: "Marcus Thompson, manager"
            },
            {
              id: "5",              name: "Anna Bergström",              role: "Entrepreneur",              company: "Nordic Ventures",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/mature-posing-with-blue-jacket_150588-80.jpg",              imageAlt: "Anna Bergström, entrepreneur"
            },
            {
              id: "6",              name: "Liu & Michelle Wong",              role: "Expatriate Family",              company: "Corporate Relocation",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-using-mobile-phone-while-relaxing-staircase_637285-10962.jpg",              imageAlt: "Liu and Michelle Wong"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEight 
          title="Trusted by Serious Buyers & Investors Worldwide"
          imageSrc="https://img.b2bpic.net/free-photo/industrial-view-elevated-subway-train-chicago_181624-9580.jpg"
          imageAlt="Global city infrastructure and development"
          metrics={[
            { id: "1", value: "1,500+", title: "Properties Sold" },
            { id: "2", value: "14 Days", title: "Average Close Time" },
            { id: "3", value: "25+ Countries", title: "Global Coverage" },
            { id: "4", value: "98%", title: "Client Satisfaction" }
          ]}
          useInvertedBackground="invertCard"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia 
          title="Frequently Asked Questions"
          description="Get answers to common questions about buying, renting, and investing with Premium RE."
          tag="HELP & SUPPORT"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288189.jpg"
          imageAlt="Customer support team"
          mediaPosition="left"
          faqs={[
            {
              id: "1",              title: "How are properties legally verified?",              content: "Every property in our portfolio undergoes comprehensive legal due diligence. We verify ownership, clear title, zoning compliance, and absence of liens or disputes. Our legal team handles all documentation to ensure zero complications at closing."
            },
            {
              id: "2",              title: "What is the typical timeline from selection to closing?",              content: "Most transactions close within 14 days. This includes property viewing, due diligence, financing coordination, and document execution. We streamline every step to keep momentum and ensure you don't lose opportunities."
            },
            {
              id: "3",              title: "Are there hidden fees or costs?",              content: "Absolutely not. We provide transparent pricing with a complete breakdown of all costs upfront. Our pricing includes legal verification, property advisor support, and transaction coordination. No surprise charges—ever."
            },
            {
              id: "4",              title: "Do you offer post-purchase support?",              content: "Yes. After closing, we provide ongoing support including property management referrals, rental guidance, insurance coordination, and future investment opportunities aligned with your portfolio goals."
            },
            {
              id: "5",              title: "Can I invest internationally with Premium RE?",              content: "Yes, we operate in 25+ countries and countries. Our team handles currency conversion, international documentation, and cross-border financing. We simplify the complexity of global real estate investing."
            },
            {
              id: "6",              title: "What if I need to sell quickly?",              content: "We have a network of active buyers and investors. If you need to exit, we can often place your property within 7-10 days. Our rapid-sale program ensures you're never stuck with an illiquid asset."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm 
          title="Ready to Invest?"
          description="Reach out to our property advisors. We'll guide you to the right opportunity and make the process seamless."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/cheerful-business-team-watching-presentation-laptop-sitting-workplace-staring-display-smiling-copy-space-business-meeting-concept_74855-11583.jpg"
          imageAlt="Professional real estate office"
          mediaPosition="right"
          inputs={[
            { name: "fullName", 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: "investmentType", type: "text", placeholder: "Buy / Rent / Both", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your ideal property or investment goals...",            rows: 4,
            required: false
          }}
          buttonText="Get Started"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase 
          logoText="Premium RE"
          copyrightText="© 2025 Premium Real Estate. All rights reserved."
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Process", href: "#process" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Properties",              items: [
                { label: "Featured Listings", href: "#properties" },
                { label: "All Properties", href: "#" },
                { label: "Investment Guides", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "#faq" },
                { label: "Contact", href: "#contact" },
                { label: "Legal", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}