"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Mail, Award } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Give Me Money"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Services", id: "/services" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Start Investing", href: "/get-started" }}
        />
      </div>

      <div id="main-contact" data-section="main-contact">
        <ContactCenter
          tag="Get Started"
          title="Ready to Transform Your Financial Future?"
          description="Take the first step towards exceptional investment returns. Our team of experts is ready to create a personalized investment strategy tailored to your goals and risk tolerance."
          tagIcon={Mail}
          inputPlaceholder="your@email.com"
          buttonText="Schedule Consultation"
          termsText="By submitting, you agree to receive personalized investment recommendations and market insights from our advisory team."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact-stats" data-section="contact-stats">
        <MetricCardTwo
          title="Why Clients Choose SUKA"
          description="Join thousands of satisfied investors who trust us with their financial future"
          tag="Client Success"
          tagIcon={Award}
          metrics={[
            { id: "1", value: "< 24hrs", description: "Average Response Time" },
            { id: "2", value: "500+", description: "New Clients This Year" },
            { id: "3", value: "15min", description: "Average Consultation Duration" },
            { id: "4", value: "98%", description: "Client Satisfaction Rate" }
          ]}
          carouselMode="buttons"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact-testimonial" data-section="contact-testimonial">
        <TestimonialCardFifteen
          testimonial="From our first consultation to ongoing portfolio management, the SUKA team has been exceptional. They made the investment process clear, transparent, and incredibly profitable. I couldn't be happier with the results."
          rating={5}
          author="Emma Davis, Tech Executive"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg", alt: "Emma Davis" },
            { src: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Michael Chen" },
            { src: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Sarah Johnson" },
            { src: "https://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg", alt: "David Park" },
            { src: "https://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg", alt: "James Wilson" },
            { src: "https://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg", alt: "Lisa Anderson" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBaseReveal
        copyrightText="© 2025 Give Me Money SUKA. All rights reserved. Investment advisory services."
        columns={[
          {
            title: "Invest",
            items: [
              { label: "Start Investing", href: "/invest" },
              { label: "Our Strategies", href: "/services" },
              { label: "Pricing Plans", href: "/pricing" },
              { label: "Investment Guide", href: "/guide" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Team", href: "/team" },
              { label: "Career", href: "/careers" },
              { label: "Blog", href: "/blog" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "/privacy" },
              { label: "Terms & Conditions", href: "/terms" },
              { label: "Disclaimer", href: "/disclaimer" },
              { label: "Contact", href: "/contact" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}