"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Mail } from "lucide-react";
import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Contact Webild: Get Your Project Started",  description: "Reach out to Webild for web development, SEO, and branding inquiries. Submit your budget, ask questions, or schedule a consultation."
};

export default function ContactPage() {
  const handleContactSubmit = (email: string) => {
    console.log("Contact form submitted with email:", email);
    alert(`Thank you for your inquiry! We'll be in touch soon at ${email}.`);
    // In a real application, you'd send this to a backend API
  };

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="metallic"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <ReactLenis root>
        <NavbarLayoutFloatingOverlay
          brandName="Webild"
          navItems={[
            { name: "Work", href: "/#work" },
            { name: "Services", href: "/#services" },
            { name: "About", href: "/#about" },
            { name: "Contact", href: "/contact" }
          ]}
          button={{ text: "Get Started", href: "/contact" }}
        />
        <ContactCenter
          tag="Get in Touch"
          tagIcon={Mail}
          title="Let's Build Something Great Together"
          description="Have a project in mind, a question, or want to discuss your budget? Fill out the form below or reach us directly at: info@webild.com | +1 (555) 123-4567 | 456 Creative Lane, Suite 200, Digital Hub, CA 90210"
          background={{ variant: "radial-gradient" }}
          inputPlaceholder="Your Email Address"
          buttonText="Send Inquiry"
          termsText="By sending an inquiry, you agree to our Privacy Policy and Terms of Service."
          onSubmit={handleContactSubmit}
          useInvertedBackground={false}
        />
        <FooterBase
          logoText="Webild"
          copyrightText="© 2026 | Webild"
          columns={[
            {
              title: "Company",              items: [
                { label: "About", href: "/#about" },
                { label: "Services", href: "/#services" },
                { label: "Work", href: "/#work" },
                { label: "Contact", href: "/contact" }
              ],
            },
            {
              title: "Services",              items: [
                { label: "Web Development", href: "#" },
                { label: "SEO", href: "#" },
                { label: "Branding", href: "#" },
                { label: "UI/UX Design", href: "#" },
              ],
            },
            {
              title: "Connect",              items: [
                { label: "Twitter", href: "#" },
                { label: "LinkedIn", href: "#" },
                { label: "Instagram", href: "#" },
                { label: "Dribbble", href: "#" },
              ],
            }
          ]}
        />
      </ReactLenis>
    </ThemeProvider>
  );
}
