"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import { Building } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="noiseDiagonalGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Properties",
          id: "/properties",
        },
        {
          name: "Platform",
          id: "/platform",
        },
        {
          name: "Advisors",
          id: "/advisors",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Azzeddine El Marhni Estates"
    />
  </div>

  <div id="property-listings" data-section="property-listings">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "1",
          brand: "Casablanca | Anfa",
          name: "Panoramic City Penthouse",
          price: "€2,500,000",
          rating: 5,
          reviewCount: "Exclusive",
          imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151051012.jpg",
          imageAlt: "Luxury penthouse in Casablanca with panoramic city views",
        },
        {
          id: "2",
          brand: "Marrakech | Hivernage",
          name: "Historic Riad with Private Pool",
          price: "€1,800,000",
          rating: 5,
          reviewCount: "Off-Market",
          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-living-space-with-modern-furniture_23-2152008221.jpg",
          imageAlt: "Authentic Marrakech Riad with a central courtyard and pool",
        },
        {
          id: "3",
          brand: "Rabat | Souissi",
          name: "Modern Villa & Expansive Gardens",
          price: "€3,200,000",
          rating: 5,
          reviewCount: "Under Negotiation",
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-courtyard-oasis-with-pool-open-skylight_23-2152008203.jpg",
          imageAlt: "Contemporary villa in Rabat with spacious gardens",
        },
        {
          id: "4",
          brand: "Tangier | Malabata",
          name: "Oceanfront Estate with Private Beach Access",
          price: "€4,800,000",
          rating: 5,
          reviewCount: "Exclusive",
          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912516.jpg",
          imageAlt: "Stunning oceanfront estate in Tangier with sea views",
        },
        {
          id: "5",
          brand: "Marrakech | Palmeraie",
          name: "Palatial Estate with Olive Groves",
          price: "€7,500,000",
          rating: 5,
          reviewCount: "VIP Access",
          imageSrc: "http://img.b2bpic.net/free-photo/columns-arab-baths-granada_1139-97.jpg",
          imageAlt: "Grand palatial estate in Marrakech with olive groves",
        },
        {
          id: "6",
          brand: "Casablanca | Californie",
          name: "Designer Penthouse with Terrace",
          price: "€3,100,000",
          rating: 5,
          reviewCount: "New Listing",
          imageSrc: "http://img.b2bpic.net/free-photo/residential-district-night-valencia-spain_1398-2379.jpg",
          imageAlt: "Sophisticated designer penthouse in Casablanca",
        },
      ]}
      title="Exclusive Portfolio: Moroccan Luxury Properties"
      description="A curated selection of the finest penthouses, villas, riads, and oceanfront estates in Morocco's most coveted cities. Each property is meticulously vetted for its investment potential and exclusivity."
      tag="Verified Listings"
      tagIcon={Building}
      tagAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Azzeddine El Marhni Estates"
      columns={[
        {
          title: "Platform",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Properties",
              href: "/properties",
            },
            {
              label: "Platform Features",
              href: "/platform",
            },
            {
              label: "Our Advisors",
              href: "/advisors",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Market Insights",
              href: "#",
            },
            {
              label: "Investment Guides",
              href: "#",
            },
            {
              label: "FAQ",
              href: "/platform#faq",
            },
            {
              label: "Support",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Disclaimer",
              href: "#",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "WhatsApp Concierge",
              href: "https://wa.me/212619685489",
            },
            {
              label: "Contact Us",
              href: "/contact",
            },
            {
              label: "Request Access",
              href: "/contact",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Azzeddine El Marhni Estates. All rights reserved."
      onPrivacyClick={() => console.log('Privacy Policy clicked')}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
