Update src/app/page.tsx
This commit is contained in:
296
src/app/page.tsx
296
src/app/page.tsx
@@ -31,105 +31,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Imbiss Orient"
|
||||
button={{ text: "Bestellen", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Wahnsinns leckere Pizza, frisch zubereitet"
|
||||
description="Erleben Sie unser gehobenes Ambiente und genießen Sie Gerichte mit den frischesten Zutaten. Von Döner bis Pizza – bei uns wird mit Liebe serviert."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Frische Zutaten",
|
||||
},
|
||||
{
|
||||
value: "Modern",
|
||||
label: "Gehobenes Ambiente",
|
||||
},
|
||||
{
|
||||
value: "Herzlich",
|
||||
label: "Netter Service",
|
||||
},
|
||||
{ value: "100%", label: "Frische Zutaten" },
|
||||
{ value: "Modern", label: "Gehobenes Ambiente" },
|
||||
{ value: "Herzlich", label: "Netter Service" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Karte Ansehen",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Karte Ansehen", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-pizzeria-eat-pizza_627829-5506.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vintage-decoration-inside-restaurant_1127-187.jpg",
|
||||
alt: "Happy regular customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-empty-cafeteria_181624-29282.jpg",
|
||||
alt: "Satisfied diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/traditional-academic-library-with-reading-desks-green-lamps-bookshelves_482257-124271.jpg",
|
||||
alt: "Smiling customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-couple-sitting-coffeeshop_23-2148422418.jpg",
|
||||
alt: "Group of friends",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/overhead-view-homemade-pizza-with-mushroom-wooden-table_23-2147922438.jpg",
|
||||
alt: "Delighted guest",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/vintage-decoration-inside-restaurant_1127-187.jpg", alt: "Happy regular customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-empty-cafeteria_181624-29282.jpg", alt: "Satisfied diner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/traditional-academic-library-with-reading-desks-green-lamps-bookshelves_482257-124271.jpg", alt: "Smiling customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lovely-couple-sitting-coffeeshop_23-2148422418.jpg", alt: "Group of friends" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/overhead-view-homemade-pizza-with-mushroom-wooden-table_23-2147922438.jpg", alt: "Delighted guest" },
|
||||
]}
|
||||
avatarText="Über 500 zufriedene Gäste diesen Monat"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Frische",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hausgemachter Teig",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gehobenes Ambiente",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Täglich geöffnet",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Schnelle Lieferung",
|
||||
},
|
||||
{ type: "text", text: "100% Frische" },
|
||||
{ type: "text", text: "Hausgemachter Teig" },
|
||||
{ type: "text", text: "Gehobenes Ambiente" },
|
||||
{ type: "text", text: "Täglich geöffnet" },
|
||||
{ type: "text", text: "Schnelle Lieferung" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,21 +79,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Unsere Philosophie der Frische"
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Zutaten aus der Region",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Tägliche Zubereitung",
|
||||
value: "Täglich",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Zufriedene Gäste",
|
||||
value: "99%",
|
||||
},
|
||||
{ icon: Leaf, label: "Zutaten aus der Region", value: "100%" },
|
||||
{ icon: Sparkles, label: "Tägliche Zubereitung", value: "Täglich" },
|
||||
{ icon: Smile, label: "Zufriedene Gäste", value: "99%" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -165,26 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Frische",
|
||||
title: "Keine Kompromisse",
|
||||
subtitle: "Frische Zutaten",
|
||||
description: "Ob Pilze, Sucuk oder frische Zwiebeln – wir sparen nicht am Material.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-vegetables-market_23-2149050782.jpg",
|
||||
},
|
||||
tag: "Frische", title: "Keine Kompromisse", subtitle: "Frische Zutaten", description: "Ob Pilze, Sucuk oder frische Zwiebeln – wir sparen nicht am Material.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-vegetables-market_23-2149050782.jpg"},
|
||||
{
|
||||
tag: "Sauberkeit",
|
||||
title: "Höchster Standard",
|
||||
subtitle: "Sauberer Laden",
|
||||
description: "Unser Laden ist modern, sauber und bietet sogar ein Handwaschbecken für unsere Gäste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/choice-fresh-vegetables-market-counter-sale_23-2148209784.jpg",
|
||||
},
|
||||
tag: "Sauberkeit", title: "Höchster Standard", subtitle: "Sauberer Laden", description: "Unser Laden ist modern, sauber und bietet sogar ein Handwaschbecken für unsere Gäste.", imageSrc: "http://img.b2bpic.net/free-photo/choice-fresh-vegetables-market-counter-sale_23-2148209784.jpg"},
|
||||
{
|
||||
tag: "Service",
|
||||
title: "Individuell",
|
||||
subtitle: "Kundenwünsche",
|
||||
description: "Wir gehen zu 100% auf Ihre Wünsche ein. Sagen Sie uns einfach, was auf Ihre Pizza soll!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leeks-other-vegetables_1398-2253.jpg",
|
||||
},
|
||||
tag: "Service", title: "Individuell", subtitle: "Kundenwünsche", description: "Wir gehen zu 100% auf Ihre Wünsche ein. Sagen Sie uns einfach, was auf Ihre Pizza soll!", imageSrc: "http://img.b2bpic.net/free-photo/leeks-other-vegetables_1398-2253.jpg"},
|
||||
]}
|
||||
title="Warum wir Besonders Sind"
|
||||
description="Wir setzen auf Qualität statt Quantität."
|
||||
@@ -198,42 +111,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Spezial Pizza Orient",
|
||||
price: "ab 12€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-pepperoni-pizza-cardboard-box-with-spices-peppermill-vegetables-blue-wooden-table_23-2148076050.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Döner Teller",
|
||||
price: "10€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-egg-spice-bowl-beside-various-vegetables-chicken-drumstick-wooden-plate-blue-background_114579-45623.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Lahmacun Spezial",
|
||||
price: "7€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571672.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dürüm mit Hähnchen",
|
||||
price: "8€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3976.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sucuk Pizza",
|
||||
price: "11€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-restaurant-shopping-mall_1258-1.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vegetarische Pizza",
|
||||
price: "10€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-event-hall-interior-restaurant_114579-2079.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Spezial Pizza Orient", price: "ab 12€", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-pepperoni-pizza-cardboard-box-with-spices-peppermill-vegetables-blue-wooden-table_23-2148076050.jpg" },
|
||||
{ id: "p2", name: "Döner Teller", price: "10€", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-egg-spice-bowl-beside-various-vegetables-chicken-drumstick-wooden-plate-blue-background_114579-45623.jpg" },
|
||||
{ id: "p3", name: "Lahmacun Spezial", price: "7€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571672.jpg" },
|
||||
{ id: "p4", name: "Dürüm mit Hähnchen", price: "8€", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-traditional-italian-pizza_1328-3976.jpg" },
|
||||
{ id: "p5", name: "Sucuk Pizza", price: "11€", imageSrc: "http://img.b2bpic.net/free-photo/blurred-restaurant-shopping-mall_1258-1.jpg" },
|
||||
{ id: "p6", name: "Vegetarische Pizza", price: "10€", imageSrc: "http://img.b2bpic.net/free-photo/big-event-hall-interior-restaurant_114579-2079.jpg" },
|
||||
]}
|
||||
title="Unsere Spezialitäten"
|
||||
description="Hausgemachter Teig und Liebe zum Detail."
|
||||
@@ -245,46 +128,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Unglaublich",
|
||||
quote: "Noch mehr Belag geht nicht! Wahnsinnig leckere Pizza.",
|
||||
name: "Sarah K.",
|
||||
role: "Stammgast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Top Qualität",
|
||||
quote: "Die gehen 100% auf Kundenwünsche ein. Habe Sucuk und Hähnchen kombiniert!",
|
||||
name: "Markus S.",
|
||||
role: "Kunde",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-man-using-spices-while-preparing-food-kitchen_637285-3456.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Super Personal",
|
||||
quote: "Sehr nettes Personal und alles wird frisch zubereitet.",
|
||||
name: "Julia M.",
|
||||
role: "Gast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interracial-group-three-friends-dining-restaurant-spending-good-time-together_273609-8988.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Sehr Sauber",
|
||||
quote: "Sehr sauberer Laden und für einen Dönerladen ziemlich modern.",
|
||||
name: "Tobias B.",
|
||||
role: "Stammgast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-asian-lady-eating-orange_1150-10402.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Immer wieder",
|
||||
quote: "Das Waschbecken im Laden ist ein tolles Detail. Sehr durchdacht!",
|
||||
name: "Lisa H.",
|
||||
role: "Gast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-virtual-date_23-2149328165.jpg",
|
||||
},
|
||||
{ id: "1", title: "Unglaublich", quote: "Noch mehr Belag geht nicht! Wahnsinnig leckere Pizza.", name: "Sarah K.", role: "Stammgast", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517421.jpg" },
|
||||
{ id: "2", title: "Top Qualität", quote: "Die gehen 100% auf Kundenwünsche ein. Habe Sucuk und Hähnchen kombiniert!", name: "Markus S.", role: "Kunde", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-man-using-spices-while-preparing-food-kitchen_637285-3456.jpg" },
|
||||
{ id: "3", title: "Super Personal", quote: "Sehr nettes Personal und alles wird frisch zubereitet.", name: "Julia M.", role: "Gast", imageSrc: "http://img.b2bpic.net/free-photo/interracial-group-three-friends-dining-restaurant-spending-good-time-together_273609-8988.jpg" },
|
||||
{ id: "4", title: "Sehr Sauber", quote: "Sehr sauberer Laden und für einen Dönerladen ziemlich modern.", name: "Tobias B.", role: "Stammgast", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-asian-lady-eating-orange_1150-10402.jpg" },
|
||||
{ id: "5", title: "Immer wieder", quote: "Das Waschbecken im Laden ist ein tolles Detail. Sehr durchdacht!", name: "Lisa H.", role: "Gast", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-virtual-date_23-2149328165.jpg" },
|
||||
]}
|
||||
title="Unsere Gäste Lieben Uns"
|
||||
description="Was unsere Stammgäste über das Imbiss Orient sagen."
|
||||
@@ -297,36 +145,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Frischegarantie",
|
||||
items: [
|
||||
"Keine Tiefkühlware",
|
||||
"Täglich frisch",
|
||||
"Lokale Zutaten",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5+",
|
||||
title: "Sterne Service",
|
||||
items: [
|
||||
"Freundlich",
|
||||
"Individuell",
|
||||
"Schnell",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "TOP",
|
||||
title: "Sauberkeit",
|
||||
items: [
|
||||
"Hygiene-Plus",
|
||||
"Modernes Design",
|
||||
"Handwaschstation",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100%", title: "Frischegarantie", items: ["Keine Tiefkühlware", "Täglich frisch", "Lokale Zutaten"] },
|
||||
{ id: "m2", value: "5+", title: "Sterne Service", items: ["Freundlich", "Individuell", "Schnell"] },
|
||||
{ id: "m3", value: "TOP", title: "Sauberkeit", items: ["Hygiene-Plus", "Modernes Design", "Handwaschstation"] },
|
||||
]}
|
||||
title="Unsere Qualität in Zahlen"
|
||||
description="Erfolge, die wir täglich gemeinsam mit Ihnen erzielen."
|
||||
@@ -336,16 +157,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Haben Sie Hunger oder Fragen? Besuchen Sie uns direkt oder rufen Sie an!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt Anrufen",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Jetzt Anrufen", href: "tel:+49123456789" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -353,28 +167,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Imbiss Orient"
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Hauptstr. 1, 12345 Berlin",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "0123 456 789",
|
||||
href: "tel:+49123456789",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Öffnungszeiten",
|
||||
items: [
|
||||
{
|
||||
label: "Mo-So: 11-22 Uhr",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Kontakt", items: [{ label: "Hauptstr. 1, 12345 Berlin", href: "#" }, { label: "0123 456 789", href: "tel:+49123456789" }] },
|
||||
{ title: "Öffnungszeiten", items: [{ label: "Mo-So: 11-22 Uhr", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user