"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Flame, Users, DollarSign, Smile, Table, Utensils } from 'lucide-react';

export default function ContactPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Menu", id: "/menu" },
    { name: "Contact", id: "/contact" }
  ];

  const footerColumns = [
    {
      title: "Quick Links",      items: [
        { label: "Home", href: "/" },
        { label: "Menu", href: "/menu" },
        { label: "Contact", href: "/contact" }
      ]
    },
    {
      title: "Contact",      items: [
        { label: "Call Us", href: "tel:09182950479" },
        { label: "WhatsApp", href: "https://wa.me/919182950479" },
        { label: "Directions", href: "https://www.google.com/maps/dir/?api=1&destination=TAJ+Family+Restaurant,+Ambedkar+Nagar,+Shanti+Nagar,+Sircilla,+Telangana+505301" },
        { label: "Email", href: "mailto:info@tajfamilyrestaurant.com" }
      ]
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant={"text-stagger"}
      defaultTextAnimation={"background-highlight"}
      borderRadius={"soft"}
      contentWidth={"mediumSmall"}
      sizing={"mediumSizeLargeTitles"}
      background={"grid"}
      cardStyle={"subtle-shadow"}
      primaryButtonStyle={"shadow"}
      secondaryButtonStyle={"radial-glow"}
      headingFontWeight={"medium"}
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="TAJ Family Restaurant" navItems={navItems} />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactCenter
          title="Reach Out to TAJ Family Restaurant – Order, Reserve, Inquire!"
          description="We'd love to hear from you! Contact us for reservations, orders, or inquiries via call, WhatsApp, or by visiting us."
          tag="Get in Touch Today!"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          inputPlaceholder="Your name, number, and inquiry..."
          buttonText="Send Inquiry"
          termsText="Or send us a message below:"
        />
      </div>

      <div id="why-choose-us" data-section="why-choose-us">
        <FeatureHoverPattern
          title="Why TAJ Family Restaurant is Sircilla's Favorite"
          description="Experience the best of Indian cuisine and hospitality in Sircilla. Call, WhatsApp, or visit us today!"
          animationType="slide-up"
          textboxLayout="default"
          features={[
            { icon: Flame, title: "Authentic Telangana Flavors", description: "Savor traditional recipes crafted with local spices and ingredients." },
            { icon: Users, title: "Family Dining Atmosphere", description: "A welcoming and comfortable environment perfect for family gatherings." },
            { icon: DollarSign, title: "Affordable Pricing", description: "Enjoy delicious meals at a great value, averaging ₹200–₹400 per person." },
            { icon: Smile, title: "Friendly & Attentive Service", description: "Our staff is dedicated to providing you with an excellent dining experience." },
            { icon: Table, title: "Large Seating Space", description: "Plenty of room for groups and events, ensuring comfort for all our guests." },
            { icon: Utensils, title: "Master Chefs", description: "Our culinary experts bring years of experience and passion to every dish." }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardFifteen
          testimonial={"\"The best restaurant in Sircilla for family dining! Their Biryani is unparalleled, and the service makes every visit special. Highly recommend for authentic Indian food.\""}
          rating={5}
          author="Google Reviews (2,100+ Happy Customers)"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491790.jpg", alt: "indian woman smiling customer" },
            { src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533979.jpg", alt: "indian man satisfied diner" },
            { src: "http://img.b2bpic.net/free-photo/beautiful-family-having-nice-thanksgiving-dinner-together_23-2149082331.jpg", alt: "indian family eating restaurant" },
            { src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-850.jpg", alt: "young indian woman smiling restaurant" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="TAJ Family Restaurant"
          columns={footerColumns}
          copyrightText="© 2024 TAJ Family Restaurant | All Rights Reserved"
        />
      </div>
    </ThemeProvider>
  );
}
