Merge version_1 into main #2
220
src/app/page.tsx
220
src/app/page.tsx
@@ -28,26 +28,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "story",
|
||||
},
|
||||
name: "Über uns", id: "story"},
|
||||
{
|
||||
name: "Angebot",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Angebot", id: "menu"},
|
||||
{
|
||||
name: "Öffnungszeiten",
|
||||
id: "info",
|
||||
},
|
||||
name: "Öffnungszeiten", id: "info"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Vorbeikommen",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Vorbeikommen", href: "#contact"}}
|
||||
brandName="Schallplatten-Café"
|
||||
/>
|
||||
</div>
|
||||
@@ -55,108 +45,58 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Kaffee, Vinyl & echtes Wohnzimmer-Feeling."
|
||||
description="Erlebe Kölner Südstadt-Gemütlichkeit. Stöbere in unserer Vinyl-Auswahl und genieße handgemachten Kaffee in einer Umgebung, die sich anfühlt wie bei Freunden."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Anna",
|
||||
handle: "@KölnerVeedel",
|
||||
testimonial: "Der einzige Ort, an dem ich wirklich runterkomme.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307273.jpg?_wi=1",
|
||||
imageAlt: "warm cafe interior wooden bar coffee",
|
||||
},
|
||||
name: "Anna", handle: "@KölnerVeedel", testimonial: "Der einzige Ort, an dem ich wirklich runterkomme.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307273.jpg", imageAlt: "warm cafe interior wooden bar coffee"},
|
||||
{
|
||||
name: "Markus",
|
||||
handle: "@VinylSammler",
|
||||
testimonial: "Klasse Auswahl und der Cappuccino ist ein Traum.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-asian-woman-standing-front-cafe-entrance-inviting-people-businesswoman-owner_1258-134096.jpg?_wi=1",
|
||||
imageAlt: "barista making coffee cafe interior",
|
||||
},
|
||||
name: "Markus", handle: "@VinylSammler", testimonial: "Klasse Auswahl und der Cappuccino ist ein Traum.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-asian-woman-standing-front-cafe-entrance-inviting-people-businesswoman-owner_1258-134096.jpg", imageAlt: "barista making coffee cafe interior"},
|
||||
{
|
||||
name: "Julia",
|
||||
handle: "@Studierende",
|
||||
testimonial: "Wie bei Freunden im Wohnzimmer – nur mit besserem Kaffee.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg?_wi=1",
|
||||
imageAlt: "vinyl record on turntable warm light",
|
||||
},
|
||||
name: "Julia", handle: "@Studierende", testimonial: "Wie bei Freunden im Wohnzimmer – nur mit besserem Kaffee.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg", imageAlt: "vinyl record on turntable warm light"},
|
||||
{
|
||||
name: "Tom",
|
||||
handle: "@SüdstadtLiebe",
|
||||
testimonial: "Endlich kein steriles Café, sondern Charakter.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg?_wi=1",
|
||||
imageAlt: "latte art coffee top view",
|
||||
},
|
||||
name: "Tom", handle: "@SüdstadtLiebe", testimonial: "Endlich kein steriles Café, sondern Charakter.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg", imageAlt: "latte art coffee top view"},
|
||||
{
|
||||
name: "Lena",
|
||||
handle: "@MusikFan",
|
||||
testimonial: "Platten hören und Kaffee trinken. Perfekte Kombination.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950913.jpg?_wi=1",
|
||||
imageAlt: "vinyl records shelf blurred background",
|
||||
},
|
||||
name: "Lena", handle: "@MusikFan", testimonial: "Platten hören und Kaffee trinken. Perfekte Kombination.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950913.jpg", imageAlt: "vinyl records shelf blurred background"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt vorbeikommen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt vorbeikommen", href: "#contact"},
|
||||
{
|
||||
text: "Karte ansehen",
|
||||
href: "#info",
|
||||
},
|
||||
text: "Karte ansehen", href: "#info"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307273.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-virtual-date_23-2149307273.jpg"
|
||||
imageAlt="Warmes Interieur unseres Cafés"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg", alt: "Kunde 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg", alt: "Kunde 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950913.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950913.jpg", alt: "Kunde 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg", alt: "Kunde 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-asian-woman-standing-front-cafe-entrance-inviting-people-businesswoman-owner_1258-134096.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-asian-woman-standing-front-cafe-entrance-inviting-people-businesswoman-owner_1258-134096.jpg", alt: "Kunde 5"},
|
||||
]}
|
||||
avatarText="Mehr als 500 glückliche Gäste"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Hausgemachter Kuchen",
|
||||
},
|
||||
type: "text", text: "Hausgemachter Kuchen"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vinyl-Sammlerstücke",
|
||||
},
|
||||
type: "text", text: "Vinyl-Sammlerstücke"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Südstadt-Treffpunkt",
|
||||
},
|
||||
type: "text", text: "Südstadt-Treffpunkt"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handgerösteter Kaffee",
|
||||
},
|
||||
type: "text", text: "Handgerösteter Kaffee"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gemütliche Atmosphäre",
|
||||
},
|
||||
type: "text", text: "Gemütliche Atmosphäre"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,7 +106,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Unser Wohnzimmer, dein Café"
|
||||
description="Was als Idee für einen Ort begann, an dem Musik auf Kaffee trifft, ist heute unsere Südstadt-Heimat. Wir stehen jeden Tag selbst hinter der Theke, um genau die Atmosphäre zu schaffen, die wir selbst lieben: authentisch, herzlich und voll Vinyl-Charakter. Hier gibt es keine Eile, nur gute Platten und das bewusste Langsam-Werden. Komm vorbei, setz dich in unsere Sofas und lass den Alltag draußen."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-young-asian-woman-standing-front-cafe-entrance-inviting-people-businesswoman-owner_1258-134096.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-young-asian-woman-standing-front-cafe-entrance-inviting-people-businesswoman-owner_1258-134096.jpg"
|
||||
imageAlt="Der Inhaber im Gespräch mit Kunden"
|
||||
/>
|
||||
</div>
|
||||
@@ -178,36 +118,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Heißgetränke",
|
||||
descriptions: [
|
||||
"Filterkaffee",
|
||||
"Espresso",
|
||||
"Cappuccino",
|
||||
"Latte Macchiato",
|
||||
"Ausgewählte Tees",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Heißgetränke", descriptions: [
|
||||
"Filterkaffee", "Espresso", "Cappuccino", "Latte Macchiato", "Ausgewählte Tees"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Süßes",
|
||||
descriptions: [
|
||||
"Hausgemachter Kuchen",
|
||||
"Frisches Gebäck",
|
||||
"Tägliche wechselnde Auswahl",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg?_wi=1",
|
||||
},
|
||||
id: "2", title: "Süßes", descriptions: [
|
||||
"Hausgemachter Kuchen", "Frisches Gebäck", "Tägliche wechselnde Auswahl"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Herzhaftes",
|
||||
descriptions: [
|
||||
"Belegte Brote mit lokalen Zutaten",
|
||||
"Frühstücks-Snacks",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg?_wi=2",
|
||||
},
|
||||
id: "3", title: "Herzhaftes", descriptions: [
|
||||
"Belegte Brote mit lokalen Zutaten", "Frühstücks-Snacks"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg"},
|
||||
]}
|
||||
title="Hausgemacht & frisch"
|
||||
description="Wir setzen auf Qualität und lokale Verbundenheit. Alles was wir servieren, ist mit Liebe ausgewählt."
|
||||
@@ -216,41 +137,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "g1",
|
||||
title: "Vinyl-Ecke",
|
||||
descriptions: [
|
||||
"Direkt vor Ort reinhören.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg?_wi=3",
|
||||
},
|
||||
id: "g1", title: "Vinyl-Ecke", descriptions: [
|
||||
"Direkt vor Ort reinhören."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-record-player-with-vinyl-disc_23-2150315208.jpg"},
|
||||
{
|
||||
id: "g2",
|
||||
title: "Kaffeekultur",
|
||||
descriptions: [
|
||||
"Handwerk im Detail.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg?_wi=3",
|
||||
},
|
||||
id: "g2", title: "Kaffeekultur", descriptions: [
|
||||
"Handwerk im Detail."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg"},
|
||||
{
|
||||
id: "g3",
|
||||
title: "Schallplatten",
|
||||
descriptions: [
|
||||
"Stöbern und Entdecken.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950913.jpg?_wi=2",
|
||||
},
|
||||
id: "g3", title: "Schallplatten", descriptions: [
|
||||
"Stöbern und Entdecken."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950913.jpg"},
|
||||
{
|
||||
id: "g4",
|
||||
title: "Wohnzimmer",
|
||||
descriptions: [
|
||||
"Gemütliche Plätze.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg?_wi=2",
|
||||
},
|
||||
id: "g4", title: "Wohnzimmer", descriptions: [
|
||||
"Gemütliche Plätze."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-african-business-woman-wear-blue-blouse-skirt-sitting-cafe_627829-782.jpg"},
|
||||
]}
|
||||
title="Eindrücke"
|
||||
description="Ein kurzer Blick in unser kleines Vinyl-Paradies in der Bonner Straße."
|
||||
@@ -261,8 +167,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Besuch uns in der Südstadt: Bonner Str. 348, Köln. Mo–Fr 8–18 Uhr. Wir freuen uns auf dich!"
|
||||
/>
|
||||
</div>
|
||||
@@ -271,8 +176,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Schreib uns einfach für Anfragen oder Tischreservierungen: info@schallplattencafe.de | 0221 123 456 789"
|
||||
/>
|
||||
</div>
|
||||
@@ -283,25 +187,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Bonner Str. 348",
|
||||
href: "#",
|
||||
},
|
||||
label: "Bonner Str. 348", href: "#"},
|
||||
{
|
||||
label: "50968 Köln",
|
||||
href: "#",
|
||||
},
|
||||
label: "50968 Köln", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user