Update src/app/page.tsx
This commit is contained in:
175
src/app/page.tsx
175
src/app/page.tsx
@@ -30,16 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Unsere Geschichte", id: "about"},
|
||||
{
|
||||
name: "Menü", id: "menu"},
|
||||
{
|
||||
name: "Atmosphäre", id: "atmosphere"},
|
||||
{
|
||||
name: "Kontakt", id: "contact"},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Unsere Geschichte", id: "about" },
|
||||
{ name: "Menü", id: "menu" },
|
||||
{ name: "Atmosphäre", id: "atmosphere" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Om Maat"
|
||||
/>
|
||||
@@ -47,49 +42,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ein Ort, an den man immer wieder zurückkehren möchte."
|
||||
description="Kulinarische Exzellenz & herzlicher Service im Herzen von Erpel. Erleben Sie eine unvergessliche Atmosphäre."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%", label: "Leidenschaft"},
|
||||
{
|
||||
value: "5*", label: "Qualität"},
|
||||
{
|
||||
value: "Rhein", label: "Lage"},
|
||||
{ value: "100%", label: "Leidenschaft" },
|
||||
{ value: "5*", label: "Qualität" },
|
||||
{ value: "Rhein", label: "Lage" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Tisch reservieren", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scene-with-diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187855.jpg"
|
||||
imageAlt="Om Maat Terrasse"
|
||||
buttons={[{ text: "Jetzt Tisch reservieren", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3COtoQrGVivKXeC5cqUZBX3g7Ir/uploaded-1776269096526-io3gt3fu.png"
|
||||
imageAlt="Om Maat Atmosphäre"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-cocktail-tablecloth_23-2151318389.jpg", alt: "Gast 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lunch-setup-restaurant-near-window-floor-stand-lamp_140725-1572.jpg", alt: "Gast 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pair-sunglasses-table-by-sea-sunset_181624-27113.jpg", alt: "Gast 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-parachutes-flying-breathtaking-sunset_181624-1325.jpg", alt: "Gast 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-cup-coffee_107420-12306.jpg", alt: "Gast 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Fine Dining"},
|
||||
{
|
||||
type: "text", text: "Blick auf den Rhein"},
|
||||
{
|
||||
type: "text", text: "Familiäre Atmosphäre"},
|
||||
{
|
||||
type: "text", text: "Gourmetküche"},
|
||||
{
|
||||
type: "text", text: "Authentische Gastfreundschaft"},
|
||||
{ type: "text", text: "Fine Dining" },
|
||||
{ type: "text", text: "Blick auf den Rhein" },
|
||||
{ type: "text", text: "Familiäre Atmosphäre" },
|
||||
{ type: "text", text: "Gourmetküche" },
|
||||
{ type: "text", text: "Authentische Gastfreundschaft" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,14 +72,11 @@ export default function LandingPage() {
|
||||
title="Unsere Leidenschaft für Gastfreundschaft"
|
||||
description="Bei Om Maat glauben wir, dass ein Restaurant mehr ist als nur ein Ort zum Essen; es ist ein Ort, an dem Erinnerungen entstehen. Unser familienorientierter Ansatz sorgt dafür, dass sich jeder Gast wie zu Hause fühlt, sobald er unsere Türen in Erpel betritt."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Außergewöhnliche Qualität", description: "Wir beziehen die besten Zutaten für unsere Steaks und Entengerichte."},
|
||||
{
|
||||
title: "Herzlicher Service", description: "Unser Team legt großen Wert darauf, unsere Gäste persönlich zu kennen und willkommen zu heißen."},
|
||||
{
|
||||
title: "Gemeinschaftsfokus", description: "Ob ein schnelles Mittagessen oder ein langes Familienessen, wir schaffen einen Ort für alle."},
|
||||
{ title: "Außergewöhnliche Qualität", description: "Wir beziehen die besten Zutaten für unsere Steaks und Entengerichte." },
|
||||
{ title: "Herzlicher Service", description: "Unser Team legt großen Wert darauf, unsere Gäste persönlich zu kennen und willkommen zu heißen." },
|
||||
{ title: "Gemeinschaftsfokus", description: "Ob ein schnelles Mittagessen oder ein langes Familienessen, wir schaffen einen Ort für alle." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865360.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3COtoQrGVivKXeC5cqUZBX3g7Ir/uploaded-1776269096527-7n9t03x0.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -118,27 +86,6 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Signature", name: "Perfekt balancierte Steaks", price: "Hohe Qualität", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-potato-table_140725-7286.jpg"},
|
||||
{
|
||||
id: "p2", brand: "Traditionell", name: "Goldenes Schnitzel", price: "Handpaniert", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/cooked-grilled-lamb-ribs-with-herbs_23-2148517066.jpg"},
|
||||
{
|
||||
id: "p3", brand: "Meeresfrüchte", name: "Frische Garnelen", price: "Auf Bestellung", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-vegetables-lemon-slices_140725-6207.jpg"},
|
||||
{
|
||||
id: "p4", brand: "Spezialität", name: "Die berühmte Ente", price: "100 Punkte", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-narsharab-sauce_140725-4677.jpg"},
|
||||
{
|
||||
id: "p5", brand: "Saisonal", name: "Tagesgerichte", price: "Frische Zutaten", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/crispy-pork-white-plate-topped-with-sauce_1150-21303.jpg"},
|
||||
{
|
||||
id: "p6", brand: "Dessert", name: "Hausgemachte Genüsse", price: "Süßer Abschluss", rating: 5,
|
||||
reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/pastries-tasty-salted-meat-filled-along-with-sumax-green-leafs-inside-white-plate-grey-surface_140725-14191.jpg"},
|
||||
]}
|
||||
title="Kulinarische Highlights"
|
||||
description="Handgefertigte Gerichte, perfekt zubereitet, als Ausdruck unseres Qualitätsversprechens."
|
||||
/>
|
||||
@@ -149,20 +96,6 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Sommerterrasse", author: "Außenbereich", description: "Entspannen Sie auf unserer wunderschönen Terrasse in der Sonne.", tags: [
|
||||
"Sommer", "Essen"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calamari-with-mango-sauce-with-nice-decoration-white-plate_1258-84821.jpg"},
|
||||
{
|
||||
id: "f2", title: "Warme Innenräume", author: "Gemütliche Atmosphäre", description: "Stilvoller, hochwertiger Speisebereich im Innenraum.", tags: [
|
||||
"Warm", "Elegant"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/apple-pie-served-with-fruit-syrup_140725-1700.jpg"},
|
||||
{
|
||||
id: "f3", title: "Familienfreundlich", author: "Herzlich Willkommen", description: "Kinder sind willkommen und erhalten besondere Leckereien.", tags: [
|
||||
"Familie", "Kinder"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-breaded-chicken-patty-topped-with-herbs-black-bowl_140725-5792.jpg"},
|
||||
]}
|
||||
title="Ein Ort, an den man immer wieder zurückkehren möchte"
|
||||
description="Die perfekte Balance zwischen stilvollem Fine Dining und herzlichem Familienkomfort."
|
||||
/>
|
||||
@@ -173,30 +106,10 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Gast", role: "Besucher", company: "Rhein", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25258.jpg"},
|
||||
{
|
||||
id: "t2", name: "Feinschmecker", role: "Stammgast", company: "Lokal", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-eyeglasses-taking-selfie-from-mobile-phone-restaurant_23-2147871308.jpg"},
|
||||
{
|
||||
id: "t3", name: "Enten-Fan", role: "Gast", company: "Tourist", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg"},
|
||||
{
|
||||
id: "t4", name: "Glückliche Familie", role: "Besucher", company: "Stammgast", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg"},
|
||||
{
|
||||
id: "t5", name: "Schnitzel-Fan", role: "Gast", company: "Erpel", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491815.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100+", label: "Fünf Sterne"},
|
||||
{
|
||||
value: "100%", label: "Glückliche Gäste"},
|
||||
{
|
||||
value: "Erpel", label: "Herz"},
|
||||
{ value: "100+", label: "Fünf Sterne" },
|
||||
{ value: "100%", label: "Glückliche Gäste" },
|
||||
{ value: "Erpel", label: "Herz" },
|
||||
]}
|
||||
title="Gasterfahrungen"
|
||||
description="Authentische Stimmen unserer zufriedenen Gäste aus der gesamten Rheinregion."
|
||||
@@ -207,8 +120,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Exzellent", "Lecker", "Sehr zu empfehlen", "Qualität", "Service", "Atmosphäre", "100 Punkte"]}
|
||||
names={["Exzellent", "Lecker", "Sehr zu empfehlen", "Qualität", "Service", "Atmosphäre", "100 Punkte"]}
|
||||
title="Warum Gäste wiederkommen"
|
||||
description="Das Fundament von Om Maat ist unser Engagement für Exzellenz, Konsistenz und ein herzliches Erlebnis."
|
||||
/>
|
||||
@@ -217,45 +129,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Sichern Sie sich Ihren Tisch für ein unvergessliches Erlebnis! Beliebte Zeiten in Erpel sind schnell ausgebucht."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Tisch reservieren", href: "tel:+49..."},
|
||||
]}
|
||||
buttons={[{ text: "Jetzt Tisch reservieren", href: "tel:+49..." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3COtoQrGVivKXeC5cqUZBX3g7Ir/uploaded-1776269096527-7n9t03x0.png"
|
||||
logoText="Om Maat"
|
||||
columns={[
|
||||
{
|
||||
title: "Gastronomie", items: [
|
||||
{
|
||||
label: "Speisekarte", href: "#menu"},
|
||||
{
|
||||
label: "Tischreservierung", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Über uns", items: [
|
||||
{
|
||||
label: "Unsere Geschichte", href: "#about"},
|
||||
{
|
||||
label: "Galerie", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches", items: [
|
||||
{
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Gastronomie", items: [{ label: "Speisekarte", href: "#menu" }, { label: "Tischreservierung", href: "#contact" }] },
|
||||
{ title: "Über uns", items: [{ label: "Unsere Geschichte", href: "#about" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user