2 Commits

Author SHA1 Message Date
efb46f7385 Switch to version 1: modified src/app/page.tsx 2026-04-21 17:11:12 +00:00
428b988fd4 Merge version_2 into main
Merge version_2 into main
2026-04-21 17:08:07 +00:00

View File

@@ -2,12 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterCard from '@/components/sections/footer/FooterCard'; import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery'; import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight'; import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Facebook, Instagram, Utensils } from "lucide-react"; import { Facebook, Instagram, Utensils } from "lucide-react";
@@ -31,13 +31,21 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", id: "hero"}, name: "Home",
id: "hero",
},
{ {
name: "Über uns", id: "about"}, name: "Über uns",
id: "about",
},
{ {
name: "Angebote", id: "pricing"}, name: "Angebote",
id: "pricing",
},
{ {
name: "Kontakt", id: "contact"}, name: "Kontakt",
id: "contact",
},
]} ]}
brandName="Sushi House Uelzen" brandName="Sushi House Uelzen"
/> />
@@ -46,22 +54,45 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardGallery <HeroBillboardGallery
background={{ background={{
variant: "gradient-bars"}} variant: "gradient-bars",
}}
title="Frisches Sushi in Uelzen All You Can Eat Erlebnis" title="Frisches Sushi in Uelzen All You Can Eat Erlebnis"
description="Genieße hochwertiges Sushi in entspannter Atmosphäre perfekt für Freunde, Familie oder Date-Nights." description="Genieße hochwertiges Sushi in entspannter Atmosphäre perfekt für Freunde, Familie oder Date-Nights."
buttons={[ buttons={[
{ {
text: "📍 Route planen", href: "#contact"}, text: "📍 Route planen",
href: "#contact",
},
{ {
text: "📞 Jetzt anrufen", href: "tel:+490000000"}, text: "📞 Jetzt anrufen",
href: "tel:+490000000",
},
{
text: "🍱 Speisekarte ansehen",
href: "#",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/traditional-tasty-sushi-white-tray-with-sauce-chopsticks_23-2147901579.jpg?_wi=1", imageAlt: "Sushi Platter"}, imageSrc: "http://img.b2bpic.net/free-photo/traditional-tasty-sushi-white-tray-with-sauce-chopsticks_23-2147901579.jpg?_wi=1",
imageAlt: "Sushi Platter",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/salmon-sashimi_74190-5814.jpg?_wi=1", imageAlt: "Sushi Set"}, imageSrc: "http://img.b2bpic.net/free-photo/salmon-sashimi_74190-5814.jpg?_wi=1",
imageAlt: "Sushi Set",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/japanese-street-food-restaurant-nighttime_23-2149410163.jpg", imageAlt: "Sushi Restaurant"}, imageSrc: "http://img.b2bpic.net/free-photo/japanese-street-food-restaurant-nighttime_23-2149410163.jpg",
imageAlt: "Sushi Restaurant",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-sushi-rolls-with-soy-sauce-wooden-board_114579-58990.jpg",
imageAlt: "Sushi Platter",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sushi-platter_23-2152000267.jpg",
imageAlt: "Sushi Set",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
@@ -81,28 +112,62 @@ export default function LandingPage() {
</div> </div>
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardEight <PricingCardNine
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "lunch", badge: "Mittagsmenü", price: "19,90 €", subtitle: "11:00 16:00", features: [ id: "lunch",
"All You Can Eat", "Große Auswahl", "Täglich frisch"], title: "Mittag",
buttons: [ price: "19,90 €",
{ text: "Reservieren" } period: "11:00 16:00",
] features: [
"All You Can Eat",
"Große Auswahl",
"Frische Qualität",
],
button: {
text: "Jetzt Reservieren",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-ignoring-woman-while-talking-phone_107420-65720.jpg",
imageAlt: "sushi chef preparing fresh rolls",
}, },
{ {
id: "evening", badge: "Abendmenü", price: "29,90 €", subtitle: "ab 17:00", features: [ id: "evening",
"All You Can Eat", "Premium Sushi", "Warme Speisen inkl."], title: "Abend",
buttons: [ price: "29,90 €",
{ text: "Reservieren" } period: "ab 17:00",
] features: [
} "All You Can Eat",
"Premium Sushi",
"Warme Speisen inklusive",
],
button: {
text: "Jetzt Reservieren",
},
imageSrc: "http://img.b2bpic.net/free-photo/traditional-tasty-sushi-white-tray-with-sauce-chopsticks_23-2147901579.jpg?_wi=2",
imageAlt: "sushi chef preparing fresh rolls",
},
{
id: "delivery",
title: "Abholung",
price: "variabel",
period: "ganztägig",
features: [
"Schnelle Vorbereitung",
"Frisch verpackt",
"Einfach bestellen",
],
button: {
text: "Speisekarte",
},
imageSrc: "http://img.b2bpic.net/free-photo/salmon-sashimi_74190-5814.jpg?_wi=2",
imageAlt: "sushi chef preparing fresh rolls",
},
]} ]}
title="Unsere Angebote" title="Unsere Angebote"
description="Wähle dein Lieblingsmenü für den perfekten Sushi-Genuss." description="Entdecke unser beliebtes All-You-Can-Eat-Angebot."
/> />
</div> </div>
@@ -113,9 +178,26 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "g1", title: "Spezialitäten", description: "Handgerolltes Sushi vom Feinsten.", tag: "Sushi", imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-selection-wooden-decorative-tray_114579-3489.jpg"}, id: "g1",
title: "Spezialitäten",
description: "Handgerolltes Sushi vom Feinsten.",
tag: "Sushi",
imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-selection-wooden-decorative-tray_114579-3489.jpg",
},
{ {
id: "g2", title: "Ambiente", description: "Entspannt und gemütlich.", tag: "Atmosphäre", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865355.jpg"}, id: "g2",
title: "Ambiente",
description: "Entspannt und gemütlich.",
tag: "Atmosphäre",
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865355.jpg",
},
{
id: "g3",
title: "Frische",
description: "Täglich frisch zubereitet.",
tag: "Qualität",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-asian-food-with-copy-space_23-2149035144.jpg",
},
]} ]}
title="Unsere Galerie" title="Unsere Galerie"
description="Ein kleiner Einblick in unsere Sushi-Welt." description="Ein kleiner Einblick in unsere Sushi-Welt."
@@ -130,8 +212,45 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", name: "Sarah M.", role: "Stammgast", company: "Uelzen", rating: 5, id: "t1",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-eating-together_23-2149008757.jpg"}, name: "Sarah M.",
role: "Stammgast",
company: "Uelzen",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-eating-together_23-2149008757.jpg",
},
{
id: "t2",
name: "Thomas K.",
role: "Besucher",
company: "Uelzen",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-friends-reunion_23-2149244684.jpg",
},
{
id: "t3",
name: "Lena R.",
role: "Feinschmecker",
company: "Uelzen",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
},
{
id: "t4",
name: "Markus W.",
role: "Fan",
company: "Uelzen",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
},
{
id: "t5",
name: "Julia P.",
role: "Gast",
company: "Uelzen",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-eating-sushi_23-2151344982.jpg",
},
]} ]}
title="Unsere Gäste lieben uns" title="Unsere Gäste lieben uns"
description="Über 300+ Bewertungen sprechen für sich." description="Über 300+ Bewertungen sprechen für sich."
@@ -139,16 +258,18 @@ export default function LandingPage() {
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactSplit
useInvertedBackground={true} useInvertedBackground={false}
background={{ background={{
variant: "gradient-bars"}} variant: "gradient-bars",
tag="Kontakt" }}
title="Reservierung & Anfrage" title="Besuche uns"
description="Kontaktiere uns direkt für eine Tischreservierung oder Fragen zum Catering." description="Komm vorbei für dein nächstes Sushi-Erlebnis. Wir freuen uns auf dich!"
imageSrc="http://img.b2bpic.net/free-photo/close-up-japanese-street-food-shop_23-2149287848.jpg"
inputPlaceholder="Deine E-Mail Adresse" inputPlaceholder="Deine E-Mail Adresse"
buttonText="Nachricht senden" buttonText="Newsletter abonnieren"
termsText="Wir melden uns schnellstmöglich bei dir zurück." mediaAnimation="slide-up"
tag="Kontakt"
/> />
</div> </div>
@@ -159,10 +280,14 @@ export default function LandingPage() {
socialLinks={[ socialLinks={[
{ {
icon: Facebook, icon: Facebook,
href: "#", ariaLabel: "Facebook"}, href: "#",
ariaLabel: "Facebook",
},
{ {
icon: Instagram, icon: Instagram,
href: "#", ariaLabel: "Instagram"}, href: "#",
ariaLabel: "Instagram",
},
]} ]}
/> />
</div> </div>