"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Instagram, Linkedin, Twitter } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="none"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleCentered
            navItems={[
              {
                name: "Home",                id: "/"},
              {
                name: "Vision",                id: "/#vision"},
              {
                name: "Features",                id: "/#features"},
              {
                name: "Craftsmanship",                id: "/#craftsmanship"},
              {
                name: "Partners",                id: "/#partners"},
              {
                name: "Reviews",                id: "/#reviews"},
              {
                name: "Contact Us",                id: "/contact"},
            ]}
            logoSrc="http://img.b2bpic.net/free-photo/close-up-man-with-sunglasses-black-white_1122-1543.jpg"
            logoAlt="AuraLens Logo"
            brandName="AuraLens"
          />
        </div>

        <div id="contact-form" data-section="contact-form">
          <ContactSplit
            useInvertedBackground={false}
            background={{
              variant: "radial-gradient"
            }}
            tag="Get in Touch"
            title="We'd Love to Hear From You"
            description="Have a question, feedback, or need support? Fill out the form below and our team will get back to you promptly."
            tagAnimation="blur-reveal"
            imageSrc="http://img.b2bpic.net/free-photo/young-man-with-wireless-earbuds-using-tablet-street_23-2148411985.jpg?_wi=1"
            imageAlt="Person using a tablet"
            mediaAnimation="blur-reveal"
            mediaPosition="right"
            inputPlaceholder="Your Email Address"
            buttonText="Send Message"
            termsText="By clicking 'Send Message', you agree to our Privacy Policy."
          />
        </div>

        <div id="contact-info" data-section="contact-info">
          <ContactText
            background={{
              variant: "plain"
            }}
            useInvertedBackground={true}
            text="You can also reach us directly:\n\nEmail: info@auralens.com\nPhone: +1 (555) 123-4567\nAddress: 123 Aura Blvd, Future City, FC 90210"
            animationType="entrance-slide"
            buttons={[
              {
                text: "View on Map",                href: "https://maps.google.com/?q=123+Aura+Blvd", // Example map link
              },
            ]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterCard
            logoSrc="http://img.b2bpic.net/free-photo/close-up-man-with-sunglasses-black-white_1122-1543.jpg"
            logoAlt="AuraLens Logo"
            logoText="AuraLens"
            copyrightText="© 2024 AuraLens. All rights reserved."
            socialLinks={[
              {
                icon: Twitter,
                href: "https://twitter.com/AuraLens",                ariaLabel: "Twitter"
              },
              {
                icon: Instagram,
                href: "https://instagram.com/AuraLens",                ariaLabel: "Instagram"
              },
              {
                icon: Linkedin,
                href: "https://linkedin.com/company/AuraLens",                ariaLabel: "LinkedIn"
              },
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
