From 04da84d83c404857863064b81cc68a77d51ef24d Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 26 Apr 2026 16:21:56 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 226 +++++++++++------------------------------------ 1 file changed, 50 insertions(+), 176 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 72a2b71..d2a94b9 100644 --- a/src/app/page.tsx +++ b/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() { @@ -59,59 +50,36 @@ export default function LandingPage() {
@@ -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() { @@ -325,29 +209,19 @@ export default function LandingPage() {