"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';

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="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Connect with Our Private Advisory Team"
      description="Reach out to Azzeddine El Marhni Estates for discreet consultation on exclusive luxury properties and bespoke investment strategies in Morocco. Your inquiry is handled with the utmost confidentiality."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Full Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email Address",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone Number"},
      ]}
      multiSelect={{
        name: "region",        label: "Preferred Region",        options: [
          "Casablanca",          "Marrakech",          "Rabat",          "Tangier",          "Other"],
      }}
      textarea={{
        name: "message",        placeholder: "How can we assist you?",        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797669.jpg"
      imageAlt="Elegant office interior for private consultations"
      mediaAnimation="slide-up"
      buttonText="Send Your Inquiry"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "What kind of properties do you specialize in?",          content: "We specialize in ultra-luxury residential properties, including penthouses, villas, riads, and oceanfront estates, as well as high-value commercial and investment properties across Morocco's prime locations."},
        {
          id: "2",          title: "How does your AI concierge service work?",          content: "Our AI concierge provides personalized property recommendations, market insights, and assists with scheduling viewings, documentation, and various aspects of the acquisition process, all tailored to your specific criteria."},
        {
          id: "3",          title: "Do you offer off-market properties?",          content: "Yes, a significant portion of our portfolio consists of exclusive, off-market properties that are not publicly advertised, ensuring privacy and unique opportunities for our clients."},
        {
          id: "4",          title: "What regions in Morocco do you cover?",          content: "We primarily cover Casablanca, Marrakech, Rabat, and Tangier, but our network extends to other high-demand luxury destinations within Morocco."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our exclusive services and luxury real estate offerings."
      faqsAnimation="opacity"
    />
  </div>

  <div id="cta" data-section="cta">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Ready to Connect?"
      title="Unlock Exclusive Moroccan Luxury Properties"
      description="Our dedicated team is ready to assist you. Schedule a private consultation today to explore unparalleled opportunities and discover how our intelligence platform can serve your investment goals."
      buttons={[
        {
          text: "Schedule a Consultation",          href: "/contact"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Our Vision",              href: "/vision"},
            {
              label: "Careers",              href: "/careers"},
          ],
        },
        {
          title: "Services",          items: [
            {
              label: "Property Acquisition",              href: "/services/acquisition"},
            {
              label: "AI Concierge",              href: "/services/ai-concierge"},
            {
              label: "Investment Advisory",              href: "/services/advisory"},
          ],
        },
        {
          title: "Locations",          items: [
            {
              label: "Casablanca",              href: "/locations/casablanca"},
            {
              label: "Marrakech",              href: "/locations/marrakech"},
            {
              label: "Rabat",              href: "/locations/rabat"},
            {
              label: "Tangier",              href: "/locations/tangier"},
          ],
        },
      ]}
      logoText="Azzeddine El Marhni Estates"
      copyrightText="© 2025 Azzeddine El Marhni Estates. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
