Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 374e0ed1ea | |||
| 4e95df606b |
236
src/app/page.tsx
236
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Startseite", 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="Fräulein Smilla"
|
brandName="Fräulein Smilla"
|
||||||
/>
|
/>
|
||||||
@@ -54,45 +46,22 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardCarousel
|
<HeroBillboardCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
title="Dein Lieblingsort in Augsburg wartet"
|
||||||
title="Your favorite place in Augsburg awaits"
|
description="Café am Morgen, Treffpunkt am Mittag, elegante Bar am Abend – ein wunderschöner Ort, drei gute Gründe, wiederzukommen."
|
||||||
description="Café by morning, gathering spot by noon, sophisticated bar by night—one beautiful space, three perfect reasons to return."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Reserve Your Table",
|
text: "Tisch reservieren", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Explore Our Menu",
|
text: "Zur Speisekarte", href: "#menu"},
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg?_wi=1", imageAlt: "Kaffeespezialitäten am Morgen" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg?_wi=1",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-restaurant-talking-mobile-phone_23-2147936262.jpg?_wi=1", imageAlt: "Treffpunkt am Mittag" },
|
||||||
imageAlt: "Morning Specialty Coffee",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg?_wi=1", imageAlt: "Abendliche Bar-Atmosphäre" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg?_wi=1", imageAlt: "Elegantes Design" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg?_wi=1", imageAlt: "Ästhetischer Brunch" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-restaurant-talking-mobile-phone_23-2147936262.jpg?_wi=1",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-enjoying-drinks-bar_23-2147859567.jpg", imageAlt: "Gastfreundschaft" },
|
||||||
imageAlt: "Midday Gathering Spot",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg?_wi=1",
|
|
||||||
imageAlt: "Evening Bar Atmosphere",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg?_wi=1",
|
|
||||||
imageAlt: "Sophisticated Design",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg?_wi=1",
|
|
||||||
imageAlt: "Instagram-worthy Brunch",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-enjoying-drinks-bar_23-2147859567.jpg",
|
|
||||||
imageAlt: "Aesthetic Hospitality",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -101,21 +70,15 @@ export default function LandingPage() {
|
|||||||
<SplitAbout
|
<SplitAbout
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="A space transformed, a feeling defined"
|
title="Ein Ort im Wandel, ein Gefühl definiert"
|
||||||
description="Nestled in the heart of Augsburg’s historic old town, Fräulein Smilla is more than just a destination; it's a living, breathing venue that shifts its soul as the sun moves across the sky. From the quiet focus of a morning café to the vibrant energy of an evening bar, every detail is crafted for connection."
|
description="Mitten in der historischen Altstadt von Augsburg gelegen, ist das Fräulein Smilla mehr als nur ein Ziel; es ist ein lebendiger Ort, der seine Seele verändert, während die Sonne über den Himmel zieht. Von der ruhigen Konzentration eines morgendlichen Cafés bis hin zur pulsierenden Energie einer Abendbar ist jedes Detail für Begegnungen geschaffen."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Refined Morning Rituals",
|
title: "Verfeinerte Morgenrituale", description: "Expert zubereiteter Kaffee und frische Köstlichkeiten, um den Tag zu beginnen."},
|
||||||
description: "Expertly brewed coffee and fresh morning bites to start your day.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Atmospheric Gathering Spot",
|
title: "Stimmungsvoller Treffpunkt", description: "Die perfekte, ästhetische Kulisse für Ihre Mittagstreffen."},
|
||||||
description: "A perfect, Instagram-worthy backdrop for your midday meetings.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Sophisticated Evening Bar",
|
title: "Elegante Abendbar", description: "Ausgewählte Getränke und eine anspruchsvolle Stimmung für soziale Momente."},
|
||||||
description: "Curated drinks and a sophisticated mood for social moments.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-girl-with-dark-hair-beret-classic-beige-trench-coat-sitting-table-city-cafe-terrace-smiling-having-cheesecake-tea-breakfast_197531-24446.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/cheerful-young-girl-with-dark-hair-beret-classic-beige-trench-coat-sitting-table-city-cafe-terrace-smiling-having-cheesecake-tea-breakfast_197531-24446.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -129,45 +92,15 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Spezialitäten-Espresso", price: "3,50€", imageSrc: "http://img.b2bpic.net/free-photo/closeup-view-cookies-with-coffee-beans_185193-165605.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", name: "Handgemachter Brunch-Teller", price: "14,00€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-cake-with-cream-fresh-sliced-fruits-along-with-cinnamon-tea-grey-blue-desk-fruit-cake-biscuit_140725-22588.jpg" },
|
||||||
name: "Specialty Espresso",
|
{ id: "p3", name: "Signatur-Nightcap", price: "12,00€", imageSrc: "http://img.b2bpic.net/free-photo/bar-tender-sprinkles-golden-glitter-into-cocktail-champagne-glass_141793-2004.jpg" },
|
||||||
price: "3.50€",
|
{ id: "p4", name: "Frisch gebackenes Croissant", price: "3,00€", imageSrc: "http://img.b2bpic.net/free-photo/yummy-cookie-table_140725-5626.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-view-cookies-with-coffee-beans_185193-165605.jpg",
|
{ id: "p5", name: "Gourmet-Mittagsbowl", price: "11,50€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cream-pie-with-cup-tea-black_140725-104689.jpg" },
|
||||||
},
|
{ id: "p6", name: "Ausgewählter Hauswein", price: "6,50€", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-delicious-drinks-arrangement_23-2149722447.jpg" },
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Artisan Brunch Plate",
|
|
||||||
price: "14.00€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-cake-with-cream-fresh-sliced-fruits-along-with-cinnamon-tea-grey-blue-desk-fruit-cake-biscuit_140725-22588.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Signature Nightcap",
|
|
||||||
price: "12.00€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/bar-tender-sprinkles-golden-glitter-into-cocktail-champagne-glass_141793-2004.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Fresh Baked Croissant",
|
|
||||||
price: "3.00€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/yummy-cookie-table_140725-5626.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Gourmet Midday Bowl",
|
|
||||||
price: "11.50€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cream-pie-with-cup-tea-black_140725-104689.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Selected House Wine",
|
|
||||||
price: "6.50€",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-delicious-drinks-arrangement_23-2149722447.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Curated for the moment"
|
title="Für den Moment kuratiert"
|
||||||
description="From single-origin beans to artisanal cocktails, our menu is designed to enhance every part of your day."
|
description="Von Single-Origin-Bohnen bis zu handwerklichen Cocktails ist unsere Karte darauf ausgelegt, jeden Teil Ihres Tages zu bereichern."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -178,24 +111,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "100%", description: "Authentische Gastfreundschaft" },
|
||||||
id: "m1",
|
{ id: "m2", value: "24/7", description: "Vibes (grob geschätzt)" },
|
||||||
value: "100%",
|
{ id: "m3", value: "5k+", description: "Glückliche Momente" },
|
||||||
description: "Authentic Hospitality",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "24/7",
|
|
||||||
description: "Vibes (roughly)",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "5k+",
|
|
||||||
description: "Happy Moments",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="A third place for everyone"
|
title="Ein dritter Ort für alle"
|
||||||
description="Whether you are here for the coffee, the connections, or the atmosphere, we make it memorable."
|
description="Ob Sie wegen des Kaffees, der Kontakte oder der Atmosphäre hier sind, wir machen es unvergesslich."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -204,64 +125,14 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "t1", name: "Sarah Meyer", date: "10.02.2024", title: "Kaffeeliebhaberin", quote: "Der absolut beste Morgenkaffee in Augsburg. Ein friedlicher Start in den Tag.", avatarSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986282.jpg", tag: "Stammgast", imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg?_wi=2" },
|
||||||
id: "t1",
|
{ id: "t2", name: "Lukas Weber", date: "15.02.2024", title: "Geschäftsmann", quote: "Perfekt für meine Kundentermine. Anspruchsvoll und immer zuverlässig.", avatarSrc: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg", tag: "Business", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-restaurant-talking-mobile-phone_23-2147936262.jpg?_wi=2" },
|
||||||
name: "Sarah Meyer",
|
{ id: "t3", name: "Elena Schmidt", date: "20.02.2024", title: "Nachteule", quote: "Die Barkarte ist außergewöhnlich. Die perfekte abendliche Atmosphäre für ein Date.", avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg", tag: "Social", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg?_wi=2" },
|
||||||
date: "10.02.2024",
|
{ id: "t4", name: "Jonas Fischer", date: "22.02.2024", title: "Bruncher", quote: "Der Brunch ist unglaublich. Ein schöner Ort, um den Morgen zu verbringen.", avatarSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg", tag: "Genießer", imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg?_wi=2" },
|
||||||
title: "Coffee Lover",
|
{ id: "t5", name: "Anna Becker", date: "25.02.2024", title: "Lokalmatadorin", quote: "Fräulein Smilla versteht wirklich, was Gastfreundschaft bedeutet. Ich fühle mich hier zu Hause.", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6756.jpg", tag: "Community", imageSrc: "http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg?_wi=2" },
|
||||||
quote: "The absolute best morning coffee in Augsburg. A peaceful start to my day.",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986282.jpg",
|
|
||||||
tag: "Regular",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg?_wi=2",
|
|
||||||
imageAlt: "elegant morning cafe scene latte art",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "Lukas Weber",
|
|
||||||
date: "15.02.2024",
|
|
||||||
title: "Professional",
|
|
||||||
quote: "Perfect for my client meetings. Sophisticated and always reliable.",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg",
|
|
||||||
tag: "Business",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-sitting-restaurant-talking-mobile-phone_23-2147936262.jpg?_wi=2",
|
|
||||||
imageAlt: "chic midday meeting place modern cafe",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Elena Schmidt",
|
|
||||||
date: "20.02.2024",
|
|
||||||
title: "Night Owl",
|
|
||||||
quote: "The bar menu is exceptional. The perfect evening atmosphere for a date.",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg",
|
|
||||||
tag: "Social",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-using-her-cellphone-reach-friend_1157-17795.jpg?_wi=2",
|
|
||||||
imageAlt: "sophisticated evening bar interior design",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "Jonas Fischer",
|
|
||||||
date: "22.02.2024",
|
|
||||||
title: "Bruncher",
|
|
||||||
quote: "The brunch is incredible. A beautiful space to spend the morning.",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
|
|
||||||
tag: "Foodie",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg?_wi=2",
|
|
||||||
imageAlt: "cafe bar design details cozy atmosphere",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Anna Becker",
|
|
||||||
date: "25.02.2024",
|
|
||||||
title: "Local",
|
|
||||||
quote: "Fräulein Smilla really understands what hospitality means. I feel at home here.",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6756.jpg",
|
|
||||||
tag: "Community",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-lady-is-sitting-cafe-with-wooden-furniture-watching-video-phone_197531-17107.jpg?_wi=2",
|
|
||||||
imageAlt: "brunch cafe bar interior style",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Stories from our regulars"
|
title="Geschichten unserer Gäste"
|
||||||
description="What our guests say about their time at Fräulein Smilla."
|
description="Was unsere Gäste über ihre Zeit im Fräulein Smilla sagen."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -269,20 +140,15 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
tag="Besuchen Sie uns"
|
||||||
tag="Visit Us"
|
title="Finden Sie Ihren Platz im Fräulein Smilla"
|
||||||
title="Find your spot at Fräulein Smilla"
|
description="Bereit für die beste Kaffee- und Barkultur in Augsburg? Reservieren Sie einen Tisch oder kommen Sie einfach vorbei, um Hallo zu sagen."
|
||||||
description="Ready to experience the best coffee and bar culture in Augsburg? Reserve a table or just stop by to say hello."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Reserve Now",
|
text: "Jetzt reservieren", href: "https://reserve.smilla.com"},
|
||||||
href: "https://reserve.smilla.com",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Contact Us",
|
text: "Kontaktieren Sie uns", href: "mailto:hello@smilla.com"},
|
||||||
href: "mailto:hello@smilla.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -290,18 +156,14 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterCard
|
<FooterCard
|
||||||
logoText="Fräulein Smilla"
|
logoText="Fräulein Smilla"
|
||||||
copyrightText="© 2025 Fräulein Smilla Café & Bar Augsburg. All rights reserved."
|
copyrightText="© 2025 Fräulein Smilla Café & Bar Augsburg. Alle Rechte vorbehalten."
|
||||||
socialLinks={[
|
socialLinks={[
|
||||||
{
|
{
|
||||||
icon: Instagram,
|
icon: Instagram,
|
||||||
href: "https://instagram.com/smilla",
|
href: "https://instagram.com/smilla", ariaLabel: "Instagram"},
|
||||||
ariaLabel: "Instagram",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Facebook,
|
icon: Facebook,
|
||||||
href: "https://facebook.com/smilla",
|
href: "https://facebook.com/smilla", ariaLabel: "Facebook"},
|
||||||
ariaLabel: "Facebook",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user