"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Soup, ShoppingBag, Euro, Clock, ChefHat, MessageCircle, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="large"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Chez APPO"
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v9aktr"
          logoAlt="Chez APPO logo gold elegant"
          navItems={[
            { name: "Accueil", id: "#hero" },
            { name: "Notre Histoire", id: "#notre-histoire" },
            { name: "Menu", id: "#menu" },
            { name: "Avis", id: "#avis-clients" },
            { name: "Contact", id: "#infos-pratiques" }
          ]}
          button={{ text: "Réserver", href: "#infos-pratiques" }}
        />
      </div>
      <div id="hero" data-section="hero" className="bg-[#1A3C2A]">
        <HeroBillboardScroll
          title="Chez APPO"
          description="Restaurant franco-africain\nLa chaleur de l'Afrique, le raffinement de la France."
          background={{ variant: "plain" }}
          buttons={[
            { text: "Réserver", href: "#infos-pratiques" },
            { text: "Voir le menu", href: "#menu" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/vintage-woodblock-print-japanese-textile-from-shima-shima-1904-by-furuya-korin-digitally-enhan_53876-74628.jpg"
          imageAlt="african wax pattern dark green"
        />
      </div>
      <div id="info-banner" data-section="info-banner" className="bg-[#C4522A]">
        <MetricCardThree
          title="Nos services et informations clés"
          description=""
          metrics={[
            { id: "sur-place", icon: Soup, title: "Sur place", value: "Repas convivial" },
            { id: "a-emporter", icon: ShoppingBag, title: "À emporter", value: "Cuisine chez vous" },
            { id: "prix", icon: Euro, title: "Prix", value: "10-20 € / pers." },
            { id: "horaires", icon: Clock, title: "Ouvert jusqu'à", value: "21h00" },
            { id: "badge-ouvert", icon: ChefHat, title: "Statut", value: "Ouvert maintenant" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="notre-histoire" data-section="notre-histoire">
        <TextAbout
          title="Notre Histoire, Notre Passion"
          body="Au cœur d'Évry-Courcouronnes, Chez APPO est bien plus qu'un restaurant : c'est une invitation au voyage culinaire. Nous marions avec amour l'authenticité des saveurs africaines au raffinement de la gastronomie française. Chaque plat est une célébration des traditions, préparé avec des ingrédients frais et de saison.\n\nNotre carte évolue au fil des découvertes, offrant des classiques intemporels comme le Thiéboudienne et des créations audacieuses qui surprennent les palais. Chez APPO, chaque repas est une expérience unique, un moment de partage et de convivialité dans une ambiance chaleureuse et élégante.\n\nNous sommes fiers de vous accueillir dans un cadre pensé pour votre confort, où l'accueil est aussi important que le plat. Laissez-vous tenter par une cuisine généreuse et raffinée, et découvrez pourquoi nos clients nous attribuent une note de 4,5 étoiles."
          useInvertedBackground={false}
        />
      </div>
      <div id="chiffres-cles" data-section="chiffres-cles">
        <MetricCardThree
          title="Nos Chiffres Parlent d'Eux-mêmes"
          description="La confiance et la satisfaction de nos clients sont notre plus belle récompense."
          metrics={[
            { id: "avis-total", icon: MessageCircle, title: "Avis clients", value: "148" },
            { id: "note-google", icon: Star, title: "Note Google", value: "4,5/5" },
            { id: "prix-moyen", icon: Euro, title: "À partir de", value: "10€" },
            { id: "fait-maison", icon: ChefHat, title: "Qualité", value: "100% Fait Maison" }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="menu" data-section="menu" className="bg-[#1A3C2A]">
        <ProductCardOne
          title="Notre Menu Gourmand"
          description="Découvrez nos spécialités franco-africaines, une fusion de saveurs authentiques et raffinées."
          products={[
            { id: "thieboudienne", name: "Thiéboudienne Poisson", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pastry-with-meat-delicious-dough-meal-inside-plate-sliced-with-lemon-light-white-surface_140725-43777.jpg", imageAlt: "thieboudienne poisson senegalese dish", isFavorited: true },
            { id: "foutou", name: "Foutou Sauce aux Graines", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-meat-soup-with-potatoes-greens-dark-floor-meat-dish-sauce-meal_140725-79120.jpg", imageAlt: "foutou sauce aux graines ivory dish" },
            { id: "mafe", name: "Mafé Bœuf", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156163.jpg", imageAlt: "mafe boeuf peanut butter stew" },
            { id: "saumon", name: "Pavé Saumon Riz Blanc", price: "16€", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-assortment-sushi-goodies_23-2148930380.jpg", imageAlt: "pave saumon riz blanc french" },
            { id: "alloco", name: "Alloco Braisés", price: "4€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-african-street-food_23-2149004395.jpg", imageAlt: "alloco braises fried plantains appetizer" },
            { id: "cocktail", name: "Cocktail Maison", price: "5€", imageSrc: "http://img.b2bpic.net/free-photo/mai-tai-drink-beach-bar-close-up-alcoholic-drink_1258-206.jpg", imageAlt: "cocktail maison sans alcool exotique" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="avis-clients" data-section="avis-clients" className="bg-[#F0EBE5]">
        <TestimonialCardOne
          title="Ce que Nos Clients Disent de Nous"
          description="Des témoignages authentiques qui reflètent notre engagement envers la qualité et l'accueil."
          testimonials={[
            { id: "1", name: "Solal Dufételle", role: "Local Guide", company: "Google Avis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/excited-smiling-blond-girl-happily-keeping-thumbs-up-near-with-copy-space-text-promotional-content-isolated-yellow-background-like-expression_574295-2945.jpg", imageAlt: "happy customer woman smiling restaurant" },
            { id: "2", name: "Amenan Dominique Patricia Kouakou", role: "Client", company: "Google Avis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-showing-thumbs-up-standing-blue-wall_141793-55879.jpg", imageAlt: "man enjoying food restaurant" },
            { id: "3", name: "Farida Amrani", role: "Local Guide", company: "Google Avis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-with-optical-sunglasses-posing-grey-white-wall-work-job-office-business-woman-lady_140725-65015.jpg", imageAlt: "woman smiling friendly atmosphere" },
            { id: "4", name: "Pierre Dubois", role: "Client régulier", company: "Google Avis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-holding-beer-mug_23-2148872458.jpg", imageAlt: "man with happy expression restaurant" },
            { id: "5", name: "Fatima Zahra", role: "Food blogger", company: "Google Avis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg", imageAlt: "diverse woman portrait restaurant" },
            { id: "6", name: "Marc Olivier", role: "Gourmand", company: "Google Avis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-caucasian-woman-trench-coat-showing-okay-gesture-smiling-satisfied-recommending-compa_1258-172975.jpg", imageAlt: "young man smiling restaurant interior" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={true}
          cardClassName="border-l-4 border-[#C4522A]"
        />
      </div>
      <div id="infos-pratiques" data-section="infos-pratiques">
        <ContactSplitForm
          title="Informations Pratiques & Réservation"
          description="Retrouvez-nous au 3 Place du Rouillon, 91000 Évry-Courcouronnes. Pour toute réservation ou question, contactez-nous au 01 60 77 65 65.\n\n**Nos horaires d'ouverture :**\nLundi : 12h-14h30, 19h-21h\nMardi : 12h-14h30, 19h-21h\nMercredi : **Fermé**\nJeudi : 12h-14h30, 19h-21h\nVendredi : 12h-14h30, 19h-21h\nSamedi : 12h-14h30, 19h-21h\nDimanche : 12h-14h30, 19h-21h"
          inputs={[
            { name: "name", type: "text", placeholder: "Votre nom", required: true },
            { name: "email", type: "email", placeholder: "Votre email", required: true }
          ]}
          textarea={{ name: "message", placeholder: "Votre message ou demande de réservation", rows: 4 }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg"
          imageAlt="cozy restaurant interior french african"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Envoyer"
        />
      </div>
      <div id="footer" data-section="footer" className="bg-[#0E2419]">
        <FooterMedia
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v9aktr"
          logoAlt="Chez APPO logo gold elegant"
          logoText="Chez APPO"
          imageSrc="http://img.b2bpic.net/free-photo/man-dancing-with-woman-restaurant_23-2148016782.jpg"
          imageAlt="dark green subtle restaurant background"
          columns={[
            { title: "Navigation", items: [{ label: "Accueil", href: "#hero" }, { label: "Notre Histoire", href: "#notre-histoire" }, { label: "Menu", href: "#menu" }, { label: "Avis", href: "#avis-clients" }] },
            { title: "Contact", items: [{ label: "3 Place du Rouillon", href: "https://maps.app.goo.gl/YourGoogleMapsLink" }, { label: "01 60 77 65 65", href: "tel:+33160776565" }, { label: "Réserver", href: "#infos-pratiques" }] },
            { title: "Légal", items: [{ label: "Mentions Légales", href: "#" }, { label: "Politique de Confidentialité", href: "#" }] }
          ]}
          copyrightText="© 2024 Chez APPO. Tous droits réservés."
        />
      </div>
    </ThemeProvider>
  );
}
