"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Utensils, Book, Pizza, Wine, UtensilsCrossed, Sparkles, Users, Truck, Menu, MapPin, Image, Flame, Facebook, Instagram, Phone, Heart } from 'lucide-react';

export default function UmbrellaLandingPage() {
  const handleFooterSocialClick = (href: string) => {
    if (href.startsWith('tel:')) {
      window.location.href = href;
    } else if (href.startsWith('http')) {
      window.open(href, '_blank');
    }
  };

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Umbrella"
          navItems={[
            { name: "Početna", id: "hero" },
            { name: "O nama", id: "about" },
            { name: "Meni", id: "features" },
            { name: "Galerija", id: "blog" },
            { name: "Kontakt", id: "contact" }
          ]}
          button={{ text: "Pozovite nas", href: "tel:066022000" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Dobrodošli u Umbrella - Restorana & Pizza Bar"
          description="Najbolje mesto za opuštanje, odličnu hranu i nezaboravne trenutke u srcu Novog Beograda. Uživajte u našoj gourmet pizza ponudi i ekskluzivnom izboru vina."
          tag="Restoran Umbrella"
          tagIcon={Utensils}
          tagAnimation="blur-reveal"
          buttons={[
            { text: "Pogledaj meni", href: "#features" },
            { text: "Rezerviši sto", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/view-table-etiquette-dressing_23-2148914876.jpg"
          imageAlt="Umbrella restaurant ambiance"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          fixedMediaHeight={true}
          useInvertedBackground={false}
          background={{ variant: "radial-gradient" }}
          testimonials={[
            {
              name: "Marko",              handle: "@food_lover",              testimonial: "Najbolja pizza u gradu! Ambijent je fenomenalan.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-hipster-woman-smiling-happy-cheerful-mood-showing-okay-sign-positive-gesture-isolated-white-background-checkered-shirt_285396-2834.jpg",              imageAlt: "Marko"
            },
            {
              name: "Jelena",              handle: "@wine_enthusiast",              testimonial: "Njihova vinska karta je neverovatna. Preporuka!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-portrait-magnificent-young-sensual-model-with-long-brown-hairs-shy-cute-smile-natural-pure-beauty-soft-make-up_291049-1737.jpg",              imageAlt: "Jelena"
            },
            {
              name: "Milan",              handle: "@dining_expert",              testimonial: "Premium iskustvo od početka do kraja.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",              imageAlt: "Milan"
            },
            {
              name: "Anja",              handle: "@nbc_reviews",              testimonial: "Ambijent, hrana i usluga - sve je savršeno!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101466.jpg",              imageAlt: "Anja"
            }
          ]}
          testimonialRotationInterval={6000}
          avatars={[
            { src: "http://img.b2bpic.net/free-vector/users-set-four_78370-9284.jpg", alt: "Avatar 1" },
            { src: "http://img.b2bpic.net/free-vector/hand-drawn-people-avatar-collection_23-2148248221.jpg", alt: "Avatar 2" },
            { src: "http://img.b2bpic.net/free-vector/flat-avatar-collection-with-modern-style_23-2147672521.jpg", alt: "Avatar 3" },
            { src: "http://img.b2bpic.net/free-vector/coloured-avatars-collection_1335-35.jpg", alt: "Avatar 4" }
          ]}
          avatarText="Hiljadama gostiju se svidja!"
          marqueeItems={[
            { type: "text-icon", text: "Domaća hrana", icon: Flame },
            { type: "text-icon", text: "Pica", icon: Pizza },
            { type: "text-icon", text: "Vina", icon: Wine },
            { type: "text-icon", text: "Ambijent", icon: Sparkles }
          ]}
          marqueeSpeed={35}
          showMarqueeCard={true}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Naša priča"
          tagIcon={Book}
          tagAnimation="slide-up"
          title="Umbrella - Oaza u gradu"
          description="Umbrella restorana & pizza bar je destinacija za one koji traže pravi ukus, kvalitet i toplu gostoprimljivost. Lociran u srcu Novog Beograda, kreirani smo da budemo vašu idealno mesto za opuštanje."
          subdescription="Naša preporuka je da odete sa prijateljima i porodicom, uživajte u našoj ponudi od domaće hrane do gourmet pica, sve upareno sa našim pažljivo odabranim vinama."
          icon={Heart}
          imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-with-wooden-chairs-placed-hall-decorated-classical-style_140725-8460.jpg"
          imageAlt="Umbrella restaurant interior"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBorderGlow
          title="Naša specijalna ponuda"
          description="Sve što trebate za nezaboravan gastronomski doživljaj - od autentičnih pica do premium vina."
          tag="Meni"
          tagIcon={Menu}
          tagAnimation="blur-reveal"
          buttons={[{ text: "Puna meni lista", href: "#contact" }]}
          buttonAnimation="blur-reveal"
          features={[
            {
              icon: Pizza,
              title: "Gourmet Pica",              description: "Naše pice se prave sa najboljih ingredijentima i traditionalnom recepturom. Svaka pica je umetnost."
            },
            {
              icon: Wine,
              title: "Premium Vina",              description: "Pažljivo odabrana vina iz cijelog sveta, kurirana da se savršeno upare sa našom hranom."
            },
            {
              icon: UtensilsCrossed,
              title: "Domaća Hrana",              description: "Autentične domaće jele pripremane sa ljubavlju i kvalitetnim namirnicama svaki dan."
            },
            {
              icon: Sparkles,
              title: "Premium Ambijent",              description: "Elegantna atmosfera sa pažnjom usmeren na svaki detalj - idealno za sve vrste okupljanja."
            },
            {
              icon: Users,
              title: "Prijatna Ekipa",              description: "Naš tim je posvećen vašem zadovoljstvu i spreman da učini vašu večer posebnom."
            },
            {
              icon: Truck,
              title: "Dostava",              description: "Dostava dostupna putem Glovo. Uživajte u Umbrelli kući koliko god želite!"
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofOne
          title="Gde nas možete naći"
          description="Partneri dostave i saradnici koji prenose Povć i kvalitet Umbrelle do vaših vrata."
          names={["Glovo", "TripAdvisor", "Google Maps", "Instagram", "Facebook", "Deliveroo", "UberEats"]}
          logos={[
            "http://img.b2bpic.net/free-vector/gradient-colored-go-logo-template_23-2148980097.jpg",            "http://img.b2bpic.net/free-vector/flat-labels-collection-travel-agency_23-2149584605.jpg",            "http://img.b2bpic.net/free-vector/social-media-logo-collectio_23-2148144717.jpg",            "http://img.b2bpic.net/free-vector/instagram-logo_1199-122.jpg",            "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148092203.jpg",            "http://img.b2bpic.net/free-vector/delivery-logo-template_23-2147880262.jpg",            "http://img.b2bpic.net/free-vector/fast-food-app-banner-template_23-2149046600.jpg"
          ]}
          tag="Dostupni na"
          tagIcon={MapPin}
          tagAnimation="opacity"
          textboxLayout="default"
          useInvertedBackground={true}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardThree
          title="Naša Galerija"
          description="Vizuelni pregled naših autentičnih jela, ambijenta i nezaboravnih momenata sa gostima."
          tag="Galerija"
          tagIcon={Image}
          tagAnimation="blur-reveal"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          blogs={[
            {
              id: "blog-1",              category: "Pica",              title: "Margherita - Klasična savršenost",              excerpt: "Naša firnamentalna pica sa svežim pomidorima, mocarelom i bazilikom. Jednostavnost u savršenstvu.",              imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza-with-zucchini-tomato-peppers-mushrooms_123827-22105.jpg",              imageAlt: "Margherita pizza",              authorName: "Chef Marco",              authorAvatar: "http://img.b2bpic.net/free-photo/satisfied-professional-male-chef-cook-white-uniform-cook-hat-standing-with-arms-crossed-looking-confident-green-background_141793-20656.jpg",              date: "Maj 2024"
            },
            {
              id: "blog-2",              category: "Vino",              title: "Vinska parenja - Savršen izbor",              excerpt: "Otkrijte kako naša kurirana vina pojačavaju svaki zalogaj naših specijaliteta.",              imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891062.jpg",              imageAlt: "Wine selection",              authorName: "Sommelier Ana",              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-stylish-black-american-male-dressed-grey-suit-holds-craft-beer-bottle_613910-9627.jpg",              date: "April 2024"
            },
            {
              id: "blog-3",              category: "Ambijent",              title: "Ambijent koji inspira - Vaš odmor počinje ovde",              excerpt: "Elegantna atmosfera Umbrelle je dizajnirana da vam pruži potpuni gastronomski doživljaj.",              imageSrc: "http://img.b2bpic.net/free-photo/people-party-splitting-around-room_23-2147668933.jpg",              imageAlt: "Restaurant ambiance",              authorName: "Dizajner Nebojša",              authorAvatar: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-632052.jpg",              date: "Mart 2024"
            },
            {
              id: "blog-4",              category: "Hrana",              title: "Domaće recepte - Tradicija na tanjiru",              excerpt: "Kako naši šefovi čuvaju tradiciju kroz svaki obrok koji vam serviramo.",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-khash-with-pickled-cucumber-dogwood-cherry-plum-eggplant-vinegar-bread-rusk-table_141793-3651.jpg",              imageAlt: "Traditional Serbian food",              authorName: "Chef Dejan",              authorAvatar: "http://img.b2bpic.net/free-photo/side-view-adult-chef-kitchen_23-2148471887.jpg",              date: "Februar 2024"
            }
          ]}
          carouselMode="buttons"
          uniformGridCustomHeightClasses="min-h-[600px]"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Kontaktirajte nas"
          description="Imamo pitanja? Želite da rezervirate sto ili imate povratnu informaciju? Kontaktirajte nas i javićemo vam se u najkraćem roku."
          inputs={[
            { name: "name", type: "text", placeholder: "Vaše ime", required: true },
            { name: "email", type: "email", placeholder: "Vaša email adresa", required: true },
            { name: "phone", type: "tel", placeholder: "Broj telefona", required: true }
          ]}
          textarea={{ name: "message", placeholder: "Vaša poruka", rows: 5, required: true }}
          imageSrc="http://img.b2bpic.net/free-photo/restaurant-hall-with-round-square-tables-some-chairs-plants_140725-8030.jpg"
          imageAlt="Contact us at Umbrella"
          mediaAnimation="slide-up"
          mediaPosition="right"
          useInvertedBackground={true}
          buttonText="Pošalji"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Umbrella"
          copyrightText="© 2024 Umbrella restaurant & pizza bar | Sva prava zadržana"
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Phone, href: "tel:066022000", ariaLabel: "Call us" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}