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