"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import MediaAbout from "@/components/sections/about/MediaAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Clock, Star, DollarSign, MapPin, Flame, CheckCircle, Zap, Leaf, Users, Heart, MessageCircle, FileText } from "lucide-react";

const handleOrderSubmit = (data: Record<string, string>) => {
  console.log("Order submitted:", data);
};

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Al Saqr Restaurant"
          navItems={[
            { name: "About", id: "about" },
            { name: "Menu", id: "menu" },
            { name: "Why Us", id: "why-us" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "📞 Call Now", href: "tel:04-263-1366" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Fresh & Affordable 24-Hour Dining in Al Qusais"
          description="Dine In • Pickup • Delivery • Vegan Options Available"
          tag="24/7 Open"
          tagIcon={Clock}
          tagAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          buttons={[
            { text: "📞 Call Now: 04 263 1366", href: "tel:04-263-1366" },
            { text: "🛵 Order Pickup", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
          carouselItems={[
            {
              id: "hero-1",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ8FOMuveLQ8wkceTtt94xt48a/uploaded-1772514029566-bkf7zggi.png?_wi=1"},
            {
              id: "hero-2",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-tomatoes-lemon-slices-oval-plate-table-free-space_140725-147488.jpg?_wi=1"},
            {
              id: "hero-3",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-delicious-food-wooden-desk_23-2147871052.jpg?_wi=1"},
            {
              id: "hero-4",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-vegan-salad-with-fresh-ingredients-plate-black-cutting-board_179666-47259.jpg?_wi=1"},
            {
              id: "hero-5",              imageSrc: "http://img.b2bpic.net/free-photo/tea-ceremony-professional-tea-brewing-tea-meditation-with-tea-tea-bowls_169016-66922.jpg?_wi=1"},
            {
              id: "hero-6",              imageSrc: "http://img.b2bpic.net/free-photo/top-fried-meat-with-chestnuts-colorful-rug_140725-12272.jpg?_wi=1"},
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricCardOne
          title="Why Al Saqr Stands Out"
          description="Trusted by the Al Qusais community with proven ratings and service excellence"
          metrics={[
            {
              id: "1",              value: "4.1",              title: "Rating",              description: "From 463+ verified reviews",              icon: Star,
            },
            {
              id: "2",              value: "24",              title: "Hours",              description: "Open around the clock",              icon: Clock,
            },
            {
              id: "3",              value: "AED 1-50",              title: "Price Range",              description: "Affordable for everyone",              icon: DollarSign,
            },
            {
              id: "4",              value: "Al Qusais 2",              title: "Location",              description: "Damascus Street, High Class Business Centre",              icon: MapPin,
            },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Al Saqr Restaurant: Your Trusted Local Favorite"
          description="Serving the Al Qusais community with delicious, affordable meals 24 hours a day. Al Saqr Restaurant is known for its warm service, generous portions, and fresh ingredients. Whether you're an office worker grabbing a quick meal, a family dining together, or a late-night customer, we're here for you."
          tag="About Us"
          tagIcon={Heart}
          tagAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ8FOMuveLQ8wkceTtt94xt48a/uploaded-1772514029566-bkf7zggi.png?_wi=2"
          imageAlt="Al Saqr Restaurant welcoming dining area"
          buttons={[
            { text: "📍 Get Directions", href: "#contact" },
            { text: "🛵 Order Now", href: "#contact" },
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardOne
          title="Popular Menu Highlights"
          description="Discover our most-loved dishes prepared fresh daily"
          tag="Bestsellers"
          tagIcon={Flame}
          tagAnimation="slide-up"
          products={[
            {
              id: "1",              name: "Chicken Baghdadi",              price: "AED 15-25",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-tomatoes-lemon-slices-oval-plate-table-free-space_140725-147488.jpg?_wi=2",              imageAlt: "Chicken Baghdadi - tender chicken with aromatic spices"},
            {
              id: "2",              name: "Daal Palak",              price: "AED 8-12",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-delicious-food-wooden-desk_23-2147871052.jpg?_wi=2",              imageAlt: "Daal Palak - creamy lentil and spinach curry"},
            {
              id: "3",              name: "Daal Gosht",              price: "AED 12-18",              imageSrc: "http://img.b2bpic.net/free-photo/top-fried-meat-with-chestnuts-colorful-rug_140725-12272.jpg?_wi=2",              imageAlt: "Daal Gosht - lentils with tender meat"},
            {
              id: "4",              name: "Fresh Vegetable Salad",              price: "AED 5-8",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-vegan-salad-with-fresh-ingredients-plate-black-cutting-board_179666-47259.jpg?_wi=2",              imageAlt: "Fresh Vegetable Salad - crisp and healthy"},
            {
              id: "5",              name: "Freshly Brewed Tea",              price: "AED 2-4",              imageSrc: "http://img.b2bpic.net/free-photo/tea-ceremony-professional-tea-brewing-tea-meditation-with-tea-tea-bowls_169016-66922.jpg?_wi=2",              imageAlt: "Freshly brewed traditional tea"},
            {
              id: "6",              name: "Special Meat Curry",              price: "AED 14-20",              imageSrc: "http://img.b2bpic.net/free-photo/top-fried-meat-with-chestnuts-colorful-rug_140725-12272.jpg?_wi=3",              imageAlt: "Special meat curry with house spices"},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "📞 Call to Order", href: "tel:04-263-1366" }, { text: "📋 View Full Menu", href: "#" }]}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <FeatureHoverPattern
          title="Why Choose Al Saqr Restaurant"
          description="Everything you need in one trusted local restaurant"
          tag="Our Advantages"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              icon: Clock,
              title: "Open 24 Hours",              description: "Always ready to serve you, day or night"},
            {
              icon: Zap,
              title: "Fast Pickup & Delivery",              description: "Quick service without compromising quality"},
            {
              icon: DollarSign,
              title: "Affordable Pricing",              description: "Premium food at budget-friendly prices"},
            {
              icon: Leaf,
              title: "Vegan-Friendly Dishes",              description: "Delicious options for all dietary preferences"},
            {
              icon: Users,
              title: "Trusted by 400+ Customers",              description: "Proven track record of quality and service"},
            {
              icon: MapPin,
              title: "Convenient Damascus Street Location",              description: "Easy to find, easy to visit in Al Qusais 2"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Place Your Order or Get in Touch"
          description="Submit your order details below or call us directly at 04 263 1366. For urgent orders, we recommend calling us."
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Full Name",              required: true,
            },
            {
              name: "phone",              type: "tel",              placeholder: "Your Phone Number",              required: true,
            },
            {
              name: "service",              type: "text",              placeholder: "Pickup or Delivery?",              required: true,
            },
            {
              name: "preferredTime",              type: "text",              placeholder: "Preferred Pickup/Delivery Time",              required: false,
            },
          ]}
          textarea={{
            name: "orderDetails",            placeholder: "Describe what you'd like to order...",            rows: 5,
            required: true,
          }}
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ8FOMuveLQ8wkceTtt94xt48a/uploaded-1772514029566-bkf7zggi.png?_wi=3"
          imageAlt="Al Saqr Restaurant dining experience"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Submit Order"
          onSubmit={handleOrderSubmit}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardThirteen
          title="Loved by Our Community"
          description="Read what our regular customers have to say about Al Saqr Restaurant"
          tag="Customer Reviews"
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Ahmed Hassan",              handle: "@ahmed_h",              testimonial: "Best affordable food in Al Qusais! Always fresh, always hot, and the service is incredibly fast. Open 24 hours is a lifesaver for late-night cravings.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",              imageAlt: "Ahmed Hassan"},
            {
              id: "2",              name: "Fatima Mohammed",              handle: "@fatima_m",              testimonial: "I bring my family here every week. The portions are generous, the price is right, and everyone enjoys the food. Highly recommend Al Saqr!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2",              imageAlt: "Fatima Mohammed"},
            {
              id: "3",              name: "Khalid Al-Mansoori",              handle: "@khalid_dm",              testimonial: "The vegan options are amazing! Finally, a local restaurant that takes dietary preferences seriously. Great quality food and excellent customer service.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=3",              imageAlt: "Khalid Al-Mansoori"},
            {
              id: "4",              name: "Samar Abdullah",              handle: "@samar_a",              testimonial: "Quick delivery, hot food, reasonable prices. Al Saqr is my go-to restaurant in Al Qusais. Never disappointed!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=4",              imageAlt: "Samar Abdullah"},
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Al Saqr Restaurant"
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Menu", href: "#menu" },
                { label: "About Us", href: "#about" },
                { label: "Why Choose Us", href: "#why-us" },
                { label: "Reviews", href: "#reviews" },
              ],
            },
            {
              title: "Services",              items: [
                { label: "Dine In", href: "tel:04-263-1366" },
                { label: "Pickup", href: "#contact" },
                { label: "Delivery", href: "#contact" },
                { label: "Vegan Options", href: "#menu" },
              ],
            },
            {
              title: "Contact",              items: [
                { label: "📞 04 263 1366", href: "tel:04-263-1366" },
                { label: "📍 Damascus Street, Al Qusais 2", href: "#" },
                { label: "⏰ Open 24 Hours", href: "#" },
                { label: "📧 Send a Message", href: "#contact" },
              ],
            },
            {
              title: "Follow Us",              items: [
                { label: "Facebook", href: "https://facebook.com" },
                { label: "WhatsApp", href: "https://wa.me/971426313666" },
                { label: "Google Maps", href: "https://maps.google.com" },
                { label: "Instagram", href: "https://instagram.com" },
              ],
            },
          ]}
          copyrightText="© 2025 Al Saqr Restaurant | Al Qusais 2, Dubai | All Rights Reserved"
        />
      </div>
    </ThemeProvider>
  );
}
