"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 MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import { Mail, MapPin, MessageCircle, MessageSquare, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmall"
        background="noise"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Tenders",
          id: "/tenders",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/detailed-travel-company-logo_23-2148625160.jpg"
      logoAlt="Carlstra Aero Ltd Logo"
      brandName="Carlstra Aero Ltd"
      button={{
        text: "Request a Quote",
        href: "/contact",
      }}
    />
  </div>

  <div id="main-contact-form" data-section="main-contact-form">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get In Touch With Us"
      description="Have a question or need support? Fill out the form below and our dedicated team will get back to you as soon as possible."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Full Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email Address",
          required: true,
        },
        {
          name: "subject",
          type: "text",
          placeholder: "Subject of Inquiry",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message Here...",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12470.jpg?_wi=2"
      imageAlt="modern corporate contact office"
      mediaAnimation="blur-reveal"
      buttonText="Send Message"
    />
  </div>

  <div id="contact-info-metrics" data-section="contact-info-metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "Email Us",
          title: "info@carlstraaero.com",
          description: "For general inquiries and information.",
          icon: Mail,
        },
        {
          id: "2",
          value: "Call Us",
          title: "+254 700 000 000",
          description: "Speak directly with our support team.",
          icon: Phone,
        },
        {
          id: "3",
          value: "Visit Our Office",
          title: "Nairobi, Kenya",
          description: "Our physical location for meetings and consultations.",
          icon: MapPin,
        },
      ]}
      title="Reach Us Directly"
      description="Connect with our team through various channels tailored for your convenience."
      tag="Direct Contact"
      tagIcon={Contact}
    />
  </div>

  <div id="general-contact-faq" data-section="general-contact-faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "What are your business hours?",
          content: "Our main office operates from Monday to Friday, 8:00 AM to 5:00 PM (EAT). Emergency support is available 24/7 for critical services.",
        },
        {
          id: "2",
          title: "How long does it take to get a response?",
          content: "We strive to respond to all inquiries within 24-48 business hours. For urgent matters, please use our direct phone line.",
        },
        {
          id: "3",
          title: "Where are you located?",
          content: "Our main headquarters are located in Nairobi, Kenya. We serve clients regionally and internationally through our robust network.",
        },
      ]}
      title="Common Questions"
      description="Find quick answers to the most frequently asked questions about Carlstra Aero Ltd. and our operations."
      tag="Support"
      tagIcon={MessageCircle}
      faqsAnimation="slide-up"
    />
  </div>

  <div id="final-contact-cta" data-section="final-contact-cta">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Still Need Help?"
      tagIcon={MessageSquare}
      title="Your Success, Our Priority."
      description="Don't hesitate to reach out. We're here to provide clarity and solutions, ensuring your experience with us is seamless."
      buttons={[
        {
          text: "Chat With Us",
          href: "/contact",
        },
      ]}
    />
  </div>

  <div id="footer-contact" data-section="footer-contact">
      <FooterBase
      columns={[
        {
          title: "Contact",
          items: [
            {
              label: "Email",
              href: "mailto:info@carlstraaero.com",
            },
            {
              label: "Phone",
              href: "tel:+254700000000",
            },
            {
              label: "Location",
              href: "#",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Services",
              href: "/services",
            },
            {
              label: "Tenders",
              href: "/tenders",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "/privacy",
            },
            {
              label: "Terms of Service",
              href: "/terms",
            },
          ],
        },
      ]}
      logoText="Carlstra Aero Ltd."
      copyrightText="© 2024 Carlstra Aero Ltd. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
