"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';

export default function ContactPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Home", id: "/" },
              { name: "Gallery", id: "/gallery" },
              { name: "Contact", id: "/contact" }
            ]}
            brandName="Al Madain Consulting"
          />
        </div>
        <div id="contact" data-section="contact">
          <ContactSplit
            useInvertedBackground={false}
            background={{ variant: "plain" }}
            title="Let's Build Together"
            description="Visit us at C Ring Road, Building 178, Doha, or reach out via our form."
            imageSrc="http://img.b2bpic.net/free-photo/detail-shot-modern-architecture-facade_1359-831.jpg"
            tag="Contact Us"
            mediaAnimation="slide-up"
          />
        </div>
        <div id="faq" data-section="faq">
          <FaqSplitText
            useInvertedBackground={false}
            sideTitle="Frequently Asked Questions"
            faqsAnimation="slide-up"
            faqs={[
              { id: "1", title: "Where are you located?", content: "Our office is on C Ring Road, Doha." },
              { id: "2", title: "Do you provide site visits?", content: "Yes, we conduct thorough site supervision." },
              { id: "3", title: "What project types?", content: "From towers to master planning." }
            ]}
          />
        </div>
        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="http://img.b2bpic.net/free-photo/empty-architectural-office-with-building-model-blueprints-plans-table-nobody-space-used-real-estate-design-development-with-architecture-construction-structure_482257-27835.jpg"
            logoText="Al Madain Engineering"
            columns={[
              { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Gallery", href: "/gallery" }] },
              { title: "Contact", items: [{ label: "Doha Office", href: "/contact" }] }
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}