"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Home, TrendingUp, Users, LandPlot, Tag, Key } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumLargeSizeLargeTitles"
        background="noise"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Properties",          id: "#properties"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/low-angle-shot-high-modern-architecture-with-beautiful-sky_181624-2992.jpg"
      logoAlt="Algeria Estate logo"
      brandName="Algeria Estate"
      button={{
        text: "List Your Property",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "plain"}}
      title="Your Dream Home Awaits in Algeria"
      description="Discover exceptional properties for sale and rent across Algeria. Our expert team ensures a seamless experience from search to keys."
      tag="Trusted Real Estate Partner"
      buttons={[
        {
          text: "Explore Properties",          href: "#properties"},
        {
          text: "List Your Property",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694081.jpg",          imageAlt: "Modern Algerian villa exterior"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-office-workday_23-2147668795.jpg",          imageAlt: "Interior of a modern Algerian apartment"}
      ]}
      mediaAnimation="opacity"
      rating={5}
      ratingText="Over 500+ Happy Clients"
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Connecting You to Algeria's Finest Properties"
      buttons={[
        {
          text: "Learn More",          href: "#services"},
      ]}
      
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Property Sales",          description: "From luxurious villas to modern apartments, we help you find the perfect property to buy, offering expert guidance every step of the way.",          imageSrc: "http://img.b2bpic.net/free-photo/photo-serious-mixed-race-partners-discuss-financial-data_273609-44254.jpg",          imageAlt: "Hand holding house key for sale",          buttonIcon: LandPlot,
        },
        {
          title: "Home Selling",          description: "Maximize your property's value with our comprehensive marketing strategies and extensive network of potential buyers. We make selling effortless.",          imageSrc: "http://img.b2bpic.net/free-photo/sale-agent-preparing-presenting-house_23-2149383583.jpg",          imageAlt: "Real estate agent showing property",          buttonIcon: Tag,
        },
        {
          title: "Rental Solutions",          description: "Discover a wide range of rental properties, from cozy studios to family homes. We connect tenants with ideal landlords, ensuring a smooth process.",          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-african-woman-her-husband-study-family-budget-make-accountings_273609-44232.jpg",          imageAlt: "Couple looking at apartment for rent",          buttonIcon: Key,
        },
        {
          title: "Investment Advisory",          description: "Gain insights into Algeria's real estate market with our expert investment advice, identifying high-growth opportunities for maximum returns.",          imageSrc: "http://img.b2bpic.net/free-photo/man-big-center-using-smartphone_171337-19943.jpg",          imageAlt: "Financial advisor explaining property investment",          buttonIcon: TrendingUp,
        },
      ]}
      title="Comprehensive Real Estate Services"
      description="Our expertise spans across all facets of the Algerian property market, offering tailored solutions for every client."
    />
  </div>

  <div id="properties" data-section="properties">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Luxury Villa in Algiers",          price: "DZD 120,000,000",          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694083.jpg",          imageAlt: "Luxury villa in Algiers"},
        {
          id: "p2",          name: "Modern Apartment, Oran",          price: "DZD 25,000,000",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-office-buildings-city_23-2148798680.jpg",          imageAlt: "Modern apartment in Oran"},
        {
          id: "p3",          name: "Traditional Riad, Ghardaïa",          price: "DZD 45,000,000",          imageSrc: "http://img.b2bpic.net/free-photo/chicago-water-tower_649448-3053.jpg",          imageAlt: "Traditional riad in Ghardaïa"},
        {
          id: "p4",          name: "Commercial Office Space, Constantine",          price: "DZD 70,000,000",          imageSrc: "http://img.b2bpic.net/free-photo/relax-area-hotel_1150-10812.jpg",          imageAlt: "Commercial office space in Constantine"},
        {
          id: "p5",          name: "Land Plot for Development, Annaba",          price: "DZD 15,000,000",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-luxury-rural-estates-gold-coast-australia_1308-189345.jpg",          imageAlt: "Land plot for development in Annaba"},
        {
          id: "p6",          name: "Penthouse with Sea View, Skikda",          price: "DZD 85,000,000",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-office_23-2151149104.jpg",          imageAlt: "Penthouse with sea view in Skikda"},
      ]}
      title="Featured Properties for Sale"
      description="Explore our curated selection of premium residential and commercial properties available across Algeria."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          icon: Home,
          title: "Properties Sold",          value: "250+"},
        {
          id: "m2",          icon: Users,
          title: "Satisfied Clients",          value: "500+"},
        {
          id: "m3",          icon: Award,
          title: "Years of Experience",          value: "10+"},
        {
          id: "m4",          icon: TrendingUp,
          title: "Average Growth",          value: "15%"},
      ]}
      title="Our Track Record of Excellence"
      description="Proudly serving the Algerian real estate market with dedication and outstanding results."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      groups={[
        {
          id: "g1",          groupTitle: "Our Expert Real Estate Agents",          members: [
            {
              id: "t1",              title: "Ahmed Benali",              subtitle: "Senior Sales Agent",              detail: "Specializing in luxury residential properties.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064820.jpg",              imageAlt: "Ahmed Benali, Senior Sales Agent"},
            {
              id: "t2",              title: "Fatima Zahra",              subtitle: "Rental Specialist",              detail: "Your guide to the best rental opportunities.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",              imageAlt: "Fatima Zahra, Rental Specialist"},
            {
              id: "t3",              title: "Karim Djelloul",              subtitle: "Commercial Properties",              detail: "Expert in commercial real estate investments.",              imageSrc: "http://img.b2bpic.net/free-photo/side-positive-mature-business-leader-working-with-laptop_74855-3293.jpg",              imageAlt: "Karim Djelloul, Commercial Properties"},
          ]
        },
      ]}
      title="Meet Our Dedicated Team"
      description="Our professionals are passionate about real estate and committed to achieving your property goals."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "test1",          name: "Dr. Sarah Mansouri",          handle: "@SarahM",          testimonial: "Algeria Estate made finding our new clinic incredibly easy. Their professionalism and market insight were exceptional!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg",          imageAlt: "Dr. Sarah Mansouri"},
        {
          id: "test2",          name: "Omar Khedim",          handle: "@Omar_K",          testimonial: "Selling my apartment was a breeze with Algeria Estate. They handled everything efficiently, securing a great price.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-holding-miniature-house_23-2148895445.jpg",          imageAlt: "Omar Khedim"},
        {
          id: "test3",          name: "Amina Bouzid",          handle: "@AminaB",          testimonial: "The team at Algeria Estate helped us find the perfect family home. Their dedication and support were invaluable.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-online-meeting-work_23-2148940758.jpg",          imageAlt: "Amina Bouzid"},
        {
          id: "test4",          name: "Yacine Amari",          handle: "@YacineA",          testimonial: "As an investor, I rely on expert advice. Algeria Estate provided excellent guidance, leading to a successful acquisition.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/we-are-so-happy-from-our-new-apartment_329181-164.jpg",          imageAlt: "Yacine Amari"},
        {
          id: "test5",          name: "Mrs. Khadija Meziane",          handle: "@KhadijaM",          testimonial: "Their service is truly five-star. They found a lovely tenant for my property quickly and without any hassle.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3864.jpg",          imageAlt: "Mrs. Khadija Meziane"},
        {
          id: "test6",          name: "Khalid Ouaret",          handle: "@Khalid_O",          testimonial: "Smooth transaction and fantastic support throughout the entire buying process. Highly recommended!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people_23-2149193851.jpg",          imageAlt: "Medium shot happy people"},
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear from satisfied property owners, buyers, and renters who chose Algeria Estate."
      animationType="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",          title: "What areas do you cover in Algeria?",          content: "We cover major cities and regions across Algeria, including Algiers, Oran, Constantine, Annaba, and many more. Our extensive network allows us to assist clients nationwide."},
        {
          id: "faq2",          title: "How long does it take to sell a property?",          content: "The timeline for selling a property varies based on market conditions, property type, and pricing. Our team works diligently to ensure your property is sold as quickly as possible at the best market value."},
        {
          id: "faq3",          title: "Do you assist with legal documentation?",          content: "Yes, we provide comprehensive assistance with all legal documentation required for buying, selling, or renting properties, ensuring a smooth and compliant transaction process."},
        {
          id: "faq4",          title: "What are your fees for services?",          content: "Our fees are competitive and transparent. We discuss all costs upfront during your initial consultation, ensuring you have a clear understanding of our service charges."},
        {
          id: "faq5",          title: "Can I get a property valuation?",          content: "Absolutely. We offer professional property valuation services to help you understand the true market value of your asset, whether for sale or investment."},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to the most common questions about buying, selling, or renting property with Algeria Estate."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      text="Ready to Find Your Next Property or Sell Your Current One? Contact Us Today!"
      buttons={[
        {
          text: "Call Us Now",          href: "tel:+213555123456"},
        {
          text: "Send an Email",          href: "mailto:info@algeriaestate.dz"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/digital-art-with-city-landscape-architecture_23-2151065710.jpg"
      imageAlt="Algerian cityscape at night"
      logoText="Algeria Estate"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Team",              href: "#team"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Services",          items: [
            {
              label: "Buy Property",              href: "#properties"},
            {
              label: "Sell Property",              href: "#contact"},
            {
              label: "Rent Property",              href: "#services"},
            {
              label: "Invest",              href: "#services"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "FAQs",              href: "#faq"},
            {
              label: "Blog",              href: "#"},
            {
              label: "Support",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Algeria Estate. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
