"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Heart, TrendingUp, Linkedin, Twitter, Mail } from 'lucide-react';

export default function TestimonialsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="MyToYou"
          button={{
            text: "Get Started",
            href: "/contact"
          }}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Real stories from investors who have achieved their financial goals with MyToYou."
          tag="Client Success"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",
              name: "Robert Chen",
              handle: "@robertchen",
              testimonial: "MyToYou transformed my investment portfolio. In just three years, I've seen a 38% return on my investment. Their team is transparent, professional, and genuinely cares about client success.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"
            },
            {
              id: "2",
              name: "Sarah Mitchell",
              handle: "@sarahm_invest",
              testimonial: "After decades of managing my own investments poorly, MyToYou's expert guidance changed everything. My returns have been consistently above market average. Highly recommended!",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "3",
              name: "James Patterson",
              handle: "@jpatterson",
              testimonial: "The risk management strategies have protected my portfolio during volatile market periods. I sleep soundly knowing my investments are in expert hands.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg"
            },
            {
              id: "4",
              name: "Michelle Rodriguez",
              handle: "@mrodriguez_financial",
              testimonial: "Outstanding customer service paired with impressive investment returns. The quarterly reports are detailed and transparent. MyToYou is the real deal.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg"
            },
            {
              id: "5",
              name: "David Thompson",
              handle: "@dthompson",
              testimonial: "I started with a modest investment and have seen consistent growth year over year. Their diversification strategy really works. Great team!",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg"
            },
            {
              id: "6",
              name: "Lisa Anderson",
              handle: "@lisaa_invest",
              testimonial: "Finally found an investment partner who puts clients first. The personalized approach and consistent results speak volumes. Can't imagine working with anyone else.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businesswoman_23-2148137687.jpg"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics-showcase" data-section="metrics-showcase">
        <MetricCardTwo
          title="Client Success Metrics"
          description="Evidence of our commitment to delivering exceptional investment outcomes for our clients."
          tag="Results"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",
              value: "4.9/5",
              description: "Average Client Rating"
            },
            {
              id: "2",
              value: "94%",
              description: "Client Retention Rate"
            },
            {
              id: "3",
              value: "38%",
              description: "Average 3-Year Return"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterCard
        logoText="MyToYou"
        copyrightText="© 2025 MyToYou Investment Agency. All rights reserved."
        socialLinks={[
          {
            icon: Linkedin,
            href: "https://linkedin.com/company/mytoYou",
            ariaLabel: "LinkedIn"
          },
          {
            icon: Twitter,
            href: "https://twitter.com/mytoYouInvest",
            ariaLabel: "Twitter"
          },
          {
            icon: Mail,
            href: "mailto:info@mytoYou.com",
            ariaLabel: "Email"
          }
        ]}
      />
    </ThemeProvider>
  );
}