"use client";

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

export default function ContactPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Home", id: "/" },
              { name: "Contact", id: "/contact" },
              { name: "About Us", id: "/about" },
            ]}
            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8zalug"
            logoAlt="Vanderstraeten logo"
            brandName="Vanderstraeten Sanitair-Verwarming"
            button={{
              text: "Contact",              href: "/contact"
            }}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            tag="Neem Contact Op"
            title="We Horen Graag Van U!"
            description="Heeft u vragen, wilt u een offerte aanvragen of heeft u advies nodig voor uw sanitair, verwarming of airco project? Vul het formulier in of neem direct contact met ons op."
            buttons={[
              { text: "Bel Ons Nu", href: "tel:+3253215287" },
              { text: "Stuur Een E-mail", href: "mailto:info@vanderstraeten-sanitair-verwarming.be" },
            ]}
            background={{ variant: "radial-gradient" }}
            useInvertedBackground={false}
          />
        </div>

        <div id="footer" data-section="footer">
            <FooterMedia
                imageSrc="http://img.b2bpic.net/free-photo/road-wind-turbines-sunset-motion-clean-nature-energy_169016-68737.jpg"
                imageAlt="Abstracte achtergrond van buizen en water"
                logoText="Vanderstraeten Sanitair-Verwarming"
                columns={[
                    {
                        title: "Diensten",                        items: [
                            { label: "Sanitair", href: "/#features" },
                            { label: "Verwarming", href: "/#features" },
                            { label: "Airco & Warmtepompen", href: "/#features" },
                            { label: "Onderhoud", href: "/#products" },
                        ]
                    },
                    {
                        title: "Bedrijf",                        items: [
                            { label: "Over Ons", href: "/about" },
                            { label: "Projecten", href: "/#products" },
                            { label: "Getuigenissen", href: "/#testimonials" },
                            { label: "Contact", href: "/contact" }
                        ]
                    },
                    {
                        title: "Support",                        items: [
                            { label: "FAQ", href: "/#faq" },
                            { label: "Privacybeleid", href: "#" },
                            { label: "Algemene Voorwaarden", href: "#" }
                        ]
                    }
                ]}
                copyrightText="© 2025 Vanderstraeten Sanitair-verwarming. Alle rechten voorbehouden."
            />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}