"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Briefcase, Lock, Mail, Shield, Zap } 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="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain",
      }}
      imagePosition="right"
      title="Azzeddine El Marhni Estates"
      description="Your private intelligence platform for acquiring ultra-luxury property in Morocco. Unrivaled access to off-market gems in Casablanca, Marrakech, Rabat, and Tangier."
      kpis={[
        {
          value: "200+",
          label: "Exclusive Listings",
        },
        {
          value: "1.5B MAD",
          label: "Assets Under Advisory",
        },
        {
          value: "100%",
          label: "Discreet Transactions",
        },
      ]}
      enableKpiAnimation={true}
      tag="Private Access"
      tagIcon={Lock}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Request Private Access",
          href: "/contact",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/pensee-royal-azur-tourist-resort-pools_1385-3083.jpg"
      imageAlt="Luxurious villa in Marrakech"
      mediaAnimation="opacity"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/positive-businessman-reading-document-couch_1262-3059.jpg",
          alt: "Positive businessman reading document on couch",
        },
        {
          src: "http://img.b2bpic.net/free-photo/mature-businessman-using-digital-tablet-restaurant_23-2147956340.jpg",
          alt: "Mature businessman using digital tablet in restaurant",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-working-digital-tablet-restaurant_23-2147955283.jpg",
          alt: "Smiling mature businessman working on digital tablet in restaurant",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-using-digital-tablet-outdoors_23-2147955287.jpg",
          alt: "Happy mature businessman using digital tablet at outdoors",
        },
        {
          src: "http://img.b2bpic.net/free-photo/focused-businessman-who-is-wearing-eyeglasses-are-working-laptop-restaurant_8353-10553.jpg",
          alt: "Focused businessman who is wearing eyeglasses are working on the laptop at the restaurant",
        },
      ]}
      avatarText="Join our network of discerning clients"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/logo-luxury-design-gradient-illustration_483537-1202.jpg",
          alt: "luxury investment group logo",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/flat-design-bank-holiday-labels_23-2149360401.jpg",
          alt: "private banking logo elegant",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/luxury-company-gold-color-logo-template_361591-691.jpg",
          alt: "luxury asset management logo",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/premium-gasoline-banner-icon-illustration_53876-40628.jpg",
          alt: "high net worth network logo",
        },
        {
          type: "image",
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vbmkjg",
          alt: "prestige property developer logo",
        },
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Beyond a Website: Your Private Intelligence System"
      description="We offer an unparalleled, financial-grade operating system for discerning investors. Combining AI concierge intelligence, a robust CRM, and physically realistic 3D spatial navigation, our platform transcends traditional real estate listings. It's built for precision, discretion, and bespoke acquisition strategies."
      metrics={[
        {
          value: "AI-Powered",
          title: "Concierge Intelligence",
        },
        {
          value: "Real-time",
          title: "Market Insights",
        },
        {
          value: "Verified",
          title: "Off-Market Properties",
        },
      ]}
      tag="Discreet Advantage"
      tagIcon={Shield}
      tagAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg"
      imageAlt="Abstract AI interface showing data intelligence"
      mediaAnimation="opacity"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features-overview" data-section="features-overview">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "3D Spatial Navigation",
          description: "Immerse yourself in architectural environments with cinematic camera work and realistic physics. Navigate luxury properties as if you were truly there.",
          imageSrc: "http://img.b2bpic.net/free-photo/black-metal-railings-white-concrete-building_250224-12.jpg",
          imageAlt: "Spatial 3D real estate navigation interface",
          buttonIcon: "Eye",
          buttonHref: "/platform",
        },
        {
          title: "AI Concierge Intelligence",
          description: "Receive concise, intelligent recommendations and real-time market updates. Our AI learns your preferences to qualify intent and suggest optimal investment opportunities.",
          imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-new-year-close-up_169016-43490.jpg",
          imageAlt: "AI chatbot concierge interface",
          buttonIcon: "MessageSquare",
          buttonHref: "/platform",
        },
        {
          title: "Advanced CRM Integration",
          description: "Track your investment pipeline from 'New' to 'Closed' with complete transparency. Every interaction, every saved listing, every intent score, meticulously recorded.",
          imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
          imageAlt: "CRM pipeline dashboard",
          buttonIcon: "ActivitySquare",
          buttonHref: "/platform",
        },
        {
          title: "Exclusive Off-Market Access",
          description: "Unlock a curated portfolio of properties not available on the open market. Our network provides access to the most coveted luxury assets in Morocco.",
          imageSrc: "http://img.b2bpic.net/free-photo/partal-gardens-alhambra_1139-29.jpg",
          imageAlt: "Exterior of a luxurious off-market palace in Marrakech",
          buttonIcon: "Lock",
          buttonHref: "/properties",
        },
      ]}
      title="Platform Pillars: Precision, Discretion, Exclusivity"
      description="Our integrated system empowers your investment decisions with unparalleled tools. Experience real-time market dynamics, secure off-market transactions, and a level of personalized service only Azzeddine El Marhni Estates can provide."
      tag="Core Capabilities"
      tagIcon={Zap}
      tagAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Private Wealth Advisors",
        "International Family Offices",
        "Bespoke Investment Funds",
        "Luxury Asset Managers",
        "Exclusive Legal Councils",
        "Global Property Investors",
        "Strategic Capital Groups",
      ]}
      title="Trusted by Discerning Investors and Partners"
      description="Our network extends to leading financial institutions, private wealth managers, and exclusive investment groups globally, ensuring discreet and robust transactions for our clientele."
      tag="Our Network"
      tagIcon={Briefcase}
      tagAnimation="slide-up"
      speed={30}
    />
  </div>

  <div id="contact-home" data-section="contact-home">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Exclusive Invitation"
      title="Request Private Access to the Platform"
      description="Unlock a world of unparalleled luxury real estate opportunities. Submit your request for private access, and one of our dedicated advisors will contact you shortly to guide you through the next steps."
      tagIcon={Mail}
      tagAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
      imageAlt="Luxurious private consultation office interior"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Enter your email for access"
      buttonText="Submit Request"
      termsText="By submitting, you agree to our privacy policy and terms of service for exclusive client engagement."
    />
  </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>
  );
}
