"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import Link from 'next/link'; // Necessary for internal navigation in navbar/footer

// Nav items for NavbarLayoutFloatingInline and FooterBaseCard
const navItems = [
  { name: "Home", href: "/" },
  { name: "About Us", href: "/about" },
  { name: "Services", href: "/services" },
  { name: "Tenders", href: "/tenders" },
  { name: "Contact", href: "/contact" },
];

const footerColumns = [
  {
    title: "Quick Links",    items: [
      { label: "Home", href: "/" },
      { label: "About Us", href: "/about" },
      { label: "Services", href: "/services" },
      { label: "Tenders & Procurement", href: "/tenders" },
      { label: "Contact", href: "/contact" },
    ],
  },
  {
    title: "Services",    items: [
      { label: "General Supplies", href: "/services#general-supplies" },
      { label: "Logistics & Transport", href: "/services#logistics-transport" },
      { label: "Aviation & Technical", href: "/services#aviation-technical" },
      { label: "ICT & Digital", href: "/services#ict-digital" },
      { label: "Construction & Maintenance", href: "/services#construction-maintenance" },
      { label: "Consultancy", href: "/services#consultancy-project" },
    ],
  },
  {
    title: "Contact Info",    items: [
      { label: "Nairobi, Kenya", href: "/contact" },
      { label: "+254 7XX XXX XXX", href: "/contact" },
      { label: "info@carlstraaero.com", href: "/contact" },
    ],
  },
];

export default function ContactPage() {
  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"}
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Carlstra Aero Ltd"
          logoSrc="http://img.b2bpic.net/free-vector/detailed-travel-company-logo_23-2148625160.jpg"
          logoAlt="Carlstra Aero Ltd Logo"
          navItems={navItems.map(item => ({ name: item.name, id: item.href }))}
          button={{ text: "Request a Quote", href: "/contact" }}
        />
      </div>

      <div id="contact-page-hero" data-section="contact-page-hero">
        <HeroSplitTestimonial
          title="GET IN TOUCH WITH CARLSTRA AERO"
          description="We're ready to partner with you. Reach out to discuss your procurement, logistics, or technical support needs."
          background={{ variant: "plain" }}
          testimonials={[]}
          mediaAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/top-view-assortment-paper-clips-with-copy-space_23-2148581960.jpg"
          imageAlt="Deep navy abstract contact us background"
          useInvertedBackground={true}
          imagePosition="right"
        />
      </div>

      <div id="contact-information-form" data-section="contact-information-form">
        <ContactSplit
          tag="Contact Us"
          title="Your Trusted Partner for Institutional Needs"
          description="Whether you have a specific tender, a general inquiry, or require detailed project support, our team is ready to assist. Fill out the form or use the contact details below."
          background={{ variant: "plain" }}
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          mediaPosition="left"
          imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12470.jpg"
          imageAlt="Modern corporate contact office"
          buttonText="Send Message"
          inputPlaceholder="Your Email Address"
          termsText="By sending a message, you agree to our Privacy Policy and Terms of Service."
          onSubmit={() => alert('Your message has been sent!')}
        />
      </div>

      <div id="footer" data-section="footer" className="relative before:absolute before:inset-x-0 before:top-0 before:h-0.5 before:bg-accent">
        <FooterBaseCard
          logoSrc="http://img.b2bpic.net/free-vector/detailed-travel-company-logo_23-2148625160.jpg"
          logoAlt="Carlstra Aero Ltd Logo"
          logoText="CARLSTRA AERO LTD"
          columns={footerColumns}
          copyrightText="© 2025 Carlstra Aero Ltd. Registered in Kenya. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}