"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Flame, Heart, MapPin, Phone, Smile, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="blurBottom"
      cardStyle="inset"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Maplankeng Eatery"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Menu", id: "featured" },
            { name: "Why Us", id: "why" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
          button={{
            text: "📞 Call Now",            href: "tel:0606609421"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Dobsonville's Favourite Spot for Great Food & Good Vibes"
          description="Dine-in. Pickup. Delivery. Fresh meals made with care. Join us for generous portions, affordable prices, and fast service that keep families coming back."
          tag="Rated 4.5 ⭐ 318 Reviews"
          tagIcon={Star}
          background={{ variant: "glowing-orb" }}
          leftCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-lemon-wedges_140725-2952.jpg?_wi=1",              imageAlt: "Grilled platters with ribs and wings"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/appetizing-food_1098-13446.jpg?_wi=1",              imageAlt: "Crew platter with sides"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-wings-with-dipping-sauces-dark-background_84443-72419.jpg?_wi=1",              imageAlt: "Crispy chicken wings"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/fried-potato-with-herbs-yogurt-white-plate-with-bread-crackers-around_114579-4492.jpg?_wi=1",              imageAlt: "Fresh fries and sides"},
          ]}
          rightCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/appetizing-food_1098-13446.jpg?_wi=2",              imageAlt: "Delicious shared platter"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-wings-with-dipping-sauces-dark-background_84443-72419.jpg?_wi=2",              imageAlt: "Golden fried chicken"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/fried-potato-with-herbs-yogurt-white-plate-with-bread-crackers-around_114579-4492.jpg?_wi=2",              imageAlt: "Crispy fries"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-lemon-wedges_140725-2952.jpg?_wi=2",              imageAlt: "Premium meat selection"},
          ]}
          buttons={[
            { text: "📞 Call 060 660 9421", href: "tel:0606609421" },
            { text: "💬 Order on WhatsApp", href: "https://wa.me/27606609421" },
          ]}
          carouselPosition="right"
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricCardTwo
          title="Why Maplankeng Eatery"
          description="Trusted by Dobsonville families and workers since day one"
          tag="Local Favourite"
          tagIcon={MapPin}
          metrics={[
            { id: "1", value: "4.5 ⭐", description: "318 Google Reviews" },
            { id: "2", value: "Open Daily", description: "Closes 7pm · Convenient Hours" },
            { id: "3", value: "3 Ways", description: "Dine-in · Pickup · Delivery" },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="featured" data-section="featured">
        <ProductCardOne
          title="Featured Menu Highlights"
          description="Our most popular platters and meals loved by the community"
          tag="Customer Favourites"
          tagIcon={Flame}
          products={[
            {
              id: "1",              name: "Crew Platter",              price: "R89",              imageSrc: "http://img.b2bpic.net/free-photo/appetizing-food_1098-13446.jpg?_wi=3",              imageAlt: "Crew Platter - Ribs, Wings, Wors + Side"},
            {
              id: "2",              name: "Buddy Platter",              price: "R79",              imageSrc: "http://img.b2bpic.net/free-photo/fried-potato-with-herbs-yogurt-white-plate-with-bread-crackers-around_114579-4492.jpg?_wi=3",              imageAlt: "Buddy Platter - Perfect for sharing"},
            {
              id: "3",              name: "Chicken Wings",              price: "R49",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-wings-with-dipping-sauces-dark-background_84443-72419.jpg?_wi=3",              imageAlt: "Crispy Golden Chicken Wings"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View Full Menu", href: "tel:0606609421" }]}
        />
      </div>

      <div id="why" data-section="why">
        <FeatureCardOne
          title="Why Choose Maplankeng Eatery"
          description="Everything you love about local, quality dining"
          tag="Our Commitment"
          tagIcon={Heart}
          features={[
            {
              title: "Generous Portions",              description: "Platters packed with premium meats and fresh sides that satisfy the whole crew",              imageSrc: "http://img.b2bpic.net/free-photo/appetizing-food_1098-13446.jpg?_wi=4",              imageAlt: "Generous platter portions"},
            {
              title: "Affordable Prices",              description: "Great food at prices that respect your budget. Family-friendly, everyday value",              imageSrc: "http://img.b2bpic.net/free-photo/fried-potato-with-herbs-yogurt-white-plate-with-bread-crackers-around_114579-4492.jpg?_wi=4",              imageAlt: "Affordable menu items"},
            {
              title: "Fast Service",              description: "Quick turnaround on dine-in, pickup, and delivery. Your time matters",              imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-wings-with-dipping-sauces-dark-background_84443-72419.jpg?_wi=4",              imageAlt: "Quick service"},
            {
              title: "Local Pride",              description: "A pillar of Dobsonville's food community. Fresh, made with care, every day",              imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-chicken-lemon-wedges_140725-2952.jpg?_wi=3",              imageAlt: "Local pride in food preparation"},
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Customers Say"
          description="Real reviews from real Dobsonville families who trust Maplankeng Eatery"
          tag="Customer Love"
          tagIcon={Smile}
          testimonials={[
            {
              id: "1",              name: "Thandi M.",              role: "Regular Customer",              company: "Dobsonville",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",              imageAlt: "Thandi M. customer testimonial"},
            {
              id: "2",              name: "James K.",              role: "Family Man",              company: "Local Worker",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1",              imageAlt: "James K. customer testimonial"},
            {
              id: "3",              name: "Nomsa D.",              role: "Event Organiser",              company: "Soweto",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",              imageAlt: "Nomsa D. customer testimonial"},
            {
              id: "4",              name: "David L.",              role: "Weekly Visitor",              company: "Dobsonville",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2",              imageAlt: "David L. customer testimonial"},
          ]}
          kpiItems={[
            { value: "318+", label: "5-Star Reviews" },
            { value: "4.5 ⭐", label: "Google Rating" },
            { value: "10+ yrs", label: "Community Trust" },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          tagIcon={Phone}
          title="Call Maplankeng Eatery Now & Place Your Order"
          description="📍 1344 Molebatsi St, Dobsonville, Johannesburg, 1863\n🕒 Open Daily · Closes 7pm\n🚗 Dine-in · Kerbside Pickup · Delivery Available"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/crispy-fried-chicken-lemon-wedges_140725-2952.jpg?_wi=4"
          imageAlt="Maplankeng Eatery fresh food"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Your name"
          buttonText="📞 Call 060 660 9421"
          termsText="We respect your privacy. Call or WhatsApp us anytime during business hours."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Maplankeng Eatery"
          leftLink={{ text: "📞 060 660 9421", href: "tel:0606609421" }}
          rightLink={{ text: "💬 WhatsApp Order", href: "https://wa.me/27606609421" }}
        />
      </div>
    </ThemeProvider>
  );
}
