aebdb2a1-aacd-4dac-bafd-87f5c3f4ca8d/src/app/about/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import Link from "next/link";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import ContactText from "@/components/sections/contact/ContactText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { ShoppingBag } from "lucide-react";

export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Products", id: "products" },
    { name: "About", id: "about" },
    { name: "Reviews", id: "reviews" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="noise"
      cardStyle="glass-elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Saikrupa Footwear"
          bottomLeftText="Daman, India"
          bottomRightText="+91 98241 44953"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Saikrupa Footwear"
          description={[
            "Welcome to Saikrupa Footwear Daman – your trusted local shoe store. We've been serving the Daman community with quality footwear for years, offering an extensive variety of shoes for men, women, and kids.",
            "We believe everyone deserves stylish, comfortable, and affordable shoes. That's why we handpick our collection and offer competitive prices without compromising on quality. Whether you're looking for casual wear, formal shoes, sports footwear, or comfortable sandals, we have something for everyone.",
            "Our mission is simple: provide the best selection of footwear at prices that won't break the bank. Visit our store today and experience the Saikrupa difference. Trusted by locals, loved by families.",
          ]}
          buttons={[
            {
              text: "Call Us",
              href: "tel:+919824144953",
            },
            {
              text: "Visit Store",
              href: "https://maps.google.com/?q=Shop+no+9+Fortune+World+Cooperative+Housing+Daman",
            },
          ]}
          buttonAnimation="slide-up"
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="categories" data-section="categories">
        <FeatureCardTwentyOne
          title="Shop by Category"
          description="Browse our extensive collection of footwear organized by style and type. Find exactly what you're looking for."
          tag="Featured Categories"
          tagIcon={ShoppingBag}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/rack-full-shoes-modern-house_1268-14356.jpg?_wi=2"
          imageAlt="Store interior with organized shoes"
          mediaAnimation="slide-up"
          accordionItems={[
            {
              id: "mens",
              title: "Men's Shoes",
              content:
                "Premium collection of casual, formal, and sports shoes for men. From everyday wear to special occasions, find quality footwear at affordable prices.",
            },
            {
              id: "womens",
              title: "Women's Footwear",
              content:
                "Stylish and comfortable shoes for every occasion. Casual, formal, and trendy options designed for modern women. Quality craftsmanship and great prices.",
            },
            {
              id: "kids",
              title: "Kids Shoes",
              content:
                "Fun and durable footwear for children. Comfortable shoes that support active play and daily activities. Safe, affordable options for growing feet.",
            },
            {
              id: "casual",
              title: "Casual Shoes",
              content:
                "Comfortable everyday wear for relaxed moments. Perfect for casual outings, work, or weekend activities. Wide variety of styles and colors.",
            },
            {
              id: "sports",
              title: "Sports Shoes",
              content:
                "Performance-driven athletic footwear. Running shoes, training shoes, and sports-specific designs for active individuals.",
            },
            {
              id: "sandals",
              title: "Sandals & Slippers",
              content:
                "Comfortable casual footwear for easy days. Breathable sandals and cozy slippers perfect for warm weather or home relaxation.",
            },
          ]}
          buttons={[
            {
              text: "View All Products",
              href: "/products",
            },
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
          mediaPosition="left"
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactText
          text="Ready to find your perfect pair of shoes? Visit Saikrupa Footwear today or give us a call!"
          animationType="entrance-slide"
          buttons={[
            {
              text: "Call Now",
              href: "tel:+919824144953",
            },
            {
              text: "Get Directions",
              href: "https://maps.google.com/?q=Shop+no+9+Fortune+World+Cooperative+Housing+Daman",
            },
          ]}
          background={{
            variant: "noise",
          }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Saikrupa Footwear"
          leftLink={{
            text: "Privacy Policy",
            href: "#",
          }}
          rightLink={{
            text: "Terms of Service",
            href: "#",
          }}
        />
      </div>
    </ThemeProvider>
  );
}