"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Zap, Heart, Activity, User, Award, Dumbbell } from "lucide-react";

export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "/about" },
  ];

  const footerColumns = [
    {
      title: "Quick Links",      items: [
        { label: "Home", href: "/" },
        { label: "About Us", href: "/about" },
      ],
    },
    {
      title: "Membership",      items: [
        { label: "Basic Plan", href: "/#basic" },
        { label: "Pro Plan", href: "/#pro" },
        { label: "Elite Plan", href: "/#elite" },
        { label: "Free Trial", href: "/#contact" },
      ],
    },
    {
      title: "Contact",      items: [
        { label: "WhatsApp", href: "https://wa.me/919876543210" },
        { label: "Email", href: "mailto:hello@luxuryakhada.com" },
      ],
    },
    {
      title: "Legal",      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms & Conditions", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="medium"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Luxury Akhada"
          bottomLeftText="Vikaspuri's Premium Fitness Destination"
          bottomRightText="hello@luxuryakhada.com"
        />
      </div>

      <div id="facilities" data-section="facilities">
        <FeatureCardTwentyFive
          title="Train With World-Class Machines"
          description="Comprehensive facilities for every fitness goal"
          tag="Facilities"
          tagIcon={Zap}
          features={[
            {
              title: "Strength Training Zone",              description: "Complete range of dumbbells, barbells, and resistance machines.",              icon: Dumbbell,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/man-working-out-gym_23-2148197787.jpg",                  imageAlt: "Strength training area"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/man-working-out-gym_23-2148197781.jpg",                  imageAlt: "Barbell area"},
              ],
            },
            {
              title: "Cardio Machines",              description: "Latest treadmills, ellipticals, and stationary bikes.",              icon: Heart,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/strong-young-beautiful-woman-is-engaged-gym-ellipsoid_231208-4495.jpg",                  imageAlt: "Cardio machines"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/young-woman-training-gym_23-2147915439.jpg",                  imageAlt: "Treadmill section"},
              ],
            },
            {
              title: "Functional Training Area",              description: "Dedicated space for crossfit, functional workouts, and group classes.",              icon: Activity,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-is-engaged-gym_1157-32086.jpg",                  imageAlt: "Functional training"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-doing-burpees-indoors_23-2149326087.jpg",                  imageAlt: "Crossfit section"},
              ],
            },
            {
              title: "Personal Training Zones",              description: "One-on-one coaching areas with mirrors and equipment.",              icon: User,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-high-five-man-gym_23-2148766008.jpg",                  imageAlt: "Personal training area"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/woman-helping-man-gym_23-2149627077.jpg",                  imageAlt: "Training session"},
              ],
            },
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="trainers" data-section="trainers">
        <TeamCardSix
          title="Meet Our Expert Trainers"
          description="Highly skilled professionals dedicated to your fitness journey"
          tag="Expert Team"
          tagIcon={Award}
          members={[
            {
              id: "1",              name: "Manish",              role: "Head Trainer - Strength Specialist",              imageSrc: "http://img.b2bpic.net/free-photo/strong-man-exercising-gym_1303-25238.jpg"},
            {
              id: "2",              name: "Gautam",              role: "Fitness Coach - Form Correction Expert",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-boxer-posing-t-shirt-with-arms-crossed_23-2148426242.jpg"},
            {
              id: "3",              name: "Rahul",              role: "Personal Trainer - Motivational Expert",              imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-posing_23-2148017390.jpg"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Member Success Stories"
          description="Real transformations from our community members"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              title: "Complete Body Transformation",              quote: "Luxury Akhada transformed my fitness journey. The trainers pushed me beyond my limits while keeping me injury-free. I've gained muscle and confidence!",              name: "Manish Pal",              role: "Strength Training Member",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-three-shirtless-hip-hop-performers-posing-before-dancing_23-2148496949.jpg"},
            {
              id: "2",              title: "Recovered from Injury Safely",              quote: "After my shoulder injury, I thought my gym days were over. The trainers at Luxury Akhada designed a custom recovery plan. Now I'm stronger than before!",              name: "Rahul Kumar",              role: "Recovery Success Story",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-young-female-writing-notepad-white-desk_140725-144224.jpg"},
            {
              id: "3",              title: "Beginner to Strong",              quote: "Started as a complete beginner with zero fitness background. The supportive community and expert guidance made me fall in love with fitness. Best decision ever!",              name: "Gautam Singh",              role: "Beginner Transformation",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-running-outdoors_23-2150040515.jpg"},
            {
              id: "4",              title: "Professional Results",              quote: "As a busy professional, I needed efficiency. The personalized plans and form correction sessions gave me the results I wanted in limited time. Highly recommend!",              name: "Priya Sharma",              role: "Executive Member",              imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-fitness-woman-shows-strong-arm-flexing-miceps-shows-muscles-gym-workout-results-healthy-body-standing-white-background_176420-47072.jpg"},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get in Touch"
          title="Ready to Transform Your Body?"
          description="Join Luxury Akhada Gym Today. Book your free trial and start your fitness journey with expert trainers and premium facilities."
          background={{ variant: "noise" }}
          useInvertedBackground={true}
          inputPlaceholder="Enter your email"
          buttonText="Book Free Trial"
          termsText="We respect your privacy. We'll contact you via WhatsApp or email to confirm your free trial."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Luxury Akhada"
          columns={footerColumns}
          copyrightText="© 2025 Luxury Akhada Gym. All rights reserved. | Vikaspuri's Premium Fitness Destination"
        />
      </div>
    </ThemeProvider>
  );
}