"use client";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="QWER"
          button={{
            text: "Get Started",
            href: "https://qwer.invest/contact"
          }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          tagIcon={Sparkles}
          title="Start Your Investment Journey"
          description="Ready to take control of your financial future? Schedule a consultation with our expert team to discuss your investment goals and discover how QWER can help you build and preserve wealth."
          inputPlaceholder="Enter your email address"
          buttonText="Schedule Consultation"
          termsText="By submitting this form, you agree to our privacy policy and terms of service. We respect your privacy and will never share your information."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Why Choose QWER for Your Investment Needs"
          description="Our client-first approach combines institutional-grade investment strategies with personalized service. We take the time to understand your unique goals, risk tolerance, and values to create a customized investment plan that evolves with your life."
          tag="Our Commitment"
          buttons={[
            { text: "Learn About Our Process", href: "/services" },
            { text: "View Our Results", href: "/about" }
          ]}
          imageSrc: "https://img.b2bpic.net/free-photo/cheerful-business-team-watching-presentation-laptop-sitting-workplace-staring-display-smiling-copy-space-business-meeting-concept_74855-11583.jpg"
          imageAlt: "QWER team consultation meeting"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Experience"
          description="Hear from clients who have transformed their financial future with QWER's expertise and guidance."
          testimonials={[
            {
              id: "1",
              name: "Michael Richardson, Portfolio Manager at CoreTech Ventures",
              date: "Date: 15 November 2024",
              title: "Partnership that exceeds expectations",
              quote: "From our first meeting, QWER demonstrated a level of professionalism and expertise that immediately instilled confidence. Their strategic approach to our portfolio has consistently delivered results that exceed our projections.",
              tag: "Premium Client",
              avatarSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
              avatarAlt: "Michael Richardson",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
              imageAlt: "Michael Richardson consultation"
            },
            {
              id: "2",
              name: "James Liu, President of Asian Manufacturing Group",
              date: "Date: 3 October 2024",
              title: "Global expertise with local understanding",
              quote: "QWER's deep understanding of international markets gave us the confidence to diversify globally. Their insights into emerging markets and currency hedging strategies have been invaluable to our expansion.",
              tag: "Global Partner",
              avatarSrc: "https://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
              avatarAlt: "James Liu",
              imageSrc: "https://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
              imageAlt: "James Liu business meeting"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Services",
            items: [
              { label: "Portfolio Management", href: "/services" },
              { label: "Wealth Advisory", href: "/services" },
              { label: "Investment Products", href: "/products" },
              { label: "Risk Analysis", href: "/services" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About QWER", href: "/about" },
              { label: "Our Team", href: "/team" },
              { label: "Careers", href: "/careers" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#privacy" },
              { label: "Terms of Service", href: "#terms" },
              { label: "Compliance", href: "/compliance" },
              { label: "Disclosures", href: "/disclosures" }
            ]
          }
        ]}
        copyrightText="© 2024 QWER Investment Partners. All rights reserved."
      />
    </ThemeProvider>
  );
}