Merge version_1 into main #2
226
src/app/page.tsx
226
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Star, Zap, Music, Smile } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -32,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Atmosphäre",
|
||||
id: "features",
|
||||
},
|
||||
name: "Atmosphäre", id: "features"},
|
||||
{
|
||||
name: "Feedback",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Feedback", id: "testimonials"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Hafenkran"
|
||||
/>
|
||||
@@ -59,59 +50,36 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Der Hafenkran Basel"
|
||||
description="Erlebe Drinks, Musik und den schönsten Sonnenuntergang direkt am Rhein. Einzigartige Bar-Atmosphäre auf historischem Hafengelände."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sexy-stylish-woman-fashion-party-outfit-summer-vacation-with-glass-cocktail-having-fun-pool_285396-4025.jpg",
|
||||
alt: "Besucher 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sexy-stylish-woman-fashion-party-outfit-summer-vacation-with-glass-cocktail-having-fun-pool_285396-4025.jpg", alt: "Besucher 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-family-hanging-out-jetty_23-2150514785.jpg",
|
||||
alt: "Besucher 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-family-hanging-out-jetty_23-2150514785.jpg", alt: "Besucher 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-enjoying-drinks-restaurant_23-2147861924.jpg",
|
||||
alt: "Besucher 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-enjoying-drinks-restaurant_23-2147861924.jpg", alt: "Besucher 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-bartender-holding-glass-draft-beer-while-working-bar_637285-5694.jpg",
|
||||
alt: "Besucher 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-bartender-holding-glass-draft-beer-while-working-bar_637285-5694.jpg", alt: "Besucher 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/rooftop-lounge-sunset_23-2151986955.jpg",
|
||||
alt: "Besucher 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/rooftop-lounge-sunset_23-2151986955.jpg", alt: "Besucher 5"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt besuchen",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Jetzt besuchen", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Open Daily",
|
||||
},
|
||||
type: "text", text: "Open Daily"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Riverside View",
|
||||
},
|
||||
type: "text", text: "Riverside View"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Signature Drinks",
|
||||
},
|
||||
type: "text", text: "Signature Drinks"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sunset Sessions",
|
||||
},
|
||||
type: "text", text: "Sunset Sessions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Live Music",
|
||||
},
|
||||
type: "text", text: "Live Music"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,19 +91,13 @@ export default function LandingPage() {
|
||||
description="Was als Hafenkran begann, ist heute eine der entspanntesten Locations Basels. Wir kombinieren Industriegeschichte mit urbanem Lifestyle."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Rheinsicht",
|
||||
},
|
||||
value: "100%", title: "Rheinsicht"},
|
||||
{
|
||||
value: "Unique",
|
||||
title: "Konzept",
|
||||
},
|
||||
value: "Unique", title: "Konzept"},
|
||||
{
|
||||
value: "Täglich",
|
||||
title: "Atmosphäre",
|
||||
},
|
||||
value: "Täglich", title: "Atmosphäre"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-people-drinking-kombucha_52683-122094.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-people-drinking-kombucha_52683-122094.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -147,33 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Blick auf den Rhein",
|
||||
description: "Die beste Aussicht auf den Flusslauf bei jedem Sonnenuntergang.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077812.jpg",
|
||||
imageAlt: "hafenkran basel rhein sonnenuntergang",
|
||||
},
|
||||
title: "Blick auf den Rhein", description: "Die beste Aussicht auf den Flusslauf bei jedem Sonnenuntergang.", buttonIcon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077812.jpg", imageAlt: "hafenkran basel rhein sonnenuntergang"},
|
||||
{
|
||||
title: "Einzigartiges Bar-Design",
|
||||
description: "Drinks genießen an einem historischen Hafenkran.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-drinking-kombucha_52683-122094.jpg?_wi=2",
|
||||
imageAlt: "hafenkran basel rhein sonnenuntergang",
|
||||
},
|
||||
title: "Einzigartiges Bar-Design", description: "Drinks genießen an einem historischen Hafenkran.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-drinking-kombucha_52683-122094.jpg", imageAlt: "hafenkran basel rhein sonnenuntergang"},
|
||||
{
|
||||
title: "Sommer-Events",
|
||||
description: "Dayraves, DJ-Sessions und gesellige Abende.",
|
||||
buttonIcon: "Music",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-looking-map-with-holding-coffee-cup-caf_23-2148202997.jpg?_wi=1",
|
||||
imageAlt: "hafenkran basel rhein sonnenuntergang",
|
||||
},
|
||||
title: "Sommer-Events", description: "Dayraves, DJ-Sessions und gesellige Abende.", buttonIcon: Music,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-looking-map-with-holding-coffee-cup-caf_23-2148202997.jpg", imageAlt: "hafenkran basel rhein sonnenuntergang"},
|
||||
{
|
||||
title: "Entspannte Vibes",
|
||||
description: "Ein Treffpunkt für alle, die Basel lieben.",
|
||||
buttonIcon: "Smile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-stylish-woman-fashion-party-outfit-summer-vacation-with-glass-cocktail-having-fun-pool_285396-4025.jpg",
|
||||
imageAlt: "hafenkran basel rhein sonnenuntergang",
|
||||
},
|
||||
title: "Entspannte Vibes", description: "Ein Treffpunkt für alle, die Basel lieben.", buttonIcon: Smile,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-stylish-woman-fashion-party-outfit-summer-vacation-with-glass-cocktail-having-fun-pool_285396-4025.jpg", imageAlt: "hafenkran basel rhein sonnenuntergang"},
|
||||
]}
|
||||
title="Warum Hafenkran?"
|
||||
description="Unsere Highlights im Überblick."
|
||||
@@ -187,26 +133,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Gäste pro Tag",
|
||||
description: "Bei gutem Wetter am Rhein.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/evening-view-prague_1398-2709.jpg",
|
||||
},
|
||||
id: "m1", value: "500+", title: "Gäste pro Tag", description: "Bei gutem Wetter am Rhein.", imageSrc: "http://img.b2bpic.net/free-photo/evening-view-prague_1398-2709.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Top",
|
||||
title: "Rating-Durchschnitt",
|
||||
description: "Durchweg positives Feedback zur Lage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/recreation-world-amusement-studio-park_1203-6196.jpg",
|
||||
},
|
||||
id: "m2", value: "Top", title: "Rating-Durchschnitt", description: "Durchweg positives Feedback zur Lage.", imageSrc: "http://img.b2bpic.net/free-photo/recreation-world-amusement-studio-park_1203-6196.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Unendlich",
|
||||
title: "Sonnenuntergänge",
|
||||
description: "Jeder Abend ist ein besonderes Erlebnis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-resort_23-2147765369.jpg",
|
||||
},
|
||||
id: "m3", value: "Unendlich", title: "Sonnenuntergänge", description: "Jeder Abend ist ein besonderes Erlebnis.", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-resort_23-2147765369.jpg"},
|
||||
]}
|
||||
title="Unsere Community"
|
||||
description="Wir stehen für Geselligkeit und Offenheit."
|
||||
@@ -218,14 +149,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Basel Stadt",
|
||||
"Rhein Magazin",
|
||||
"Event Guide",
|
||||
"Tourismus Basel",
|
||||
"Local Bar News",
|
||||
"Sommer Trends",
|
||||
"Kulturszene BS",
|
||||
]}
|
||||
"Basel Stadt", "Rhein Magazin", "Event Guide", "Tourismus Basel", "Local Bar News", "Sommer Trends", "Kulturszene BS"]}
|
||||
title="Bekannt aus"
|
||||
description="Die Medien und die Stadt lieben den Hafenkran."
|
||||
/>
|
||||
@@ -237,45 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Super Lage",
|
||||
quote: "Die Aussicht auf den Rhein ist unschlagbar.",
|
||||
name: "Anna S.",
|
||||
role: "Stammgast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-traveling-without-covid-worries_23-2149051622.jpg",
|
||||
},
|
||||
id: "1", title: "Super Lage", quote: "Die Aussicht auf den Rhein ist unschlagbar.", name: "Anna S.", role: "Stammgast", imageSrc: "http://img.b2bpic.net/free-photo/people-traveling-without-covid-worries_23-2149051622.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Cooler Ort",
|
||||
quote: "Endlich mal etwas anderes als immer nur die gleichen Bars.",
|
||||
name: "Marc K.",
|
||||
role: "Besucher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-drinking-kombucha_52683-122097.jpg",
|
||||
},
|
||||
id: "2", title: "Cooler Ort", quote: "Endlich mal etwas anderes als immer nur die gleichen Bars.", name: "Marc K.", role: "Besucher", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-drinking-kombucha_52683-122097.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sommer-Vibes",
|
||||
quote: "Bei Sonnenuntergang einfach der beste Ort in Basel.",
|
||||
name: "Sophie L.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-man-having-guarana-drink-outdoors_23-2150765632.jpg",
|
||||
},
|
||||
id: "3", title: "Sommer-Vibes", quote: "Bei Sonnenuntergang einfach der beste Ort in Basel.", name: "Sophie L.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/brazilian-man-having-guarana-drink-outdoors_23-2150765632.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Einzigartig",
|
||||
quote: "Das Kran-Konzept ist einfach originell.",
|
||||
name: "Jonas T.",
|
||||
role: "Gast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-5185.jpg",
|
||||
},
|
||||
id: "4", title: "Einzigartig", quote: "Das Kran-Konzept ist einfach originell.", name: "Jonas T.", role: "Gast", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cheerful-girl-with-tattooes-dreadlocks-is-sitting-food-court-while-drinking-coffee_613910-5185.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Entspannte Atmosphäre",
|
||||
quote: "Perfekt für entspannte Abende mit Freunden.",
|
||||
name: "Julia P.",
|
||||
role: "Besucherin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-woman_23-2148872434.jpg",
|
||||
},
|
||||
id: "5", title: "Entspannte Atmosphäre", quote: "Perfekt für entspannte Abende mit Freunden.", name: "Julia P.", role: "Besucherin", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-woman_23-2148872434.jpg"},
|
||||
]}
|
||||
title="Was unsere Gäste sagen"
|
||||
description="Ehrliche Meinungen über die Bar am Rhein."
|
||||
@@ -288,22 +182,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wie sind die Preise?",
|
||||
content: "Wir setzen auf Qualität und die besondere Location. Getränke haben ihren Preis.",
|
||||
},
|
||||
id: "f1", title: "Wie sind die Preise?", content: "Wir setzen auf Qualität und die besondere Location. Getränke haben ihren Preis."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Gibt es Sitzplätze?",
|
||||
content: "Im Sommer kann es voll werden, wir empfehlen früh zu kommen.",
|
||||
},
|
||||
id: "f2", title: "Gibt es Sitzplätze?", content: "Im Sommer kann es voll werden, wir empfehlen früh zu kommen."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Wann ist am meisten los?",
|
||||
content: "Besonders bei schönem Wetter und am Abend zum Sonnenuntergang.",
|
||||
},
|
||||
id: "f3", title: "Wann ist am meisten los?", content: "Besonders bei schönem Wetter und am Abend zum Sonnenuntergang."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-young-man-looking-map-with-holding-coffee-cup-caf_23-2148202997.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-young-man-looking-map-with-holding-coffee-cup-caf_23-2148202997.jpg"
|
||||
title="Häufige Fragen"
|
||||
description="Alles was du wissen musst."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -315,8 +200,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Komm vorbei und genieß den Rhein bei einem Drink."
|
||||
/>
|
||||
</div>
|
||||
@@ -325,29 +209,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Startseite",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Startseite", href: "#hero"},
|
||||
{
|
||||
label: "Über uns",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Über uns", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
title: "Service", items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
label: "Impressum", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user