"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import { HelpCircle, Settings, Target } 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="platform-deep-dive" data-section="platform-deep-dive">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Predictive Market Analytics",
          description: "Leverage our proprietary AI models to anticipate market shifts, identify emerging opportunities, and gain a competitive edge in Morocco’s luxury sector.",
          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-housing-brokerage-concept_53876-122726.jpg",
          imageAlt: "Financial market analytics dashboard with charts",
          buttonIcon: "LineChart",
          buttonHref: "/platform#metrics",
        },
        {
          title: "Client-Centric CRM",
          description: "A dedicated CRM module ensures every client interaction and preference is managed with utmost care and discretion, enabling a truly personalized journey.",
          imageSrc: "http://img.b2bpic.net/free-photo/bucharest-romania-july-30th-2024-businessman-relaxes-with-netflix-office_482257-123031.jpg",
          imageAlt: "Detailed CRM pipeline for client management",
          buttonIcon: "Users",
          buttonHref: "/platform#metrics",
        },
        {
          title: "Secured Document Vault",
          description: "Access and manage all critical transaction documents, contracts, and sensitive information within a highly secure, encrypted digital vault.",
          imageSrc: "http://img.b2bpic.net/free-psd/secure-folder-with-shield-icon_84443-56468.jpg",
          imageAlt: "Secure digital document vault interface",
          buttonIcon: "FileLock",
          buttonHref: "#",
        },
        {
          title: "Custom Investment Reporting",
          description: "Receive bespoke reports detailing your portfolio performance, investment scores, and future projections, tailored to your specific financial goals.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-graphs-figures-laptop-left-open-desk-empty-office_482257-84546.jpg",
          imageAlt: "Custom investment report dashboard",
          buttonIcon: "FileText",
          buttonHref: "#",
        },
      ]}
      title="Unlocking Value: The Azzeddine El Marhni Intelligence"
      description="Our platform is engineered for the discerning investor, providing a suite of advanced tools that transform how luxury real estate is acquired and managed. From predictive analytics to personalized advisory, every feature is designed to optimize your portfolio."
      tag="Advanced Capabilities"
      tagIcon={Settings}
      tagAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      carouselMode="buttons"
      metrics={[
        {
          id: "m1",
          value: "95/100",
          description: "Average Investment Score for Exclusive Listings",
        },
        {
          id: "m2",
          value: "3.5x",
          description: "Faster Acquisition Cycle for Qualified Clients",
        },
        {
          id: "m3",
          value: "€100M+",
          description: "Client Assets Managed Through the Platform",
        },
      ]}
      title="Quantified Success: Performance at a Glance"
      description="Our platform’s intelligence provides clear, actionable metrics to evaluate opportunities and track progress. Every data point is designed to inform and empower your investment strategy."
      tag="Key Metrics"
      tagIcon={Target}
      tagAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "How does the AI concierge function?",
          content: "Our AI concierge leverages advanced machine learning to analyze your preferences, market data, and property attributes, providing personalized recommendations and real-time insights. It's designed to streamline your search and identify optimal investment matches.",
        },
        {
          id: "f2",
          title: "What makes Azzeddine El Marhni Estates different?",
          content: "We are not a listing website; we are a private intelligence platform. Our focus on off-market properties, physically accurate 3D spatial navigation, AI-driven insights, and a dedicated CRM provides an exclusive, discreet, and highly efficient acquisition process for luxury real estate.",
        },
        {
          id: "f3",
          title: "How do I gain VIP Private Access?",
          content: "VIP Private Access is granted through a qualification process initiated via our contact form or direct advisor consultation. This ensures tailored service and exclusive access to off-market opportunities aligned with your investment profile and discretion requirements.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-ai-coding-notebook-screen-technicians_482257-118028.jpg"
      imageAlt="AI concierge chat interface with FAQ"
      mediaAnimation="opacity"
      mediaPosition="left"
      title="Frequently Asked Questions"
      description="Find answers to common inquiries about our platform's exclusive features, access protocols, and the unparalleled service we offer to our ultra-high-net-worth clientele."
      tag="Your Questions"
      tagIcon={HelpCircle}
      tagAnimation="slide-up"
      faqsAnimation="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>
  );
}
