"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import LegalSection from '@/components/legal/LegalSection';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import Link from 'next/link';

export default function ContactPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="fluid"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleApple
            brandName="Homes R Us Realty"
            navItems={[
              { name: "Home", id: "/" },
              { name: "About", id: "/about" },
              { name: "Properties", id: "/properties" },
              { name: "Contact", id: "/contact" },
            ]}
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            useInvertedBackground={false}
            title="Reach Out to Us"
            description="We are here to answer your questions and assist with your property search."
            imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-document_23-2149445754.jpg"
            inputs={[
              { name: "name", type: "text", placeholder: "Your Name" },
              { name: "email", type: "email", placeholder: "Your Email" }
            ]}
          />
        </div>

        <div id="legal" data-section="legal">
          <LegalSection
            layout="section"
            title="Privacy Policy"
            sections={[
              {
                heading: "Data Collection",                content: { type: "paragraph", text: "We respect your privacy and protect your data." }
              }
            ]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            logoText="Homes R Us Realty"
            imageSrc="http://img.b2bpic.net/free-photo/new-york-city-central-park-autumn_649448-5213.jpg"
            columns={[
              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Meet The Team", href: "/about#team" }] },
              { title: "Search", items: [{ label: "Advanced Search", href: "/search" }, { label: "Featured Properties", href: "/properties" }] },
              { title: "Contact", items: [{ label: "Email Us", href: "mailto:info@statenislandhomesearch.com" }, { label: "Call: 718.668.2550", href: "tel:7186682550" }] }
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}