Merge version_1 into main #2
324
src/app/page.tsx
324
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestim
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Droplets } from "lucide-react";
|
||||
import { Droplets, Beer, Sun, Users, PartyPopper } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -17,237 +17,113 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hurikan Bar"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Hurikan Bar"
|
||||
button={{ text: "Reservieren", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Hurikan – Deine ehrliche Bierbar in Dúbravka"
|
||||
description="Gutes Bier, faire Preise, entspannte Atmosphäre. Hier zählt nur eins: Spaß haben und den Abend genießen."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Markus",
|
||||
handle: "@markus",
|
||||
testimonial: "Sehr leckeres Bier, Preise top.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-holding-smartphone-glass-beer_1262-3554.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Anna",
|
||||
handle: "@anna",
|
||||
testimonial: "Terrasse sogar bei Regen super nutzbar.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-spending-weekend-pub_329181-18342.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Thomas",
|
||||
handle: "@thomas",
|
||||
testimonial: "Service manchmal frech – aber irgendwie lustig!",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-sitting-bar-holding-glasses-cocktails_23-2147859528.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "Perfekt für Eltern – Spielplatz gleich daneben.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-young-friends-bar_23-2147680746.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Peter",
|
||||
handle: "@peter",
|
||||
testimonial: "Positive Überraschung – viel besser als erwartet!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-friends-holding-glasses-drinks-bar_23-2147859561.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Mehr erfahren",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-with-beer-copy-space_23-2148600925.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-holding-smartphone-glass-beer_1262-3554.jpg",
|
||||
alt: "Markus",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/men-spending-weekend-pub_329181-18342.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-male-sitting-bar-holding-glasses-cocktails_23-2147859528.jpg",
|
||||
alt: "Thomas",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/three-young-friends-bar_23-2147680746.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-friends-holding-glasses-drinks-bar_23-2147859561.jpg",
|
||||
alt: "Peter",
|
||||
},
|
||||
]}
|
||||
avatarText="Über 500 zufriedene Gäste"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Hurikan – Deine ehrliche Bierbar in Dúbravka"
|
||||
description="Gutes Bier, faire Preise, entspannte Atmosphäre. Hier zählt nur eins: Spaß haben und den Abend genießen."
|
||||
testimonials={[
|
||||
{ name: "Markus", handle: "@markus", testimonial: "Sehr leckeres Bier, Preise top.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-holding-smartphone-glass-beer_1262-3554.jpg" },
|
||||
{ name: "Anna", handle: "@anna", testimonial: "Terrasse sogar bei Regen super nutzbar.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/men-spending-weekend-pub_329181-18342.jpg" },
|
||||
{ name: "Thomas", handle: "@thomas", testimonial: "Service manchmal frech – aber irgendwie lustig!", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-sitting-bar-holding-glasses-cocktails_23-2147859528.jpg" },
|
||||
{ name: "Sarah", handle: "@sarah", testimonial: "Perfekt für Eltern – Spielplatz gleich daneben.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/three-young-friends-bar_23-2147680746.jpg" },
|
||||
{ name: "Peter", handle: "@peter", testimonial: "Positive Überraschung – viel besser als erwartet!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-friends-holding-glasses-drinks-bar_23-2147859561.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Mehr erfahren", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-with-beer-copy-space_23-2148600925.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-man-holding-smartphone-glass-beer_1262-3554.jpg", alt: "Markus" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/men-spending-weekend-pub_329181-18342.jpg", alt: "Anna" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-male-sitting-bar-holding-glasses-cocktails_23-2147859528.jpg", alt: "Thomas" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/three-young-friends-bar_23-2147680746.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-friends-holding-glasses-drinks-bar_23-2147859561.jpg", alt: "Peter" },
|
||||
]}
|
||||
avatarText="Über 500 zufriedene Gäste"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Über Hurikan"
|
||||
title="Eine klassische Kneipe"
|
||||
description="Kein Essen, purer Genuss. Wir konzentrieren uns auf das Wesentliche: Gezapftes Gambrinus und Pilsner in einer Umgebung, die man einfach gern hat."
|
||||
subdescription="Mit großer, wetterfester Terrasse und direkt in der Nähe eines Spielplatzes – ideal für entspannte Nachmittage und Abende."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-three-friends-restaurant_23-2147680761.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Droplets}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Über Hurikan"
|
||||
title="Eine klassische Kneipe"
|
||||
description="Kein Essen, purer Genuss. Wir konzentrieren uns auf das Wesentliche: Gezapftes Gambrinus und Pilsner in einer Umgebung, die man einfach gern hat."
|
||||
subdescription="Mit großer, wetterfester Terrasse und direkt in der Nähe eines Spielplatzes – ideal für entspannte Nachmittage und Abende."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-three-friends-restaurant_23-2147680761.jpg"
|
||||
icon={Droplets}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "beer",
|
||||
badge: "Klassiker",
|
||||
price: "ab 1,90 €",
|
||||
subtitle: "Gezapftes Bier (Gambrinus, Pilsner)",
|
||||
buttons: [],
|
||||
features: [
|
||||
"Immer frisch",
|
||||
"Perfekt gekühlt",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "spirits",
|
||||
badge: "Stamperl",
|
||||
price: "ab 1,40 €",
|
||||
subtitle: "Štamprlík klasik",
|
||||
buttons: [],
|
||||
features: [
|
||||
"Hauseigene Auswahl",
|
||||
"Schnelle Bedienung",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Ehrliche Preise"
|
||||
description="Genuss muss nicht teuer sein."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "beer", badge: "Klassiker", price: "ab 1,90 €", subtitle: "Gezapftes Bier (Gambrinus, Pilsner)", buttons: [], features: ["Immer frisch", "Perfekt gekühlt"] },
|
||||
{ id: "spirits", badge: "Stamperl", price: "ab 1,40 €", subtitle: "Štamprlík klasik", buttons: [], features: ["Hauseigene Auswahl", "Schnelle Bedienung"] },
|
||||
]}
|
||||
title="Ehrliche Preise"
|
||||
description="Genuss muss nicht teuer sein."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Warum Hurikan?"
|
||||
description="Was uns zur Nummer 1 in Dúbravka macht."
|
||||
features={[
|
||||
{
|
||||
title: "Frisches Bier",
|
||||
description: "Immer perfekt gezapftes Pilsner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-holding-smartphone-glass-beer_1262-3554.jpg?_wi=2",
|
||||
buttonIcon: "Beer",
|
||||
},
|
||||
{
|
||||
title: "Große Terrasse",
|
||||
description: "Auch bei Regen ein echter Treffpunkt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-spending-weekend-pub_329181-18342.jpg?_wi=2",
|
||||
buttonIcon: "Sun",
|
||||
},
|
||||
{
|
||||
title: "Kinderfreundlich",
|
||||
description: "Spielplatz direkt nebenan für entspannte Eltern.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-young-friends-bar_23-2147680746.jpg?_wi=2",
|
||||
buttonIcon: "Users",
|
||||
},
|
||||
{
|
||||
title: "Beste Stimmung",
|
||||
description: "Das Wohnzimmer von Dúbravka.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-friends-holding-glasses-drinks-bar_23-2147859561.jpg?_wi=2",
|
||||
buttonIcon: "PartyPopper",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Warum Hurikan?"
|
||||
description="Was uns zur Nummer 1 in Dúbravka macht."
|
||||
features={[
|
||||
{ title: "Frisches Bier", description: "Immer perfekt gezapftes Pilsner.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-holding-smartphone-glass-beer_1262-3554.jpg", buttonIcon: Beer },
|
||||
{ title: "Große Terrasse", description: "Auch bei Regen ein echter Treffpunkt.", imageSrc: "http://img.b2bpic.net/free-photo/men-spending-weekend-pub_329181-18342.jpg", buttonIcon: Sun },
|
||||
{ title: "Kinderfreundlich", description: "Spielplatz direkt nebenan für entspannte Eltern.", imageSrc: "http://img.b2bpic.net/free-photo/three-young-friends-bar_23-2147680746.jpg", buttonIcon: Users },
|
||||
{ title: "Beste Stimmung", description: "Das Wohnzimmer von Dúbravka.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-friends-holding-glasses-drinks-bar_23-2147859561.jpg", buttonIcon: PartyPopper },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Besuch uns"
|
||||
title="Hurikan Bar Dúbravka"
|
||||
description="Bratislava – Dúbravka. Nur Barzahlung möglich. Wir freuen uns auf deinen Besuch!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Auf Google Maps finden",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Besuch uns"
|
||||
title="Hurikan Bar Dúbravka"
|
||||
description="Bratislava – Dúbravka. Nur Barzahlung möglich. Wir freuen uns auf deinen Besuch!"
|
||||
buttons={[{ text: "Auf Google Maps finden", href: "https://maps.google.com" }]}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-with-beer-copy-space_23-2148600925.jpg?_wi=2"
|
||||
logoText="Hurikan Bar"
|
||||
columns={[
|
||||
{
|
||||
title: "Hurikan",
|
||||
items: [
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Preise",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
{
|
||||
label: "Standort",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-with-beer-copy-space_23-2148600925.jpg"
|
||||
logoText="Hurikan Bar"
|
||||
columns={[
|
||||
{ title: "Hurikan", items: [{ label: "Über uns", href: "#about" }, { label: "Preise", href: "#pricing" }] },
|
||||
{ title: "Service", items: [{ label: "Standort", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user