Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-07 07:26:24 +00:00

View File

@@ -17,362 +17,142 @@ export default function LandingPage() {
defaultButtonVariant="text-shift"
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">
<NavbarStyleApple
navItems={[
{
name: "Hjem",
id: "hero",
},
{
name: "Om os",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Kontakt",
id: "contact",
},
]}
brandName="Onkel A"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Hjem", id: "hero" },
{ name: "Om os", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Kontakt", id: "contact" },
]}
brandName="Onkel A"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Velkommen til Onkel A"
description="Din lokale oase i Vejle, hvor traditionelt dansk smørrebrød møder moderne hygge. Oplev en autentisk smagsoplevelse lavet med kærlighed og friske, økologiske råvarer."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg?_wi=1",
imageAlt: "Cafe hygge",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-delicious-bruschettas-table_23-2148454840.jpg?_wi=1",
imageAlt: "Friske råvarer",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg?_wi=1",
imageAlt: "Smørrebrød",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg?_wi=2",
imageAlt: "Cafe stemning",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-delicious-bruschettas-table_23-2148454840.jpg?_wi=2",
imageAlt: "Økologi",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg?_wi=2",
imageAlt: "Mad",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg?_wi=3",
imageAlt: "Menu",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg?_wi=3",
imageAlt: "Interiør",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-delicious-bruschettas-table_23-2148454840.jpg?_wi=3",
imageAlt: "Råvarer",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg?_wi=4",
imageAlt: "Brunch",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg?_wi=4",
imageAlt: "Hygge",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-delicious-bruschettas-table_23-2148454840.jpg?_wi=4",
imageAlt: "Kvalitet",
},
]}
buttons={[
{
text: "Se menuen",
href: "#menu",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/enthusiastic-hipster-dark-skinned-woman-with-afro-hairstyle-checking-her-news-feed_273443-1382.jpg",
alt: "Kunde 1",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-business-man-drinking-coffee-office_1303-22715.jpg",
alt: "Kunde 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-sitting-cafe-drinking-coffee-working-computer_1303-30732.jpg",
alt: "Kunde 3",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-man-drinking-coffee_1098-21777.jpg",
alt: "Kunde 4",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-man-with-laptop_23-2148205605.jpg",
alt: "Kunde 5",
},
]}
avatarText="Over 500+ glade gæster har besøgt os"
marqueeItems={[
{
type: "text",
text: "Økologisk",
},
{
type: "text",
text: "Håndlavet",
},
{
type: "text",
text: "Hyggeligt",
},
{
type: "text",
text: "Traditionelt",
},
{
type: "text",
text: "Kvalitet",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Velkommen til Onkel A"
description="Din lokale oase i Vejle, hvor traditionelt dansk smørrebrød møder moderne hygge. Oplev en autentisk smagsoplevelse lavet med kærlighed og friske, økologiske råvarer."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg", imageAlt: "Cafe hygge" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-delicious-bruschettas-table_23-2148454840.jpg", imageAlt: "Friske råvarer" },
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg", imageAlt: "Smørrebrød" },
{ imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg", imageAlt: "Cafe stemning" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-delicious-bruschettas-table_23-2148454840.jpg", imageAlt: "Økologi" },
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg", imageAlt: "Mad" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg", imageAlt: "Menu" },
{ imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg", imageAlt: "Interiør" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-delicious-bruschettas-table_23-2148454840.jpg", imageAlt: "Råvarer" },
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg", imageAlt: "Brunch" },
{ imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg", imageAlt: "Hygge" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-delicious-bruschettas-table_23-2148454840.jpg", imageAlt: "Kvalitet" },
]}
buttons={[{ text: "Se menuen", href: "#menu" }]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Mere end bare en café"
description="Onkel A er skabt med en passion for det gode, ærlige håndværk. Vi værner om de stolte danske traditioner inden for smørrebrød, men giver dem et moderne, kreativt tvist. Alt på menuen er tilberedt fra bunden med fokus på sæsonens bedste råvarer."
bulletPoints={[
{
title: "Økologisk fokus",
description: "Vi prioriterer lokale, økologiske landbrug.",
},
{
title: "Håndværk",
description: "Alt vores brød er friskbagt hver eneste morgen.",
},
{
title: "Autentisk atmosfære",
description: "Hygge er vores vigtigste ingrediens.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-plate-with-delicious-bruschettas-table_23-2148454840.jpg?_wi=5"
imageAlt="Café stemning og mad"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Mere end bare en café"
description="Onkel A er skabt med en passion for det gode, ærlige håndværk. Vi værner om de stolte danske traditioner inden for smørrebrød, men giver dem et moderne, kreativt tvist. Alt på menuen er tilberedt fra bunden med fokus på sæsonens bedste råvarer."
bulletPoints={[
{ title: "Økologisk fokus", description: "Vi prioriterer lokale, økologiske landbrug." },
{ title: "Håndværk", description: "Alt vores brød er friskbagt hver eneste morgen." },
{ title: "Autentisk atmosfære", description: "Hygge er vores vigtigste ingrediens." },
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-plate-with-delicious-bruschettas-table_23-2148454840.jpg"
imageAlt="Café stemning og mad"
mediaAnimation="blur-reveal"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Klassisk Roastbeef",
price: "85 kr.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg?_wi=5",
},
{
id: "2",
name: "Æg & Rejer",
price: "95 kr.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg?_wi=6",
},
{
id: "3",
name: "Dagens Brunch",
price: "145 kr.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg?_wi=7",
},
{
id: "4",
name: "Fiskefilet m. remoulade",
price: "105 kr.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg?_wi=8",
},
{
id: "5",
name: "Avocadomad",
price: "75 kr.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg?_wi=9",
},
{
id: "6",
name: "Hjemmebagt kanelsnegl",
price: "45 kr.",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg?_wi=10",
},
]}
title="Udvalgte klassikere"
description="Et lille kig på hvad vi byder på hos Onkel A."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "1", name: "Klassisk Roastbeef", price: "85 kr.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg" },
{ id: "2", name: "Æg & Rejer", price: "95 kr.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg" },
{ id: "3", name: "Dagens Brunch", price: "145 kr.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg" },
{ id: "4", name: "Fiskefilet m. remoulade", price: "105 kr.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg" },
{ id: "5", name: "Avocadomad", price: "75 kr.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg" },
{ id: "6", name: "Hjemmebagt kanelsnegl", price: "45 kr.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg" },
]}
title="Udvalgte klassikere"
description="Et lille kig på hvad vi byder på hos Onkel A."
/>
</div>
<div id="hours" data-section="hours">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Mandag - Fredag",
descriptions: [
"08:00 - 17:00",
],
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg?_wi=5",
imageAlt: "cozy danish cafe interior warm lighting",
},
{
id: "2",
title: "Lørdag",
descriptions: [
"09:00 - 18:00",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-delicious-bruschettas-table_23-2148454840.jpg?_wi=6",
imageAlt: "fresh organic ingredients rustic wooden table",
},
{
id: "3",
title: "Søndag",
descriptions: [
"10:00 - 16:00",
],
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg?_wi=11",
imageAlt: "traditional smørrebrød selection modern presentation",
},
]}
title="Åbningstider"
description="Vi har åbent for hygge og god mad alle ugens dage."
/>
</div>
<div id="hours" data-section="hours">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
title="Åbningstider"
description="Vi har åbent for hygge og god mad alle ugens dage."
features={[
{ id: "1", title: "Mandag - Fredag", descriptions: ["08:00 - 17:00"], imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-smiles-because-sun-strokes-her-cheeks_8353-9131.jpg" },
{ id: "2", title: "Lørdag", descriptions: ["09:00 - 18:00"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plate-with-delicious-bruschettas-table_23-2148454840.jpg" },
{ id: "3", title: "Søndag", descriptions: ["10:00 - 16:00"], imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-bread-table_23-2148361967.jpg" },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Mette Nielsen",
handle: "@mette",
testimonial: "Bedste smørrebrød i Vejle! Helt sikkert et besøg værd.",
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-hipster-dark-skinned-woman-with-afro-hairstyle-checking-her-news-feed_273443-1382.jpg",
},
{
id: "2",
name: "Lars Jensen",
handle: "@lars",
testimonial: "Fantastisk hyggelig stemning og virkelig god kaffe.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-drinking-coffee-office_1303-22715.jpg",
},
{
id: "3",
name: "Sofie Madsen",
handle: "@sofie",
testimonial: "Elsker deres brunch. Altid friske råvarer.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-cafe-drinking-coffee-working-computer_1303-30732.jpg",
},
{
id: "4",
name: "Jens Hansen",
handle: "@jens",
testimonial: "En perle i byen. Man føler sig altid velkommen.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-drinking-coffee_1098-21777.jpg",
},
{
id: "5",
name: "Anne Poulsen",
handle: "@anne",
testimonial: "Kanelsneglene er helt unikke må prøves!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-with-laptop_23-2148205605.jpg",
},
]}
title="Det siger vores gæster"
description="Vi er stolte af at have så mange trofaste gæster i Vejle."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Det siger vores gæster"
description="Vi er stolte af at have så mange trofaste gæster i Vejle."
testimonials={[
{ id: "1", name: "Mette Nielsen", handle: "@mette", testimonial: "Bedste smørrebrød i Vejle! Helt sikkert et besøg værd.", imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-hipster-dark-skinned-woman-with-afro-hairstyle-checking-her-news-feed_273443-1382.jpg" },
{ id: "2", name: "Lars Jensen", handle: "@lars", testimonial: "Fantastisk hyggelig stemning og virkelig god kaffe.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-drinking-coffee-office_1303-22715.jpg" },
{ id: "3", name: "Sofie Madsen", handle: "@sofie", testimonial: "Elsker deres brunch. Altid friske råvarer.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-cafe-drinking-coffee-working-computer_1303-30732.jpg" },
{ id: "4", name: "Jens Hansen", handle: "@jens", testimonial: "En perle i byen. Man føler sig altid velkommen.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-drinking-coffee_1098-21777.jpg" },
{ id: "5", name: "Anne Poulsen", handle: "@anne", testimonial: "Kanelsneglene er helt unikke må prøves!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-with-laptop_23-2148205605.jpg" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Kontakt os"
title="Find os i Vejle"
description="Kom forbi og nyd en kop kaffe eller bestil bord direkte ved at ringe til os. Vi glæder os til at byde dig velkommen.\n\nAdresse: Søndergade 12, 7100 Vejle\nTelefon: +45 75 82 00 00\nEmail: info@onkela.dk"
imageSrc="http://img.b2bpic.net/free-photo/lights-night-city_23-2148139580.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Kontakt os"
title="Find os i Vejle"
description="Kom forbi og nyd en kop kaffe eller bestil bord direkte ved at ringe til os."
imageSrc="http://img.b2bpic.net/free-photo/lights-night-city_23-2148139580.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Menu",
items: [
{
label: "Se menukort",
href: "#menu",
},
],
},
{
title: "Kontakt",
items: [
{
label: "Find vej",
href: "#contact",
},
{
label: "Ring til os",
href: "tel:+4575820000",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
]}
logoText="Onkel A"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Menu", items: [{ label: "Se menukort", href: "#menu" }] },
{ title: "Kontakt", items: [{ label: "Find vej", href: "#contact" }, { label: "Ring til os", href: "tel:+4575820000" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
]}
logoText="Onkel A"
/>
</div>
</ReactLenis>
</ThemeProvider>
);