"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import Link from "next/link";

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

  const footerColumns = [
    {
      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: "#" },
      ],
    },
  ];

  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="contact-section" data-section="contact-section">
        <ContactText
          text="Need Fresh Fruits & Vegetables Today? Place Your Bulk Order Now! Fill out the form below or call us directly."
          animationType="entrance-slide"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          buttons={[
            { text: "📞 Call +91-98765-43210", href: "tel:+919876543210" },
            { text: "💬 WhatsApp Order", href: "https://wa.me/919876543210" },
            { text: "📝 Fill Order Form", href: "/bulk-orders" },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={footerColumns}
          bottomLeftText="© 2025 Byculla Fruit Market. All rights reserved."
          bottomRightText="Fresh Fruits & Vegetables | Local Market Trusted Since 2010"
        />
      </div>
    </ThemeProvider>
  );
}