"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplitImage from '@/components/sections/hero/HeroLogoBillboardSplitImage';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Facebook, Instagram, Linkedin, Phone, Sparkles, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="large"
      sizing="large"
      background="none"
      cardStyle="solid-accent"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Properties", id: "properties" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Services", id: "services" }
          ]}
          brandName="DubaiPremium"
          logoAlt="DubaiPremium Real Estate"
          bottomLeftText="Dubai, UAE"
          bottomRightText="hello@dubaipremium.ae"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplitImage
          logoText="DUBAI PREMIUM"
          description="Discover luxury real estate investments in Dubai's most prestigious locations. From waterfront villas to downtown penthouses, we connect discerning buyers with Dubai's finest properties."
          buttons={[
            { text: "Explore Properties", href: "#properties" },
            { text: "Schedule Consultation", href: "#contact" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676114079-yjuz3xj2.jpg"
          imageAlt="Panoramic view of Dubai real estate"
        />
      </div>

      <div id="properties" data-section="properties">
        <ProductCardFour
          title="Featured Properties"
          description="Hand-selected luxury properties across Dubai's most sought-after neighborhoods"
          tag="Available Now"
          tagIcon={Sparkles}
          buttons={[
            { text: "View All Properties", href: "#" },
            { text: "Get Investment Guide", href: "#" }
          ]}
          textboxLayout="default"
          products={[
            {
              id: "1",
              name: "Modern Downtown Penthouse",
              price: "3.2M AED",
              variant: "3 Bedrooms, 3 Bathrooms, Marina View",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676115125-qy80b7pe.jpg",
              imageAlt: "Downtown penthouse with modern finishes"
            },
            {
              id: "2",
              name: "Beachfront Luxury Villa",
              price: "5.8M AED",
              variant: "5 Bedrooms, 6 Bathrooms, Private Beach",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116024-zk7eqt6h.jpg",
              imageAlt: "Stunning beachfront villa in Palm Jumeirah"
            },
            {
              id: "3",
              name: "Business Bay Office Residence",
              price: "2.1M AED",
              variant: "2 Bedrooms, 2 Bathrooms, City View",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116944-8eu4qi5d.jpg",
              imageAlt: "Premium office residence with skyline views"
            }
          ]}
          animationType="slide-up"
          containerStyle="default"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="Who We Are"
          description="With over two decades of experience in Dubai real estate, we are the trusted partner for international investors and high-net-worth individuals seeking premium properties. Our expert team combines market insights with personalized service to help you find the perfect investment opportunity in one of the world's most dynamic real estate markets."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNineteen
          title="Our Services"
          description="Comprehensive real estate solutions tailored to your needs"
          tag="Expert Guidance"
          textboxLayout="default"
          features={[
            {
              id: 1,
              tag: "Search",
              title: "Property Discovery",
              subtitle: "Find your perfect property match",
              description: "Advanced search tools and personalized recommendations to discover properties that meet your investment criteria and lifestyle requirements.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676114079-yjuz3xj2.jpg",
              imageAlt: "Property search tools"
            },
            {
              id: 2,
              tag: "Investment",
              title: "Investment Guidance",
              subtitle: "Expert market analysis and planning",
              description: "Data-driven insights on market trends, ROI potential, and investment strategies from our experienced analysts and market specialists.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140098536-9jc7ywck.jpg",
              imageAlt: "Investment analysis and planning"
            },
            {
              id: 3,
              tag: "Management",
              title: "Property Management",
              subtitle: "Professional ongoing care",
              description: "Full-service property management including maintenance, tenant coordination, financial reporting, and regular property updates.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116024-zk7eqt6h.jpg",
              imageAlt: "Professional property management"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Trusted by international investors and Dubai residents"
          tag="Client Reviews"
          testimonials={[
            {
              id: "1",
              name: "Sarah Al Maktoum, Investment Advisor",
              date: "Date: 15 November 2024",
              title: "Seamless investment experience from start to finish",
              quote: "The team's expertise in Dubai real estate is unmatched. They guided me through the entire process and helped me secure a property that exceeded my expectations. Highly professional and trustworthy.",
              tag: "Investor",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676115125-qy80b7pe.jpg"
            },
            {
              id: "2",
              name: "Michael Chen, Business Owner",
              date: "Date: 8 October 2024",
              title: "Best real estate consultants in Dubai",
              quote: "Working with this team transformed my investment strategy. Their market insights helped me identify properties with exceptional growth potential. I've already recommended them to my business associates.",
              tag: "Business Client",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116024-zk7eqt6h.jpg"
            },
            {
              id: "3",
              name: "Amira Hassan, Property Investor",
              date: "Date: 22 September 2024",
              title: "Professional service with genuine care",
              quote: "They didn't just sell me a property, they helped me build my investment portfolio. The after-sales service is exceptional and their team remains accessible for any questions.",
              tag: "Long-term Partner",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116944-8eu4qi5d.jpg"
            },
            {
              id: "4",
              name: "James Mitchell, Entrepreneur",
              date: "Date: 5 August 2024",
              title: "Excellent guidance for first-time investors",
              quote: "As a first-time real estate investor in Dubai, I felt completely supported. The team explained everything clearly and helped me make confident decisions. Best decision I made in 2024.",
              tag: "New Investor",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676114079-yjuz3xj2.jpg"
            },
            {
              id: "5",
              name: "Fatima Al Noor, Entrepreneur",
              date: "Date: 12 July 2024",
              title: "Unparalleled market knowledge",
              quote: "Their understanding of Dubai's luxury real estate market is exceptional. They found me a property in an emerging area that's already appreciated significantly. Truly outstanding service.",
              tag: "Satisfied Client",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399073440-t51o34g6.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676115125-qy80b7pe.jpg"
            },
            {
              id: "6",
              name: "David Schmidt, Corporate Executive",
              date: "Date: 28 June 2024",
              title: "Reliable partner for corporate relocations",
              quote: "We engaged their services for multiple employee relocations. Their professionalism, reliability, and attention to detail made the process smooth for everyone involved.",
              tag: "Corporate Client",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766441296285-xfz0lndf.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766676116024-zk7eqt6h.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Invest in Dubai?"
          ctaDescription="Get in touch with our expert team to explore premium properties and investment opportunities tailored to your goals."
          ctaButton={{ text: "Schedule Free Consultation", href: "#" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",
              title: "What are the current investment opportunities in Dubai?",
              content: "Dubai offers excellent investment potential across multiple sectors. Current opportunities include residential properties in emerging areas with strong growth projections, luxury apartments in established communities like Downtown and Dubai Marina, and commercial real estate in business hubs. Market demand remains strong from international investors seeking stable, high-return opportunities."
            },
            {
              id: "2",
              title: "What is the typical return on investment for Dubai properties?",
              content: "ROI varies by property type and location. Residential properties typically yield 5-8% annually, while commercial properties can achieve 8-12%. Prime locations like Downtown and Palm Jumeirah offer stability with consistent appreciation. Off-plan properties in emerging areas often provide higher appreciation potential over 3-5 years."
            },
            {
              id: "3",
              title: "Are there financing options available for property purchases?",
              content: "Yes, both UAE banks and international lenders offer financing options for property purchases. Typically, up to 80% financing is available for primary residences and 50-60% for investment properties. Our team can connect you with preferred lending partners who understand the Dubai market."
            },
            {
              id: "4",
              title: "What documents are required for property purchase?",
              content: "Standard requirements include passport copies, proof of income, bank statements, and employment verification. For international buyers, additional documentation may include proof of funds source. Our legal team will guide you through all requirements and ensure a smooth, compliant transaction."
            },
            {
              id: "5",
              title: "How long does the property purchase process take?",
              content: "Typically, the process takes 6-12 weeks from offer to completion. This includes due diligence, financing approval, legal reviews, and registration with Dubai Land Department. Our team manages all steps to ensure timely, smooth completion."
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          columns={[
            {
              title: "Properties",
              items: [
                { label: "Buy Properties", href: "properties" },
                { label: "Investment Guide", href: "#" },
                { label: "Market Report", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "#" },
                { label: "Our Services", href: "services" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms of Service", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          description="Premium real estate solutions for discerning investors and homebuyers in Dubai. Your trusted partner in finding luxury properties and building wealth through strategic real estate investments."
          logoText="DubaiPremium"
          copyrightText="© 2024 Dubai Premium Real Estate. All rights reserved."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}