"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import Link from 'next/link';
import { Target, Brain, BarChart3, Users, MessageSquare, ArrowRight, Twitter, Linkedin, Instagram, Github } from 'lucide-react';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="medium"
      background="blurBottom"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="PeakFlow"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Docs", id: "docs" }
          ]}
          button={{ text: "Get Started", href: "#contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why PeakFlow Stands Out"
          description="Built by athletes, for athletes. PeakFlow combines the power of data science with intuitive design to create the most advanced training platform available."
          tag="Our Advantage"
          tagIcon={Target}
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "Real-Time AI Coaching",
              description: "Automatic training adjustments based on your performance, recovery, and life events. No need to wait for your coach.",
              icon: Brain
            },
            {
              title: "Intuitive Performance Dashboards",
              description: "Complex training metrics simplified into actionable insights. Understand your form, fatigue, and readiness at a glance.",
              icon: BarChart3
            },
            {
              title: "Community Accountability",
              description: "Connect with training partners, join challenges, and leverage social proof to stay motivated and consistent.",
              icon: Users
            },
            {
              title: "Transparent Pricing",
              description: "No hidden fees. Clear pricing tiers for individual athletes, coaches, and teams with exactly what you need."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP8a8goFKT6kOt6i8o2OojduTe/comprehensive-training-platform-overview-1772483100136-8611cf9d.png?_wi=3"
          imageAlt="PeakFlow Training Interface"
          mediaAnimation="slide-up"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Stories from Our Community"
          description="Learn how PeakFlow has transformed training for athletes and coaches worldwide"
          tag="Success Stories"
          tagIcon={MessageSquare}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson, Triathlon Coach",
              date: "Date: 15 January 2025",
              title: "Game-Changing Platform for My Athletes",
              quote: "PeakFlow's AI coaching has cut my planning time in half while improving athlete outcomes. The real-time adaptation is incredible—my athletes see better results and feel more supported than ever.",
              tag: "Coach Pro Plan",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP8a8goFKT6kOt6i8o2OojduTe/professional-headshot-of-a-female-triath-1772483099054-9abaf7bb.png",
              avatarAlt: "Sarah Johnson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP8a8goFKT6kOt6i8o2OojduTe/female-triathlon-coach-working-with-athl-1772483098776-d68c1b5e.png?_wi=2",
              imageAlt: "Triathlon Coach"
            },
            {
              id: "2",
              name: "Marcus Chen, Pro Cyclist",
              date: "Date: 22 January 2025",
              title: "Finally, a Platform That Understands Cyclists",
              quote: "The CTL/ATL/TSB tracking is exactly what I needed. PeakFlow helped me identify my peak performance window and avoided overtraining. My FTP is up 5% and I'm feeling fresher.",
              tag: "Premium Athlete",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP8a8goFKT6kOt6i8o2OojduTe/professional-headshot-of-a-male-professi-1772483099122-257a648c.png",
              avatarAlt: "Marcus Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP8a8goFKT6kOt6i8o2OojduTe/professional-cyclist-on-a-high-end-road--1772483099145-aba975b4.png?_wi=2",
              imageAlt: "Pro Cyclist"
            },
            {
              id: "3",
              name: "Emily Rodriguez, Marathon Runner",
              date: "Date: 18 January 2025",
              title: "Accountability Partner That Actually Works",
              quote: "The community features keep me accountable. Training with a virtual group is motivating, and the challenges make workouts more fun. Hit my goal 3 weeks early!",
              tag: "Premium Athlete",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP8a8goFKT6kOt6i8o2OojduTe/professional-headshot-of-a-female-marath-1772483098735-c6004fab.png",
              avatarAlt: "Emily Rodriguez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP8a8goFKT6kOt6i8o2OojduTe/female-runner-during-a-marathon-race-ene-1772483099512-cb473a96.png?_wi=2",
              imageAlt: "Marathon Runner"
            },
            {
              id: "4",
              name: "James Wilson, Age-Group Triathlete",
              date: "Date: 25 January 2025",
              title: "Data-Driven Training Made Simple",
              quote: "As someone new to data-driven training, PeakFlow's dashboards are incredibly intuitive. I understand my training zones, recovery needs, and peak days. Worth every penny.",
              tag: "Premium Athlete",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP8a8goFKT6kOt6i8o2OojduTe/professional-headshot-of-a-male-age-grou-1772483099780-f21a5062.png",
              avatarAlt: "James Wilson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP8a8goFKT6kOt6i8o2OojduTe/male-triathlete-transitioning-between-bi-1772483099973-51932a7d.png?_wi=2",
              imageAlt: "Age-Group Triathlete"
            },
            {
              id: "5",
              name: "Lisa Thompson, Running Club Director",
              date: "Date: 20 January 2025",
              title: "Perfect for Club Management",
              quote: "Managing 40+ athletes across different training levels used to be chaos. PeakFlow's coach tools let me scale personalized coaching. My members love the support.",
              tag: "Coach Pro Plan",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP8a8goFKT6kOt6i8o2OojduTe/professional-headshot-of-a-female-runnin-1772483098964-a8b12f9a.png",
              avatarAlt: "Lisa Thompson",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP8a8goFKT6kOt6i8o2OojduTe/female-running-club-director-leading-a-g-1772483100077-6a082189.png?_wi=2",
              imageAlt: "Running Club Director"
            },
            {
              id: "6",
              name: "David Park, Mountain Bike Coach",
              date: "Date: 28 January 2025",
              title: "Injury Prevention Through Smart Analytics",
              quote: "The injury risk warnings actually prevented an overtraining situation. The real-time alerts about recovery needs help me keep athletes healthy and performing optimally.",
              tag: "Coach Pro Plan",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP8a8goFKT6kOt6i8o2OojduTe/professional-headshot-of-a-male-mountain-1772483099339-f89e085d.png",
              avatarAlt: "David Park",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP8a8goFKT6kOt6i8o2OojduTe/male-mountain-bike-coach-instructing-ath-1772483100923-a4549197.png?_wi=2",
              imageAlt: "Mountain Bike Coach"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Join the Community"
          tagIcon={ArrowRight}
          tagAnimation="slide-up"
          title="Become Part of the PeakFlow Story"
          description="Thousands of athletes are already training smarter. Start your free trial and see why PeakFlow is changing endurance sports."
          buttons={[
            { text: "Start Free Trial", href: "#" },
            { text: "Contact Us", href: "#" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="PeakFlow"
          copyrightText="© 2025 PeakFlow. All rights reserved."
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/peakflowapp", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/peakflowapp", ariaLabel: "LinkedIn" },
            { icon: Instagram, href: "https://instagram.com/peakflowapp", ariaLabel: "Instagram" },
            { icon: Github, href: "https://github.com/peakflowapp", ariaLabel: "GitHub" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}