"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ChefHat, Utensils, Heart, Star, MessageCircle, Share2, HelpCircle, ShoppingCart } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="blurBottom"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Pillipops Bistro"
          navItems={[
            { name: "Menu", id: "menu" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "#order" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Delicious Comfort Food in Soshanguve"
          description="Browse our menu of fresh, affordable meals and order online or by phone for quick delivery and takeout. Trusted by locals for quality food and friendly service."
          tag="Welcome to Pillipops Bistro"
          tagIcon={ChefHat}
          tagAnimation="slide-up"
          buttons={[
            { text: "View Menu", href: "#menu" },
            { text: "Call to Order", href: "tel:0784600793" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          leftCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/creamy-broccoli-cheese-with-bacon_127032-3471.jpg", imageAlt: "Delicious comfort food plated" },
            { imageSrc: "http://img.b2bpic.net/free-photo/turkey-sandwich-with-cranberry-sauce-thanksgiving-wooden-table_123827-35040.jpg?_wi=1", imageAlt: "Fresh sandwich meal" }
          ]}
          rightCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-erishte-bowl-different-stuffs-woman-hand-bowls-beige-background_140725-132373.jpg?_wi=1", imageAlt: "Warm stew rice bowl" },
            { imageSrc: "http://img.b2bpic.net/free-photo/grilles-chicken-steak-with-teriyaki-sauce_1339-5193.jpg?_wi=1", imageAlt: "Grilled chicken plate" }
          ]}
          carouselPosition="right"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Our Menu"
          description="Explore our carefully crafted selection of comfort food, all made with fresh ingredients and served with care. Perfect for lunch, dinner, or takeout."
          tag="Hungry?"
          tagIcon={Utensils}
          tagAnimation="slide-up"
          buttons={[{ text: "Order Now", href: "#order" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="bento-grid"
          animationType="slide-up"
          products={[
            {
              id: "sandwich-combo",              brand: "Signature",              name: "Fresh Sandwich Combo",              price: "R89.99",              rating: 5,
              reviewCount: "142",              imageSrc: "http://img.b2bpic.net/free-photo/turkey-sandwich-with-cranberry-sauce-thanksgiving-wooden-table_123827-35040.jpg?_wi=2",              imageAlt: "Fresh sandwich combo meal"
            },
            {
              id: "rice-stew",              brand: "Comfort Classic",              name: "Homemade Rice & Stew",              price: "R79.99",              rating: 5,
              reviewCount: "89",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-azerbaijani-erishte-bowl-different-stuffs-woman-hand-bowls-beige-background_140725-132373.jpg?_wi=2",              imageAlt: "Warm rice stew bowl"
            },
            {
              id: "grilled-chicken",              brand: "Premium",              name: "Grilled Chicken Plate",              price: "R94.99",              rating: 5,
              reviewCount: "156",              imageSrc: "http://img.b2bpic.net/free-photo/grilles-chicken-steak-with-teriyaki-sauce_1339-5193.jpg?_wi=2",              imageAlt: "Seasoned grilled chicken"
            },
            {
              id: "fresh-salad",              brand: "Healthy Option",              name: "Fresh Garden Salad",              price: "R64.99",              rating: 4,
              reviewCount: "67",              imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-fruit-salad-plate-black-stone-top-view_127032-1956.jpg",              imageAlt: "Colorful fresh salad"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Why Choose Pillipops Bistro?"
          description="Located at 906 Block X, Soshanguve, we've been serving the community with quality comfort food, fast service, and friendly staff. Our commitment is simple: fresh ingredients, affordable prices, and meals made with care. Whether you order online or call us directly at 078 460 0793, we ensure every bite is satisfying."
          tag="About Us"
          tagIcon={Heart}
          tagAnimation="slide-up"
          buttons={[{ text: "Order by Phone", href: "tel:0784600793" }]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/your-drink-please_1098-15707.jpg"
          imageAlt="Friendly Pillipops Bistro team"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="What Sets Us Apart"
          description="We combine speed, quality, and affordability to bring you the best food ordering experience."
          tag="Our Strengths"
          tagIcon={Star}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          negativeCard={{ items: ["Long wait times", "Overpriced meals", "Limited menu options", "Impersonal service"] }}
          positiveCard={{ items: ["Quick delivery & takeout", "Affordable quality food", "Fresh ingredients daily", "Friendly, personal service"] }}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Join hundreds of satisfied customers who trust Pillipops Bistro for their daily meals."
          tag="Customer Reviews"
          tagIcon={MessageCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Amelia Khumalo",              handle: "@ameliaK",              testimonial: "Best comfort food in Soshanguve! The portions are generous, prices are fair, and the staff is always smiling. Highly recommend!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg",              imageAlt: "Amelia Khumalo"
            },
            {
              id: "2",              name: "Thabo Mthembu",              handle: "@thabom",              testimonial: "I order from Pillipops at least twice a week. Their grilled chicken is absolutely perfect every time. Fast service too!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg",              imageAlt: "Thabo Mthembu"
            },
            {
              id: "3",              name: "Naledi Dlamini",              handle: "@naleditaste",              testimonial: "Quality food at affordable prices. This is exactly what we need in the area. Keep up the excellent work!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-living-room_329181-3215.jpg",              imageAlt: "Naledi Dlamini"
            },
            {
              id: "4",              name: "Sipho Ndaba",              handle: "@sipho_eats",              testimonial: "The online ordering is so convenient, and my food arrives hot and fresh. Pillipops has become my go-to spot.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-work_23-2149622870.jpg",              imageAlt: "Sipho Ndaba"
            },
            {
              id: "5",              name: "Zanele Mkhize",              handle: "@zanelemkz",              testimonial: "I appreciate the friendly service and the care they put into every meal. Worth every rand!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg",              imageAlt: "Zanele Mkhize"
            },
            {
              id: "6",              name: "Kagiso Molefe",              handle: "@kag_food",              testimonial: "Consistently good food, always fresh. Whether I call or order online, Pillipops delivers. Literally and figuratively!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg",              imageAlt: "Kagiso Molefe"
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted By Your Community"
          description="Find us on your favorite platforms and stay connected for updates, specials, and new menu items."
          tag="Connect With Us"
          tagIcon={Share2}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={["Google", "Facebook", "WhatsApp", "Local Delivery Partners"]}
          logos={[
            "http://img.b2bpic.net/free-vector/gradient-g-letter-logo-collection_23-2148940833.jpg",            "http://img.b2bpic.net/free-vector/social-media-logo-collectio_23-2148143368.jpg",            "http://img.b2bpic.net/free-psd/social-media-logo-design_23-2151296972.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-pizzeria-vintage-logo_23-2150174657.jpg"
          ]}
          showCard={true}
          speed={40}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Have questions about our menu, delivery, or ordering process? We've got answers."
          tag="Help & Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "How do I place an order?",              content: "You can order online through our website by browsing the menu and adding items to your cart, or call us directly at 078 460 0793. Both options are quick and easy!"
            },
            {
              id: "2",              title: "What are your delivery times?",              content: "We typically prepare orders within 15-20 minutes. Takeout is ready for pickup immediately after ordering by phone. Delivery times vary based on location but average 25-30 minutes within Soshanguve."
            },
            {
              id: "3",              title: "Do you offer discounts or special offers?",              content: "Yes! Check our website and Facebook page regularly for current promotions and bundle deals. We also offer loyalty discounts for frequent customers."
            },
            {
              id: "4",              title: "Can I customize my order?",              content: "Absolutely! Most of our menu items can be customized. Let us know your preferences when ordering online or tell our staff when you call."
            },
            {
              id: "5",              title: "What payment methods do you accept?",              content: "We accept cash on delivery, bank transfers, and digital payment apps. When ordering online, payment options are clearly displayed at checkout."
            },
            {
              id: "6",              title: "Is the food made fresh?",              content: "Yes! All our meals are prepared fresh to order using quality ingredients. We don't use frozen pre-made items—everything is cooked with care."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/sales-assistant-being-employed-customer-care-support-job-working-telemarketing-call-center-helpdesk-female-receptionist-with-helpline-service-helping-clients-remote-communication_482257-43021.jpg"
          imageAlt="FAQ support information"
          mediaPosition="left"
        />
      </div>

      <div id="order-cta" data-section="order-cta">
        <ContactCTA
          tag="Ready to Order?"
          tagIcon={ShoppingCart}
          tagAnimation="slide-up"
          title="Order Your Meal Today"
          description="Join our community of satisfied customers. Order online for convenience or call us directly for personalized service. Your favorite comfort food is just a few clicks or a phone call away!"
          buttons={[
            { text: "Order Online", href: "#menu" },
            { text: "Call Now: 078 460 0793", href: "tel:0784600793" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "gradient-bars" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Pillipops Bistro"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Contact: 078 460 0793", href: "tel:0784600793" }}
        />
      </div>
    </ThemeProvider>
  );
}
