"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import MediaAbout from "@/components/sections/about/MediaAbout";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";
import { ImageIcon, Leaf } from "lucide-react";

export default function GalleryPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Products", id: "products" },
    { name: "Bulk Orders", id: "bulk-orders" },
    { name: "Gallery", id: "gallery" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="noiseDiagonalGradient"
      cardStyle="solid"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="Byculla Fruit Market" navItems={navItems} />
      </div>

      <div id="market-gallery-intro" data-section="market-gallery-intro">
        <MediaAbout
          title="Experience Byculla Market"
          description="Welcome to one of Mumbai's most vibrant fruit and vegetable markets! Our gallery showcases the fresh, colorful produce we offer daily and the bustling market atmosphere where quality meets tradition."
          tag="🎨 Market Gallery"
          tagIcon={ImageIcon}
          tagAnimation="blur-reveal"
          imageSrc="http://img.b2bpic.net/free-photo/beautiful-fruit-vegetable-display-arrangement_74190-948.jpg"
          imageAlt="Beautiful fruit vegetable display arrangement"
          useInvertedBackground={false}
          buttons={[
            {
              text: "📞 Call Market",
              href: "tel:+919876543210",
            },
            {
              text: "📍 Get Directions",
              href: "https://maps.google.com/?q=Byculla+Fruit+Market+Mumbai",
            },
          ]}
          buttonAnimation="blur-reveal"
        />
      </div>

      <div id="gallery-products" data-section="gallery-products">
        <ProductCardFour
          title="Our Premium Selection"
          description="Handpicked fruits and vegetables available fresh daily at our market. Visit us to explore seasonal specialties and everyday essentials."
          tag="🌾 Fresh Daily"
          tagIcon={Leaf}
          tagAnimation="blur-reveal"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={false}
          gridVariant="bento-grid"
          products={[
            {
              id: "apples",
              name: "Fresh Apples",
              price: "₹80-120/kg",
              variant: "Red, Green, Golden",
              imageSrc: "http://img.b2bpic.net/free-photo/people-working-apple-orchard-picking-fruit-placing-them-into-basket_342744-600.jpg",
              imageAlt: "Fresh red apples fruit display",
            },
            {
              id: "bananas",
              name: "Yellow Bananas",
              price: "₹40-60/dozen",
              variant: "Ripe, Semi-Ripe",
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-bananas_23-2150830594.jpg",
              imageAlt: "Fresh yellow bananas fruit market",
            },
            {
              id: "mangoes",
              name: "Seasonal Mangoes",
              price: "₹100-150/kg",
              variant: "Alphonso, Kesar, Langra",
              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-delicious-fruits_23-2149672989.jpg",
              imageAlt: "Fresh mangoes tropical fruit market",
            },
            {
              id: "tomatoes",
              name: "Fresh Tomatoes",
              price: "₹30-50/kg",
              variant: "Firm, Ripe Red",
              imageSrc: "http://img.b2bpic.net/free-photo/heap-fresh-red-tomatoes-market_23-2147916087.jpg",
              imageAlt: "Fresh red tomatoes vegetable market",
            },
            {
              id: "leafy",
              name: "Leafy Greens",
              price: "₹20-40/bunch",
              variant: "Spinach, Lettuce, Kale",
              imageSrc: "http://img.b2bpic.net/free-photo/wet-fresh-green-baby-spinach-leaves-wooden-background_169016-27765.jpg",
              imageAlt: "Fresh leafy greens spinach vegetables",
            },
            {
              id: "seasonal",
              name: "Seasonal Fruits",
              price: "Varies",
              variant: "Guava, Papaya, Grapes",
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-autumn-fruits-with-copy-space_23-2148634412.jpg",
              imageAlt: "seasonal fresh fruits market display",
            },
          ]}
          carouselMode="buttons"
          buttons={[
            {
              text: "📞 Order Now",
              href: "tel:+919876543210",
            },
            {
              text: "💬 WhatsApp",
              href: "https://wa.me/919876543210",
            },
          ]}
          buttonAnimation="blur-reveal"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Quick Links",
              items: [
                {
                  label: "Home",
                  href: "/",
                },
                {
                  label: "Products",
                  href: "/products",
                },
                {
                  label: "Bulk Orders",
                  href: "/bulk-orders",
                },
                {
                  label: "Gallery",
                  href: "/gallery",
                },
              ],
            },
            {
              title: "Contact",
              items: [
                {
                  label: "📞 +91-98765-43210",
                  href: "tel:+919876543210",
                },
                {
                  label: "💬 WhatsApp Us",
                  href: "https://wa.me/919876543210",
                },
                {
                  label: "📍 Byculla West, Mumbai",
                  href: "https://maps.google.com/?q=Byculla+Fruit+Market+Mumbai",
                },
                {
                  label: "⏰ Open Daily until 10 PM",
                  href: "#",
                },
              ],
            },
            {
              title: "Our Services",
              items: [
                {
                  label: "Fresh Produce",
                  href: "/products",
                },
                {
                  label: "Bulk Orders",
                  href: "/bulk-orders",
                },
                {
                  label: "Wholesale Pricing",
                  href: "/bulk-orders",
                },
                {
                  label: "Seasonal Specialties",
                  href: "/products",
                },
              ],
            },
            {
              title: "Trust & Reviews",
              items: [
                {
                  label: "⭐ 4.1 Rating (1,781 reviews)",
                  href: "#",
                },
                {
                  label: "Local Business Since 2010",
                  href: "#",
                },
                {
                  label: "Trusted by 1000s",
                  href: "#",
                },
                {
                  label: "100% Fresh Guarantee",
                  href: "#",
                },
              ],
            },
          ]}
          bottomLeftText="© 2025 Byculla Fruit Market. All rights reserved."
          bottomRightText="Fresh Fruits & Vegetables | Local Market Trusted Since 2010"
        />
      </div>
    </ThemeProvider>
  );
}