"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="blurBottom"
      cardStyle="solid"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Café Kanel"
          navItems={[
            { name: "Hem", id: "hero" },
            { name: "Om Oss", id: "about" },
            { name: "Meny", id: "menu" },
            { name: "Atmosfär", id: "atmosphere" },
            { name: "Recensioner", id: "testimonials" }
          ]}
          button={{ text: "Kontakt", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Café Kanel"
          description="Välkommen till Café Kanel – ditt mysiga fik i hjärtat av Skellefteå. Vi serverar högklassigt fairtrade-kaffe och hemlagade bakverk i en varm, välkomnande miljö där varje besökare känner sig som hemma."
          background={{ variant: "plain" }}
          buttons={[
            { text: "Besök oss idag", href: "#contact" },
            { text: "Se vår meny", href: "#menu" }
          ]}
          buttonAnimation="slide-up"
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg"
          imageAlt="Café Kanel cozy interior with warm lighting"
          mediaAnimation="opacity"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Om Café Kanel"
          description={[
            "Café Kanel föddes 2023 ur en passion för att skapa en autentisk lokal mötesplats i Skellefteå. Vi är ett litet team på tre personer som brinner för kvalité, gästvänlighet och att bygga äkta relationer med våra stamkunder.",            "Vi tror på enkelheten, det handlar inte om att vara trendig utan om att erbjuda något genuint. Varje kopp kaffe bryggs med omsorg, varje bakverk görs från hjärtat hemma i vår kök, och varje möte med en gäst är personligt.",            "Café Kanel är ditt andra hem, en plats att slappna av, träffa vänner, eller bara ta en paus från dagen. Vi välkomnar alla med ett leende och en varm kopp kaffe."
          ]}
          useInvertedBackground={false}
          showBorder={false}
        />
      </div>

      <div id="menu" data-section="menu">
        <FeatureCardMedia
          title="Vår Meny"
          description="Vi serverar högkvalitativ kaffe, hemlagade bakverk och lätta lunchalternativ – allt gjort med omsorg och passion."
          tag="Äta & Dricka"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "coffee",              title: "Fairtrade Kaffe",              description: "Vi erbjuder urval av specialkaffebönor från etiska producenter. Espresso, cappuccino, americano, latte – bryggat perfekt varje gång.",              tag: "Drycker",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354577.jpg",              imageAlt: "Cup of specialty fairtrade coffee"
            },
            {
              id: "pastries",              title: "Hemlagade Bakverk",              description: "Varje dag baking vi färska kanelbullar, chokladkroissanter, surdegsbröd och säsongsbakverk. Allt utan konstiga tillsatser – bara goda ingredienser.",              tag: "Bakverk",              imageSrc: "http://img.b2bpic.net/free-photo/sweet-pastries-with-pinecones-cup-coffee-high-quality-photo_114579-37777.jpg",              imageAlt: "Fresh homemade pastries and cinnamon rolls"
            },
            {
              id: "lunch",              title: "Lätt Lunch",              description: "Hemgjord soppa, fräsch sallad, och hälsosamma smörgåsar. Perfekt för en skön och närande lunchpaus.",              tag: "Mat",              imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plate-with-breakfast_23-2148454807.jpg",              imageAlt: "Light lunch with salad and sandwich"
            }
          ]}
          animationType="opacity"
          carouselMode="buttons"
        />
      </div>

      <div id="atmosphere" data-section="atmosphere">
        <FeatureCardMedia
          title="Atmosfär & Upplevelse"
          description="Café Kanel är en plats där mysigheten finns i detaljer – varmt ljus, bekväma möbler, och personal som bryr sig."
          tag="Upplevelse"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "cozy-space",              title: "Varm & Inbjudande",              description: "Området är designat för att vara lugn och avslappnad. Mjuk belysning, trä- och textilfokus, och designad för att du ska vilja stanna kvar.",              tag: "Miljö",              imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-6425.jpg",              imageAlt: "Cozy café seating with warm interior design"
            },
            {
              id: "personal-service",              title: "Personlig Service",              description: "Vårt små team lär känna dina preferenser. Vi minns dina favoritbeställningar, frågar hur du mår, och behandlar varje gäst som familj.",              tag: "Service",              imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-communicating-online-with-followers-friends_7502-7216.jpg",              imageAlt: "Friendly café staff providing personal service"
            }
          ]}
          animationType="opacity"
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Vad Gästerna Säger"
          description="Vi är stolta över att skapa en plats där folk mår bra och vill komma tillbaka."
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "review-1",              name: "Anna Bergström",              date: "Maj 2024",              title: "Det absolut bästa kaffet i Skellefteå",              quote: "Jag kommer hit varje dag för kaffet och bakverk, men det är verkligen personalen som gör skillnad. De gör mig alltid glad!",              tag: "Kaffe & Bakverk",              avatarSrc: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg",              avatarAlt: "Anna Bergström"
            },
            {
              id: "review-2",              name: "Marcus Lindström",              date: "April 2024",              title: "Hemkänslan finns här",              quote: "Café Kanel är inte bara en kafé – det är ett andrum. Personalen bryr sig verkligen och det känns autentiskt.",              tag: "Atmosfär",              avatarSrc: "http://img.b2bpic.net/free-photo/side-view-couple-with-pina-colada_23-2150184004.jpg",              avatarAlt: "Marcus Lindström"
            },
            {
              id: "review-3",              name: "Sofia Norström",              date: "Mars 2024",              title: "Bästa hemlagade fika i Skellefteå",              quote: "De hemlagade bakverk är oslagbara! Och att de använder fairtrade kaffe visar att de verkligen bryr sig om kvalité.",              tag: "Mat & Dryck",              avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg",              avatarAlt: "Sofia Norström"
            },
            {
              id: "review-4",              name: "Erik Johansson",              date: "Juni 2024",              title: "En riktigt mysig plats",              quote: "Jag och mitt gäng träffas här varje fredag. Det finns något speciellt om Café Kanel som gör att man vill komma tillbaka.",              tag: "Gemenskap",              avatarSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-restaurant_23-2150039449.jpg",              avatarAlt: "Erik Johansson"
            },
            {
              id: "review-5",              name: "Karin Eklund",              date: "Juli 2024",              title: "Ett helt nytt favoritställe",              quote: "Jag var skeptisk på början, men Café Kanel har helt tagit mitt hjärta. Det känns som en hemlig pärla i Skellefteå.",              tag: "Gästvänlighet",              avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-corporate-employees-enjoying-coffee_23-2148347251.jpg",              avatarAlt: "Karin Eklund"
            },
            {
              id: "review-6",              name: "David Svensson",              date: "Augusti 2024",              title: "Tillbaka ofta!",              quote: "Miljön är perfekt för att arbeta eller bara slappna av. Och den varma välkomstnaden gör att man alltid vill komma tillbaka.",              tag: "Miljö",              avatarSrc: "http://img.b2bpic.net/free-photo/group-friends-having-coffee_23-2148395337.jpg",              avatarAlt: "David Svensson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Hitta Oss"
          title="Besök Café Kanel"
          description="Vi är glada att träffa dig! Här är all information du behöver för att hitta oss i centrala Skellefteå."
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          mediaAnimation="opacity"
          mediaPosition="right"
          inputPlaceholder="Ange din e-post"
          buttonText="Anmäl intresse"
          termsText="Genom att klicka Anmäl intresse godkänner du att vi kan kontakta dig med nyheter och erbjudanden från Café Kanel."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Café Kanel"
          leftLink={{ text: "Adress: Nygatan 43, Skellefteå", href: "#" }}
          rightLink={{ text: "Tel: 070-688 55 08", href: "tel:+46706885508" }}
        />
      </div>
    </ThemeProvider>
  );
}