"use client";

import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import AboutMetric from "@/components/sections/about/AboutMetric";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import { Star } from "lucide-react";

const AboutPage = () => {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "Products", id: "/products" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
            { name: "Shop", id: "/shop" },
          ]}
          brandName="Raja Auto Store"
          bottomLeftText="Premium Agriculture Equipment"
          bottomRightText="info@rajaautostore.com"
        />
      </div>

      <div id="about-section" data-section="about-section">
        <AboutMetric
          title="About Raja Auto Store - Trusted Leader in Agriculture Equipment for Over 15 Years. We are committed to providing premium quality farming equipment, exceptional customer service, and reliable support to farmers and agricultural businesses across the region."
          metrics={[
            { icon: "Tractor" as any, label: "Equipment Options", value: "500+" },
            { icon: "Users" as any, label: "Trusted Customers", value: "5000+" },
            { icon: "Award" as any, label: "Industry Recognition", value: "8+" },
            { icon: "Globe" as any, label: "Service Coverage", value: "Region-Wide" },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="about-testimonials" data-section="about-testimonials">
        <TestimonialCardThirteen
          title="Why Customers Choose Us"
          description="Stories from farmers and agricultural businesses that trust Raja Auto Store"
          tag="Customer Satisfaction"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Rajesh Kumar",
              handle: "@rajesh_farming",
              testimonial: "Raja Auto Store provided exceptional equipment and support. The tractors are reliable and the customer service is outstanding. Highly recommended!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-summer-hat-looking-front-smiling-with-happy-face-showing-thumbs-up-standing-green-wall_141793-52827.jpg?_wi=2",
              imageAlt: "Rajesh Kumar",
            },
            {
              id: "2",
              name: "Priya Sharma",
              handle: "@priya_agri",
              testimonial: "Best agricultural equipment supplier in the region. Their after-sales service is impeccable and they truly care about customer satisfaction.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-female-gardener-greenhouse_23-2147918840.jpg?_wi=2",
              imageAlt: "Priya Sharma",
            },
            {
              id: "3",
              name: "Vikram Singh",
              handle: "@vikram_farm",
              testimonial: "For over 10 years, I've been using equipment from Raja Auto Store. Quality, reliability, and fair pricing - everything you need.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/farmer-examines-field-agronomist-farmer-examines-growth-wheat_1157-39748.jpg?_wi=2",
              imageAlt: "Vikram Singh",
            },
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          carouselMode="buttons"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Raja Auto Store"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "Products", href: "/products" },
                { label: "About Us", href: "/about" },
                { label: "Contact", href: "/contact" },
              ],
            },
            {
              items: [
                { label: "Equipment Guide", href: "#" },
                { label: "Maintenance Tips", href: "#" },
                { label: "Technical Support", href: "#" },
                { label: "Warranty Info", href: "#" },
              ],
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Return Policy", href: "#" },
                { label: "Shipping Info", href: "#" },
              ],
            },
            {
              items: [
                { label: "Email Support", href: "mailto:info@rajaautostore.com" },
                { label: "Phone Support", href: "tel:+1234567890" },
                { label: "Visit Store", href: "#" },
                { label: "Schedule Demo", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
};

export default AboutPage;