Update src/app/page.tsx
This commit is contained in:
340
src/app/page.tsx
340
src/app/page.tsx
@@ -32,127 +32,48 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Philosophie",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Karte",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Philosophie", id: "about" },
|
||||
{ name: "Karte", id: "menu" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Sushi Circle"
|
||||
button={{ text: "Reservieren", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Perfektion in jedem Bissen – Sushi neu definiert."
|
||||
description="Erlebe authentisches japanisches Handwerk mit den frischesten Zutaten in einer Umgebung, die Genuss zur Kunst erhebt."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah D.",
|
||||
handle: "@sarah.d",
|
||||
testimonial: "Das beste Sushi in Dortmund. Einfach meisterhaft.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-holding-cup_23-2147984958.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marc T.",
|
||||
handle: "@marct",
|
||||
testimonial: "Frisch, stilvoll, unglaublich lecker.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-pleased-adorable-dark-skinned-african-american-female-sits-comfortable-couch-holds-soft-cushion_273609-3094.jpg",
|
||||
},
|
||||
{
|
||||
name: "Anna P.",
|
||||
handle: "@anna.p",
|
||||
testimonial: "Ein Erlebnis für alle Sinne. Sehr empfehlenswert.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153754.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jens K.",
|
||||
handle: "@jensk",
|
||||
testimonial: "Absolutes Lieblingsrestaurant. Top Qualität.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lisa M.",
|
||||
handle: "@lisam",
|
||||
testimonial: "Hervorragender Service und exzellentes Essen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg",
|
||||
},
|
||||
{ name: "Sarah D.", handle: "@sarah.d", testimonial: "Das beste Sushi in Dortmund. Einfach meisterhaft.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-holding-cup_23-2147984958.jpg" },
|
||||
{ name: "Marc T.", handle: "@marct", testimonial: "Frisch, stilvoll, unglaublich lecker.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-pleased-adorable-dark-skinned-african-american-female-sits-comfortable-couch-holds-soft-cushion_273609-3094.jpg" },
|
||||
{ name: "Anna P.", handle: "@anna.p", testimonial: "Ein Erlebnis für alle Sinne. Sehr empfehlenswert.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153754.jpg" },
|
||||
{ name: "Jens K.", handle: "@jensk", testimonial: "Absolutes Lieblingsrestaurant. Top Qualität.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg" },
|
||||
{ name: "Lisa M.", handle: "@lisam", testimonial: "Hervorragender Service und exzellentes Essen.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt reservieren",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Speisekarte",
|
||||
href: "#menu",
|
||||
},
|
||||
{ text: "Jetzt reservieren", href: "#contact" },
|
||||
{ text: "Speisekarte", href: "#menu" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sake-near-roll_23-2147773678.jpg"
|
||||
imageAlt="Luxuriöse Sushi Platte"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5923.jpg",
|
||||
alt: "Gäste bei Sushi Circle",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-holding-hand-blond-woman-table_23-2148024532.jpg",
|
||||
alt: "Gäste bei Sushi Circle",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/grey-eyed-young-woman-white-blouse-looks-into-camera-elegant-blonde-lady-light-shirt-dark-pants-pearl-necklace-poses-restaurant_197531-23180.jpg",
|
||||
alt: "Gäste bei Sushi Circle",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-passionate-woman-with-flower-table_23-2148001712.jpg",
|
||||
alt: "Gäste bei Sushi Circle",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-drinking-tasty-sweet-cocktail-city-terrace-casual-trendy-outfit-weekend-travel-mood_291049-1724.jpg",
|
||||
alt: "Gäste bei Sushi Circle",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5923.jpg", alt: "Gäste bei Sushi Circle" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-holding-hand-blond-woman-table_23-2148024532.jpg", alt: "Gäste bei Sushi Circle" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/grey-eyed-young-woman-white-blouse-looks-into-camera-elegant-blonde-lady-light-shirt-dark-pants-pearl-necklace-poses-restaurant_197531-23180.jpg", alt: "Gäste bei Sushi Circle" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-passionate-woman-with-flower-table_23-2148001712.jpg", alt: "Gäste bei Sushi Circle" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-pretty-woman-drinking-tasty-sweet-cocktail-city-terrace-casual-trendy-outfit-weekend-travel-mood_291049-1724.jpg", alt: "Gäste bei Sushi Circle" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Frische garantiert",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Meisterhafte Qualität",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Japanische Tradition",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exquisites Ambiente",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kulinarische Kunst",
|
||||
},
|
||||
{ type: "text", text: "Frische garantiert" },
|
||||
{ type: "text", text: "Meisterhafte Qualität" },
|
||||
{ type: "text", text: "Japanische Tradition" },
|
||||
{ type: "text", text: "Exquisites Ambiente" },
|
||||
{ type: "text", text: "Kulinarische Kunst" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,8 +83,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Unsere Philosophie: Präzision und Frische"
|
||||
description={[
|
||||
"Bei Sushi Circle kombinieren wir traditionelle japanische Techniken mit höchsten Qualitätsansprüchen.",
|
||||
"Jedes Stück ist ein Versprechen: Nur der frischeste Fisch und sorgfältig ausgewählte Zutaten kommen auf deinen Teller.",
|
||||
"Bei Sushi Circle kombinieren wir traditionelle japanische Techniken mit höchsten Qualitätsansprüchen.", "Jedes Stück ist ein Versprechen: Nur der frischeste Fisch und sorgfältig ausgewählte Zutaten kommen auf deinen Teller."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -175,48 +95,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Nigiri",
|
||||
price: "18,50 €",
|
||||
variant: "Klassiker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sushi-concept_23-2148678273.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Vegan Fantasy",
|
||||
price: "14,90 €",
|
||||
variant: "Vegan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-topped-with-salmon-radish_140725-4241.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sashimi Deluxe",
|
||||
price: "22,00 €",
|
||||
variant: "Fisch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-sushi-sushi-delivery-advertising-sushi-rolls-made-fish-cheese_132075-14587.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Crunchy Roll",
|
||||
price: "16,00 €",
|
||||
variant: "Special",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-sushi-rolls-served-wooden-platter-with-pickled-ginger-chopsticks_114579-15552.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Ebi Tempura",
|
||||
price: "15,50 €",
|
||||
variant: "Warme Rolle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-soy-sauce-wooden-board_114579-3159.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Dragon Roll",
|
||||
price: "19,00 €",
|
||||
variant: "Special",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-sushi-arrangement-top-view_23-2148517012.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Premium Nigiri", price: "18,50 €", variant: "Klassiker", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sushi-concept_23-2148678273.jpg" },
|
||||
{ id: "p2", name: "Vegan Fantasy", price: "14,90 €", variant: "Vegan", imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-topped-with-salmon-radish_140725-4241.jpg" },
|
||||
{ id: "p3", name: "Sashimi Deluxe", price: "22,00 €", variant: "Fisch", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-delicious-sushi-sushi-delivery-advertising-sushi-rolls-made-fish-cheese_132075-14587.jpg" },
|
||||
{ id: "p4", name: "Crunchy Roll", price: "16,00 €", variant: "Special", imageSrc: "http://img.b2bpic.net/free-photo/assorted-sushi-rolls-served-wooden-platter-with-pickled-ginger-chopsticks_114579-15552.jpg" },
|
||||
{ id: "p5", name: "Ebi Tempura", price: "15,50 €", variant: "Warme Rolle", imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-soy-sauce-wooden-board_114579-3159.jpg" },
|
||||
{ id: "p6", name: "Dragon Roll", price: "19,00 €", variant: "Special", imageSrc: "http://img.b2bpic.net/free-photo/fresh-sushi-arrangement-top-view_23-2148517012.jpg" }
|
||||
]}
|
||||
title="Chef’s Selection"
|
||||
description="Entdecke unsere handverlesenen Kreationen, direkt aus unserer Meisterküche."
|
||||
@@ -229,27 +113,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Täglich frischer Fisch",
|
||||
subtitle: "Direkt aus zertifizierter Herkunft.",
|
||||
category: "Qualität",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Meisterhafte Zubereitung",
|
||||
subtitle: "Nach alten japanischen Traditionen.",
|
||||
category: "Handwerk",
|
||||
value: "Perfektion",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Hochwertige Zutaten",
|
||||
subtitle: "Nur das Beste für unsere Gäste.",
|
||||
category: "Zutaten",
|
||||
value: "Premium",
|
||||
},
|
||||
{ id: "f1", title: "Täglich frischer Fisch", subtitle: "Direkt aus zertifizierter Herkunft.", category: "Qualität", value: "100%" },
|
||||
{ id: "f2", title: "Meisterhafte Zubereitung", subtitle: "Nach alten japanischen Traditionen.", category: "Handwerk", value: "Perfektion" },
|
||||
{ id: "f3", title: "Hochwertige Zutaten", subtitle: "Nur das Beste für unsere Gäste.", category: "Zutaten", value: "Premium" }
|
||||
]}
|
||||
title="Warum Sushi Circle?"
|
||||
description="Exzellenz im Handwerk. Unsere Standards garantieren Genuss."
|
||||
@@ -263,27 +129,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.8",
|
||||
title: "Kundenzufriedenheit",
|
||||
description: "Ø Sterne aus über 1000 Bewertungen",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10.000+",
|
||||
title: "Sushi Platten",
|
||||
description: "Mit Liebe serviert",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
title: "Stammkunden",
|
||||
description: "Unsere treue Sushi-Community",
|
||||
icon: Heart,
|
||||
},
|
||||
{ id: "m1", value: "4.8", title: "Kundenzufriedenheit", description: "Ø Sterne aus über 1000 Bewertungen", icon: Star },
|
||||
{ id: "m2", value: "10.000+", title: "Sushi Platten", description: "Mit Liebe serviert", icon: Utensils },
|
||||
{ id: "m3", value: "95%", title: "Stammkunden", description: "Unsere treue Sushi-Community", icon: Heart }
|
||||
]}
|
||||
title="Unsere Bilanz"
|
||||
description="Zahlen, die für uns sprechen."
|
||||
@@ -296,46 +144,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah D.",
|
||||
handle: "@sarah.d",
|
||||
testimonial: "Einfach unschlagbar gut.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marc T.",
|
||||
handle: "@marct",
|
||||
testimonial: "Kreativ und frisch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598348.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Anna P.",
|
||||
handle: "@anna.p",
|
||||
testimonial: "Schönstes Ambiente in Dortmund.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jens K.",
|
||||
handle: "@jensk",
|
||||
testimonial: "Das Sashimi ist ein Traum.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-lovely-dark-skinned-female-model-with-curly-afro-hairdo-enjoys-recreation-time-weekend-poses-agianst-cozy-cafe-interior_273609-3723.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa M.",
|
||||
handle: "@lisam",
|
||||
testimonial: "Immer wieder gerne hier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269188.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah D.", handle: "@sarah.d", testimonial: "Einfach unschlagbar gut.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
|
||||
{ id: "t2", name: "Marc T.", handle: "@marct", testimonial: "Kreativ und frisch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598348.jpg" },
|
||||
{ id: "t3", name: "Anna P.", handle: "@anna.p", testimonial: "Schönstes Ambiente in Dortmund.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg" },
|
||||
{ id: "t4", name: "Jens K.", handle: "@jensk", testimonial: "Das Sashimi ist ein Traum.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-lovely-dark-skinned-female-model-with-curly-afro-hairdo-enjoys-recreation-time-weekend-poses-agianst-cozy-cafe-interior_273609-3723.jpg" },
|
||||
{ id: "t5", name: "Lisa M.", handle: "@lisam", testimonial: "Immer wieder gerne hier.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269188.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Was Gäste sagen"
|
||||
@@ -348,21 +161,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Bietet ihr vegane Optionen an?",
|
||||
content: "Ja, wir haben eine Vielzahl an veganen Maki- und Spezial-Rollen.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Kann ich online reservieren?",
|
||||
content: "Absolut, nutze einfach unser schnelles Reservierungssystem hier auf der Website.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Habt ihr einen Lieferdienst?",
|
||||
content: "Wir bieten aktuell Selbstabholung und exklusive Events an.",
|
||||
},
|
||||
{ id: "faq1", title: "Bietet ihr vegane Optionen an?", content: "Ja, wir haben eine Vielzahl an veganen Maki- und Spezial-Rollen." },
|
||||
{ id: "faq2", title: "Kann ich online reservieren?", content: "Absolut, nutze einfach unser schnelles Reservierungssystem hier auf der Website." },
|
||||
{ id: "faq3", title: "Habt ihr einen Lieferdienst?", content: "Wir bieten aktuell Selbstabholung und exklusive Events an." }
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alles Wichtige für deinen Besuch."
|
||||
@@ -373,17 +174,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Reservierung"
|
||||
title="Dein Tisch bei Sushi Circle"
|
||||
description="Sichere dir jetzt deinen Platz in unserem Restaurant für ein unvergessliches kulinarisches Erlebnis."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt reservieren",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Jetzt reservieren", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -392,49 +188,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Sushi Circle"
|
||||
columns={[
|
||||
{
|
||||
title: "Sushi Circle",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Speisekarte",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Reservierung",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Sushi Circle", items: [{ label: "Über uns", href: "#about" }, { label: "Speisekarte", href: "#menu" }] },
|
||||
{ title: "Support", items: [{ label: "Reservierung", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user