Update src/app/page.tsx
This commit is contained in:
177
src/app/page.tsx
177
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Clock, Star, Target, Users } from "lucide-react";
|
||||
import { Beer, Clock, Gamepad2, GlassWater, Star, Target, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Start", id: "#hero"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Über uns", id: "#about"},
|
||||
{
|
||||
name: "Speisekarte",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Speisekarte", id: "#menu"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
brandName="Tommi’s Grillbar"
|
||||
/>
|
||||
@@ -56,21 +48,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Tommi’s Grillbar"
|
||||
description="Gutes Essen. Kaltes Bier. Ehrliche Atmosphäre."
|
||||
buttons={[
|
||||
{
|
||||
text: "Speisekarte",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Speisekarte", href: "#menu"},
|
||||
{
|
||||
text: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Kontakt", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d06g2r&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d06g2r"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -82,19 +69,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Biersorten",
|
||||
value: "12+",
|
||||
},
|
||||
label: "Biersorten", value: "12+"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Jahre Erfahrung",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Jahre Erfahrung", value: "10+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Stammgäste",
|
||||
value: "400+",
|
||||
},
|
||||
label: "Stammgäste", value: "400+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -107,44 +88,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bier & Geselligkeit",
|
||||
description: "Frisches Bier vom Fass.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ugzar",
|
||||
},
|
||||
title: "Bier & Geselligkeit", description: "Frisches Bier vom Fass.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ugzar"},
|
||||
items: [
|
||||
{
|
||||
icon: Beer,
|
||||
text: "Kalt & frisch",
|
||||
},
|
||||
text: "Kalt & frisch"},
|
||||
{
|
||||
icon: GlassWater,
|
||||
text: "Große Auswahl",
|
||||
},
|
||||
text: "Große Auswahl"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d06g2r&_wi=2",
|
||||
imageAlt: "frisches pilsner bier glas",
|
||||
},
|
||||
{
|
||||
title: "Spiel & Spaß",
|
||||
description: "Billardtisch & Dartbereich.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sbgixi",
|
||||
},
|
||||
title: "Spiel & Spaß", description: "Billardtisch & Dartbereich.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sbgixi"},
|
||||
items: [
|
||||
{
|
||||
icon: Target,
|
||||
text: "Dartscheiben",
|
||||
},
|
||||
text: "Dartscheiben"},
|
||||
{
|
||||
icon: Gamepad,
|
||||
text: "Billardtisch",
|
||||
},
|
||||
icon: Gamepad2,
|
||||
text: "Billardtisch"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vstr5d&_wi=1",
|
||||
imageAlt: "frisches pilsner bier glas",
|
||||
},
|
||||
]}
|
||||
title="Nicht nur essen – sondern abschalten"
|
||||
@@ -160,41 +127,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Schnitzel mit Spiegelei",
|
||||
price: "14,50 €",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vstr5d&_wi=2",
|
||||
},
|
||||
id: "1", name: "Schnitzel mit Spiegelei", price: "14,50 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vstr5d"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Currywurst",
|
||||
price: "8,50 €",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xnyvzz",
|
||||
},
|
||||
id: "2", name: "Currywurst", price: "8,50 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xnyvzz"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Hausgemachte Frikadelle",
|
||||
price: "7,50 €",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzc816",
|
||||
},
|
||||
id: "3", name: "Hausgemachte Frikadelle", price: "7,50 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mzc816"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Frisches Pils",
|
||||
price: "3,80 €",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7pcf82",
|
||||
},
|
||||
id: "4", name: "Frisches Pils", price: "3,80 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7pcf82"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Weizenbier",
|
||||
price: "4,20 €",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f65z6z",
|
||||
},
|
||||
id: "5", name: "Weizenbier", price: "4,20 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f65z6z"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Bratkartoffeln",
|
||||
price: "6,50 €",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p02aqe",
|
||||
},
|
||||
id: "6", name: "Bratkartoffeln", price: "6,50 €", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p02aqe"},
|
||||
]}
|
||||
title="Unsere Speisekarte"
|
||||
description="Ehrliche deutsche Küche und klassische Grillgerichte."
|
||||
@@ -208,20 +151,11 @@ export default function LandingPage() {
|
||||
tag="Ehrliche Preise"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10-20€",
|
||||
description: "Durchschnitt pro Person",
|
||||
},
|
||||
id: "1", value: "10-20€", description: "Durchschnitt pro Person"},
|
||||
{
|
||||
id: "2",
|
||||
value: "4.8",
|
||||
description: "Kundenbewertung",
|
||||
},
|
||||
id: "2", value: "4.8", description: "Kundenbewertung"},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
description: "Kneipen-Feeling",
|
||||
},
|
||||
id: "3", value: "100%", description: "Kneipen-Feeling"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -232,30 +166,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Markus",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rghpc9",
|
||||
},
|
||||
id: "1", name: "Markus", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rghpc9"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sandra",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fot4ub",
|
||||
},
|
||||
id: "2", name: "Sandra", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fot4ub"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dirk",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b1hs22",
|
||||
},
|
||||
id: "3", name: "Dirk", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b1hs22"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sabine",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hfybmp",
|
||||
},
|
||||
id: "4", name: "Sabine", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hfybmp"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=da86ga",
|
||||
},
|
||||
id: "5", name: "Tom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=da86ga"},
|
||||
]}
|
||||
cardTitle="Stimmen unserer Gäste"
|
||||
cardTag="4.8 / 5 Sterne"
|
||||
@@ -269,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Gibt es Parkplätze?",
|
||||
content: "Ja, wir bieten kostenlose Parkplätze und Straßenparkplätze direkt vor Ort.",
|
||||
},
|
||||
id: "1", title: "Gibt es Parkplätze?", content: "Ja, wir bieten kostenlose Parkplätze und Straßenparkplätze direkt vor Ort."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Wie sind die Öffnungszeiten?",
|
||||
content: "Mo-Fr 17-23 Uhr, Sa-So 10-02 Uhr.",
|
||||
},
|
||||
id: "2", title: "Wie sind die Öffnungszeiten?", content: "Mo-Fr 17-23 Uhr, Sa-So 10-02 Uhr."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Kann man reservieren?",
|
||||
content: "Für größere Gruppen rufen Sie uns am besten an.",
|
||||
},
|
||||
id: "3", title: "Kann man reservieren?", content: "Für größere Gruppen rufen Sie uns am besten an."},
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Was du über Tommi's wissen musst."
|
||||
@@ -294,8 +204,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Kontakt"
|
||||
title="Reservieren & Anfragen"
|
||||
description="Gipfelstraße 12, 39326 Wolmirstedt. Telefon: +49 39201 20199"
|
||||
@@ -306,13 +215,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Tommi’s Grillbar"
|
||||
leftLink={{
|
||||
text: "Impressum",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Impressum", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Datenschutz",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Datenschutz", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user