245 lines
13 KiB
TypeScript
245 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import { Martini, PartyPopper, Gamepad, Facebook, Instagram, Linkedin } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="compact"
|
||
sizing="mediumLarge"
|
||
background="circleGradient"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Startseite", id: "#home"},
|
||
{
|
||
name: "Über Uns", id: "#ueber-uns"},
|
||
{
|
||
name: "Unsere Angebote", id: "#angebote"},
|
||
{
|
||
name: "Events & Zahlen", id: "#events"},
|
||
{
|
||
name: "Gästestimmen", id: "#gaestestimmen"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
{
|
||
name: "Kontakt", id: "#kontakt"},
|
||
]}
|
||
button={{
|
||
text: "Jetzt reservieren", href: "#kontakt"}}
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823565871-usotuws9.png"
|
||
logoAlt="Mainfloor Öhringen Logo"
|
||
brandName="Mainfloor Öhringen"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboard
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
title="MAINFLOOR ÖHRINGEN"
|
||
description="DIE NEUE BAR & LOUNGE MIT EVENTCHARAKTER IN ÖHRINGEN. Entdecke unvergessliche Abende im Herzen von Öhringen! Mainfloor Öhringen ist mehr als nur eine Bar – es ist dein neuer Treffpunkt für exquisite Cocktails, entspannte Lounge-Atmosphäre und spannende Unterhaltung."
|
||
buttons={[
|
||
{
|
||
text: "Unsere Angebote entdecken", href: "#angebote"},
|
||
{
|
||
text: "Events & Partys", href: "#events"},
|
||
]}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823692444-72pwflcc.png"
|
||
imageAlt="Elegante Bar-Lounge mit stilvollem Ambiente"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg", alt: "Glücklicher Gast"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21403.jpg", alt: "Zufriedene Besucherin"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man_1268-21877.jpg", alt: "Junger Mann genießt den Abend"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/handsome-young-african-man-isolated_171337-9759.jpg", alt: "Teammitglied mit professionellem Auftreten"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg", alt: "Erfahrener Berater Porträt"},
|
||
]}
|
||
avatarText="Über 1000 glückliche Gäste"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Cocktails"},
|
||
{
|
||
type: "text", text: "Events"},
|
||
{
|
||
type: "text", text: "Gaming"},
|
||
{
|
||
type: "text", text: "Lounge"},
|
||
{
|
||
type: "text", text: "Musik"},
|
||
]}
|
||
marqueeSpeed={40}
|
||
showMarqueeCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="ueber-uns" data-section="ueber-uns">
|
||
<MediaAbout
|
||
useInvertedBackground={true}
|
||
title="Mehr als nur eine Bar"
|
||
description="Das Mainfloor in Öhringen ist der perfekte Ort, um den Alltag hinter sich zu lassen. Genießen Sie handgemixte Cocktails, entspannen Sie in unserer stilvollen Lounge oder fordern Sie Freunde am Gaming-Tisch heraus. Wir bieten eine einzigartige Atmosphäre für unvergessliche Abende und besondere Events."
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823565871-7ygmjrq6.png?_wi=1"
|
||
imageAlt="Freunde genießen Cocktails in der Bar"
|
||
/>
|
||
</div>
|
||
|
||
<div id="angebote" data-section="angebote">
|
||
<FeatureCardTwentyThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "cocktails", title: "Handverlesene Cocktails & Drinks", tags: [
|
||
"Kreationen", "Klassiker", "Drinks"],
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823565871-n9t15q6v.jpg?_wi=2", imageAlt: "Auswahl an bunten Cocktails"},
|
||
{
|
||
id: "events", title: "Regelmäßige Events & DJ-Nights", tags: [
|
||
"DJ-Nights", "Themenabende", "Mietlocation"],
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823895777-0co9owny.png", imageAlt: "Party mit Neonlichtern und tanzenden Menschen"},
|
||
{
|
||
id: "gaming", title: "Gaming-Tisch (Billard, Kicker, Dart)", tags: [
|
||
"Billard", "Kicker", "Darts", "Spiele"],
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823565871-infftkdf.png", imageAlt: "Freunde spielen Billard in der Lounge"},
|
||
{
|
||
id: "mietlocation", title: "Exklusive Mietlocation", tags: [
|
||
"Private Feiern", "Firmenevents", "Anlässe"],
|
||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823565871-ouidw18k.png", imageAlt: "Mainfloor Öhringen Location"}
|
||
]}
|
||
title="Unsere Highlights & Angebote"
|
||
description="Entdecken Sie, was Mainfloor so besonders macht – von kreativen Drinks bis zu spannenden Unterhaltungsmöglichkeiten."
|
||
/>
|
||
</div>
|
||
|
||
<div id="events" data-section="events">
|
||
<MetricCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={true}
|
||
metrics={[
|
||
{
|
||
id: "cocktails-gemixte", value: "5000+", title: "Gemixte Cocktails", description: "Jeder ein Kunstwerk.", icon: Martini,
|
||
},
|
||
{
|
||
id: "events-gehostet", value: "100+", title: "Gehostete Events", description: "Unvergessliche Nächte.", icon: PartyPopper,
|
||
},
|
||
{
|
||
id: "gaming-tische", value: "1", title: "Gaming-Tisch", description: "Endloser Spaß.", icon: Gamepad,
|
||
},
|
||
]}
|
||
title="Mainfloor in Zahlen & Highlights"
|
||
description="Ein Blick auf unsere Erfolge und was uns ausmacht."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gaestestimmen" data-section="gaestestimmen">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Anna K.", handle: "Google Rezension", testimonial: "Das Mainfloor ist eine absolute Bereicherung für Öhringen! Super Cocktails und die Atmosphäre ist unschlagbar. Definitiv mein neuer Lieblingsort.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-african-woman-using-laptop_23-2148733220.jpg", imageAlt: "Google Maps Profilbild von Anna K."},
|
||
{
|
||
id: "2", name: "Tobias M.", handle: "Google Rezension", testimonial: "Als Gaming-Fan bin ich begeistert vom Billardtisch. Dazu noch leckere Drinks und nette Leute. Top!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-african-man-isolated_171337-9759.jpg", imageAlt: "Google Maps Profilbild von Tobias M."},
|
||
{
|
||
id: "3", name: "Lea S.", handle: "Google Rezension", testimonial: "Wir haben eine private Feier hier ausgerichtet und waren restlos begeistert. Der Service war hervorragend und alles hat super geklappt.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-listening-music-headphones_23-2147781524.jpg", imageAlt: "Google Maps Profilbild von Lea S."},
|
||
{
|
||
id: "4", name: "Stefan R.", handle: "Google Rezension", testimonial: "Immer wieder gerne! Die Events sind abwechslungsreich und die Musik passt immer. Ein Muss in Öhringen.", rating: 4,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-african-man-gesturing_171337-9784.jpg", imageAlt: "Google Maps Profilbild von Stefan R."},
|
||
{
|
||
id: "5", name: "Maja B.", handle: "Google Rezension", testimonial: "Einfach entspannt! Perfekt, um nach der Arbeit einen Drink zu genießen und den Abend ausklingen zu lassen.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-brunette-woman-laughing_1268-21950.jpg", imageAlt: "Google Maps Profilbild von Maja B."}
|
||
]}
|
||
showRating={true}
|
||
title="Was unsere Gäste sagen"
|
||
description="Hören Sie direkt von denen, die unsere Arbeit am besten kennen und unsere Qualität schätzen."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "Wann hat Mainfloor geöffnet?", content: "So-Do= 19.00-2:00; Fr-Sa= 19.00-3:00 "},
|
||
{
|
||
id: "faq-2", title: "Kann ich einen Tisch reservieren?", content: "Ja, Reservierungen sind besonders für größere Gruppen oder an Eventabenden empfehlenswert. Kontaktieren Sie uns gerne telefonisch oder per E-Mail."},
|
||
{
|
||
id: "faq-3", title: "Wo finden sie uns? ", content: "Bahnhofstraße 28,74613 Öhringen "},
|
||
{
|
||
id: "faq-4", title: "Welche Unterhaltungsangebot oder Entertainment & Spiele finden sie bei uns ?", content: "Bei uns findest du Dart, Billard und einen Gaming-Tisch – für den perfekten Abend mit Freunden! "
|
||
},
|
||
]}
|
||
title="Häufig gestellte Fragen"
|
||
description="Finden Sie hier Antworten auf die wichtigsten Fragen zu unseren Dienstleistungen und unserem Unternehmen."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="kontakt" data-section="kontakt">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
text="Bereit für einen unvergesslichen Abend? Besuchen Sie uns im Mainfloor Öhringen (Postgasse 4/1, 74613 Öhringen) oder kontaktieren Sie uns für Reservierungen und Eventanfragen. Wir haben Freitag & Samstag ab 20 Uhr geöffnet und freuen uns darauf, Sie zu begrüßen!"
|
||
buttons={[
|
||
{
|
||
text: "Jetzt kontaktieren", href: "mailto:info@mainfloor-oehringen.de"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823565871-usotuws9.png"
|
||
logoAlt="Mainfloor Öhringen Logo"
|
||
logoText="Mainfloor Öhringen"
|
||
copyrightText="© 2024 Mainfloor Öhringen. Alle Rechte vorbehalten."
|
||
socialLinks={[
|
||
{
|
||
icon: Facebook,
|
||
href: "https://facebook.com/mainfloor", ariaLabel: "Facebook"},
|
||
{
|
||
icon: Instagram,
|
||
href: "https://instagram.com/mainfloor", ariaLabel: "Instagram"},
|
||
{
|
||
icon: Linkedin,
|
||
href: "https://linkedin.com/company/mainfloor", ariaLabel: "LinkedIn"},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |