"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Flame, Pizza, Clock, Heart, Star, Facebook, Instagram, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Alanya Vedano"
          navItems={[
            { name: "Menu", id: "products" },
            { name: "Why Us", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Online", href: "#products" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="The Best Kebab & Pizza Near Monza Park"
          description="Authentic Turkish street food and wood-fired pizza made fresh every day in Vedano al Lambro. Open late for your cravings."
          background={{ variant: "plain" }}
          tag="⭐ 4.5 Rating — 470+ Reviews"
          tagAnimation="blur-reveal"
          buttons={[
            { text: "Order Online", href: "#products" },
            { text: "View Menu", href: "#products" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/front-view-man-holds-tray-with-grilled-chicken-thighs-pita-with-onions-herbs_141793-4671.jpg"
          imageAlt="Rotating kebab on grill"
          mediaAnimation="blur-reveal"
          ariaLabel="Alanya Vedano hero section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            { id: "1", name: "Marco Rossi", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg", imageAlt: "Marco Rossi" },
            { id: "2", name: "Sofia Bianchi", imageSrc: "http://img.b2bpic.net/free-photo/closeup-stylish-feminine-curlyhaired-africanamerican-woman-blue-fashionable-blouse-stretch-hand-hold-smartphone-taking-selfie-laughing-smiling-white-background_176420-55433.jpg", imageAlt: "Sofia Bianchi" },
            { id: "3", name: "Giuseppe Ferrara", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-young-man-sitting-armchair-against-grey-wall_23-2148130370.jpg", imageAlt: "Giuseppe Ferrara" },
            { id: "4", name: "Lucia Colombo", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14649.jpg", imageAlt: "Lucia Colombo" }
          ]}
          cardTitle="Loved by Locals & Travelers"
          cardTag="470+ Happy Customers"
          cardTagIcon={Star}
          cardAnimation="blur-reveal"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Why Customers Love Alanya Vedano"
          description="From our fresh ingredients to our friendly staff, every detail is crafted for your satisfaction."
          features={[
            {
              id: "fresh",              label: "Fresh Ingredients",              title: "Prepared Daily",              items: ["Fresh cucumber and red cabbage", "Crisp peppers and herbs", "Homemade signature sauces", "Premium quality ingredients"]
            },
            {
              id: "portions",              label: "Generous Portions",              title: "Never Leave Hungry",              items: ["Oversized kebab sandwiches", "Extra toppings included", "Abundant servings", "Great value for money"]
            },
            {
              id: "service",              label: "Friendly Staff",              title: "Warm Welcome",              items: ["Kind and welcoming team", "Quick service", "Personalized recommendations", "Family-oriented atmosphere"]
            },
            {
              id: "hours",              label: "Open Late",              title: "Your Late-Night Spot",              items: ["Perfect after evening activities", "Ideal for night cravings", "Great for groups", "Near Monza Park location"]
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Why choose Alanya Vedano"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Menu Specialties"
          description="Authentic Turkish kebap, wood-fired pizza, and fresh sides that keep customers coming back."
          products={[
            { id: "kebab-sandwich", name: "Kebab Sandwich", price: "€8.50", imageSrc: "http://img.b2bpic.net/free-photo/arabic-kebab-sandwich-wrapped-aluminium-foil_23-2148651085.jpg", imageAlt: "Turkish kebab sandwich" },
            { id: "kebab-wrap", name: "Kebab Wrap", price: "€7.50", imageSrc: "http://img.b2bpic.net/free-photo/lamb-stew-pot-with-lamb-vegetables-covered-with-flatbread_140725-5856.jpg", imageAlt: "Kebab wrap with fresh vegetables" },
            { id: "kebab-pizza", name: "Kebab Pizza", price: "€10.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-meat-lahmajun-with-parsley-slice-lemon_141793-4639.jpg", imageAlt: "Wood-fired kebab pizza" },
            { id: "margherita", name: "Margherita Pizza", price: "€9.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pizza-wooden-table_23-2148305639.jpg", imageAlt: "Classic margherita pizza" },
            { id: "fries", name: "Crispy Fries", price: "€3.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-french-fries-plate_23-2148262916.jpg", imageAlt: "Golden crispy fries" }
          ]}
          gridVariant="bento-grid"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View Full Menu", href: "#" }]}
          buttonAnimation="slide-up"
          ariaLabel="Menu specialties and products"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Our Story"
          metrics={[
            { icon: Flame, label: "Authentic Turkish", value: "Est. Fresh Daily" },
            { icon: Pizza, label: "Wood-Fired Pizza", value: "Traditional Stone Oven" },
            { icon: Clock, label: "Open Late", value: "Your Late-Night Favorite" },
            { icon: Heart, label: "Customer Love", value: "470+ Reviews" }
          ]}
          metricsAnimation="blur-reveal"
          useInvertedBackground={true}
          ariaLabel="About Alanya Vedano metrics"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Common Questions"
          description="Everything you need to know about Alanya Vedano."
          faqs={[
            { id: "1", title: "Do you offer delivery?", content: "Yes! We offer both pickup and delivery through our main platforms. Call us at your preferred number or use our online ordering system for quick service." },
            { id: "2", title: "Are your ingredients fresh?", content: "Absolutely. We prepare fresh ingredients daily. Our vegetables come from trusted local suppliers, and our meats are premium quality. Every item is prepared fresh when you order." },
            { id: "3", title: "How late are you open?", content: "We're open late to catch your cravings near Monza Park. Perfect for after-work dinners, evening activities, and night-time hunger. Check our specific hours online." },
            { id: "4", title: "Can I customize my order?", content: "Of course! We love customizing orders. Tell us what you want—extra vegetables, different sauces, or modified toppings. Our friendly staff will make it exactly how you like it." },
            { id: "5", title: "Do you cater to groups?", content: "Yes! Great for groups and gatherings. We can prepare large orders and provide quick service. Call ahead for group orders or walk in—we're ready to serve everyone." },
            { id: "6", title: "What payment methods do you accept?", content: "We accept cash, card, and digital payments. Online orders are processed securely through our platform. Choose whatever works best for you." }
          ]}
          faqsAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
          ariaLabel="Frequently asked questions"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Order?"
          title="Get Your Kebab & Pizza Now"
          description="Order online for quick delivery or pickup. Call us for group orders or special requests. We're here to satisfy your cravings."
          buttons={[
            { text: "Order Online", href: "#" },
            { text: "Call Now", href: "tel:+39123456789" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          ariaLabel="Order or contact Alanya Vedano"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Alanya Vedano"
          copyrightText="© 2025 Alanya Vedano | Turkish Pizzeria Kebap Grill. All rights reserved."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Phone, href: "tel:+39123456789", ariaLabel: "Call us" }
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
