3c0fb4a9-45e4-4d4b-ab50-da77591ddca5/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
            <NavbarStyleFullscreen
              navItems={[
                { name: "Om os", id: "om" },
                { name: "Menu", id: "menu" },
                { name: "Kontakt", id: "kontakt" },
              ]}
              brandName="Pottes Smørrebrød"
            />
        </div>

        <div id="hero" data-section="hero">
            <HeroBillboardRotatedCarousel
              background={{ variant: "rotated-rays-static" }}
              title="Pottes Smørrebrød"
              description="Frisklavet smørrebrød med kærlighed"
              carouselItems={[
                { id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/snack-board-with-egg-tomatoes-pastries_114579-12264.jpg" },
                { id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/avocado-open-toast-with-avocado-slices-lemon-flax-seeds-sesame-seeds-black-bread-slices-top-view_2831-794.jpg" },
                { id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/bread-turkish-doner-with-meat-vegetables_114579-3401.jpg" },
                { id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7507.jpg" },
                { id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/snack-board-with-egg-tomatoes-pastries_114579-12264.jpg" },
                { id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/avocado-open-toast-with-avocado-slices-lemon-flax-seeds-sesame-seeds-black-bread-slices-top-view_2831-794.jpg" },
              ]}
            />
        </div>

        <div id="om" data-section="om">
            <MediaAbout
              useInvertedBackground={false}
              title="Om Pottes Smørrebrød"
              description="Hos Pottes Smørrebrød får du klassisk dansk smørrebrød lavet fra bunden med friske råvarer. Vi er kendt for vores gode humør, personlige service og lækre mad."
              imageSrc="http://img.b2bpic.net/free-photo/kneading_23-2148024738.jpg"
            />
        </div>

        <div id="menu" data-section="menu">
            <ProductCardFour
              animationType="slide-up"
              textboxLayout="default"
              gridVariant="three-columns-all-equal-width"
              useInvertedBackground={false}
              products={[
                { id: "p1", name: "Roastbeef med det hele", price: "45 DKK", variant: "Klassiker", imageSrc: "http://img.b2bpic.net/free-photo/avocado-open-toast-with-avocado-slices-lemon-flax-seeds-sesame-seeds-black-bread-slices-top-view_2831-794.jpg" },
                { id: "p2", name: "Fiskefilet med remoulade", price: "48 DKK", variant: "Frisk fangst", imageSrc: "http://img.b2bpic.net/free-photo/bread-turkish-doner-with-meat-vegetables_114579-3401.jpg" },
                { id: "p3", name: "Flæskesteg med rødkål", price: "50 DKK", variant: "Hjemmelavet", imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7507.jpg" },
              ]}
              title="Vores Menu"
              description="Alt laves frisk hver dag med de bedste råvarer."
            />
        </div>

        <div id="service" data-section="service">
            <FeatureCardTen
              animationType="slide-up"
              textboxLayout="default"
              useInvertedBackground={false}
              features={[
                { id: "f1", title: "Afhentning", description: "Hent maden hos os.", media: { imageSrc: "http://img.b2bpic.net/free-photo/snack-board-with-egg-tomatoes-pastries_114579-12264.jpg", imageAlt: "danish open sandwich" }, items: [], reverse: false },
                { id: "f2", title: "Levering", description: "Vi leverer direkte til dig.", media: { imageSrc: "http://img.b2bpic.net/free-photo/kneading_23-2148024738.jpg", imageAlt: "kitchen" }, items: [], reverse: true },
                { id: "f3", title: "Takeaway", description: "Tag smørrebrødet med på farten.", media: { imageSrc: "http://img.b2bpic.net/free-photo/avocado-open-toast-with-avocado-slices-lemon-flax-seeds-sesame-seeds-black-bread-slices-top-view_2831-794.jpg", imageAlt: "roastbeef" }, items: [], reverse: false },
              ]}
              title="Service"
              description="Vi gør det nemt at få god mad."
            />
        </div>

        <div id="testimonials" data-section="testimonials">
            <TestimonialCardFive
              textboxLayout="default"
              useInvertedBackground={false}
              testimonials={[
                { id: "t1", name: "Sarah Jensen", date: "12.02.2025", title: "Fantastisk", quote: "Altid sød og smilende – og det bedste smørrebrød i byen!", tag: "Lokal", avatarSrc: "http://img.b2bpic.net/free-photo/happy-man-drinking-coffee-having-fun-with-his-girlfriend-while-she-is-using-cell-phone-cafe_637285-1898.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-drinking-coffee-having-fun-with-his-girlfriend-while-she-is-using-cell-phone-cafe_637285-1898.jpg" },
                { id: "t2", name: "Morten Nielsen", date: "10.01.2025", title: "Lækkert", quote: "Fantastisk smag og friske råvarer", tag: "Stamgæst", avatarSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-making-healthy-meal-tasting-food-kitchen_637285-5838.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-making-healthy-meal-tasting-food-kitchen_637285-5838.jpg" },
                { id: "t3", name: "Karen Hansen", date: "05.01.2025", title: "God service", quote: "Bedste oplevelse i Solrød.", tag: "Anmelder", avatarSrc: "http://img.b2bpic.net/free-photo/cute-girl-gray-sweater-takes-selfie-cafe-shows-ok-woman-with-red-lipstick-ordered-coffee-croissant_197531-13453.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-gray-sweater-takes-selfie-cafe-shows-ok-woman-with-red-lipstick-ordered-coffee-croissant_197531-13453.jpg" },
                { id: "t4", name: "Peter Holm", date: "20.12.2024", title: "Top", quote: "Jeg kommer altid tilbage efter mere.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/people-cooking-tasting-concept-family-couple-has-lunch-cozy-kitchen-dark-skinned-bearded-man-eats-delicious-sweet-croissant_273609-8903.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-tasting-concept-family-couple-has-lunch-cozy-kitchen-dark-skinned-bearded-man-eats-delicious-sweet-croissant_273609-8903.jpg" },
                { id: "t5", name: "Lene Mikkelsen", date: "15.01.2025", title: "Fantastisk frokost", quote: "Min favoritplads i hele Solrød. Altid frisk!", tag: "Stamgæst", avatarSrc: "http://img.b2bpic.net/free-photo/happy-man-drinking-coffee-having-fun-with-his-girlfriend-while-she-is-using-cell-phone-cafe_637285-1898.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-drinking-coffee-having-fun-with-his-girlfriend-while-she-is-using-cell-phone-cafe_637285-1898.jpg" },
              ]}
              title="Anmeldelser ⭐"
              description="Hvad vores gæster siger om os."
            />
        </div>

        <div id="kontakt" data-section="kontakt">
            <ContactSplit
              useInvertedBackground={false}
              background={{ variant: "plain" }}
              tag="Besøg os"
              title="Kontakt os"
              description="Solrød Strandvej 118, 2680 Solrød Strand | 26 28 26 28 | Åben til kl. 14:00"
              imageSrc="http://img.b2bpic.net/free-photo/kneading_23-2148024738.jpg"
              mediaAnimation="slide-up"
            />
        </div>

        <div id="footer" data-section="footer">
            <FooterBase
              columns={[
                { title: "Om Pottes", items: [{ label: "Om os", href: "#om" }, { label: "Kontakt", href: "#kontakt" }] },
                { title: "Menu", items: [{ label: "Menuoversigt", href: "#menu" }] },
              ]}
              copyrightText="© 2026 Pottes Smørrebrød"
            />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}