bender/1adfd2c4-e039-4877-96be-404ed4ec0d39
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-07 08:49:53 +00:00
parent 1e761aceb8 bdd79672a6
commit 0657ec70ff
2 changed files with 76 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/layout.tsx
View File

@@ -12,8 +12,8 @@ import { DM_Sans } from "next/font/google";
export const metadata: Metadata = {
title: 'Mainfloor Öhringen - Ihr Partner für Bauprojekte',
description: 'Mainfloor ist Ihr Experte für professionelle Bauprojekte in Öhringen. Wir bieten umfassende Beratung, Planung und Umsetzung für Ihr Zuhause oder Unternehmen.',
title: 'Mainfloor Öhringen - Ihre Bar, Lounge & Events',
description: 'Willkommen im Mainfloor Öhringen, Ihrer exklusiven Bar & Lounge mit Eventcharakter, exquisiten Cocktails und spannenden Gaming-Erlebnissen. Perfekt für unvergessliche Abende.',
keywords: ["Mainfloor, Öhringen, Bauprojekte, Bauunternehmen, Renovierung, Neubau, Planung, Beratung, Installation"],
openGraph: {
"title": "Mainfloor Öhringen - Ihr Partner für Bauprojekte",

264
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ 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 { Briefcase, Facebook, Instagram, Linkedin, TrendingUp, Users } from "lucide-react";
import { Martini, PartyPopper, Gamepad, Facebook, Instagram, Linkedin } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,38 +32,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Startseite",
id: "#home",
},
name: "Startseite", id: "#home"},
{
name: "Über Uns",
id: "#ueber-uns",
},
name: "Über Uns", id: "#ueber-uns"},
{
name: "Leistungen",
id: "#leistungen",
},
name: "Unsere Angebote", id: "#angebote"},
{
name: "Zahlen",
id: "#zahlen",
},
name: "Events & Zahlen", id: "#events"},
{
name: "Referenzen",
id: "#referenzen",
},
name: "Gästestimmen", id: "#gaestestimmen"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Kontakt",
id: "#kontakt",
},
name: "Kontakt", id: "#kontakt"},
]}
button={{
text: "Jetzt anfragen",
href: "#kontakt",
}}
text: "Jetzt reservieren", href: "#kontakt"}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5iv4fo"
logoAlt="Mainfloor Öhringen Logo"
brandName="Mainfloor Öhringen"
@@ -73,66 +57,41 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
title="Ihr Partner für Exzellenz in Öhringen"
description="Mainfloor bietet erstklassige Lösungen für Ihr Zuhause oder Unternehmen. Qualität, die überzeugt und auf die Sie sich verlassen können."
variant: "radial-gradient"}}
title="Willkommen im Mainfloor Öhringen"
description="Ihre exklusive Bar & Lounge mit Eventcharakter, exquisiten Cocktails und spannenden Gaming-Erlebnissen."
buttons={[
{
text: "Mehr erfahren",
href: "#ueber-uns",
},
text: "Unsere Angebote entdecken", href: "#angebote"},
{
text: "Kontaktieren Sie uns",
href: "#kontakt",
},
text: "Events & Partys", href: "#events"},
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-architecture-with-pool-reflection_23-2151993723.jpg"
imageAlt="Modernes Gebäudeinterieur mit viel Licht"
imageSrc="http://img.b2bpic.net/free-photo/elegant-cocktail-bar-interior_23-2149021541.jpg"
imageAlt="Elegante Bar-Lounge mit stilvollem Ambiente"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg",
alt: "Professioneller Mitarbeiter lächelt",
},
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: "Selbstbewusste Geschäftsfrau",
},
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 im Business-Outfit",
},
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/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",
},
src: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg", alt: "Erfahrener Berater Porträt"},
]}
avatarText="Über 250 zufriedene Kunden"
avatarText="Über 1000 glückliche Gäste"
marqueeItems={[
{
type: "text",
text: "Planung",
},
type: "text", text: "Cocktails"},
{
type: "text",
text: "Beratung",
},
type: "text", text: "Events"},
{
type: "text",
text: "Umsetzung",
},
type: "text", text: "Gaming"},
{
type: "text",
text: "Service",
},
type: "text", text: "Lounge"},
{
type: "text",
text: "Qualität",
},
type: "text", text: "Musik"},
]}
marqueeSpeed={40}
showMarqueeCard={true}
@@ -142,56 +101,38 @@ export default function LandingPage() {
<div id="ueber-uns" data-section="ueber-uns">
<MediaAbout
useInvertedBackground={true}
title="Wer wir sind"
description="Mainfloor ist Ihr zuverlässiger Partner in Öhringen und Umgebung. Mit langjähriger Erfahrung und einem engagierten Team bieten wir maßgeschneiderte Lösungen, die auf Ihre individuellen Bedürfnisse zugeschnitten sind. Vertrauen Sie auf unsere Expertise und unser Engagement für höchste Qualität in jedem Projekt."
imageSrc="http://img.b2bpic.net/free-photo/relaxed-coworkers-office-having-fun-chatting-while-reviewing-documents_482257-126482.jpg"
imageAlt="Team bespricht Projekt in modernem Büro"
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="http://img.b2bpic.net/free-photo/young-men-girls-drink-cocktails-club_18-2147772648.jpg"
imageAlt="Freunde genießen Cocktails in der Bar"
/>
</div>
<div id="leistungen" data-section="leistungen">
<div id="angebote" data-section="angebote">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "beratung-planung",
title: "Umfassende Beratung & Planung",
tags: [
"Strategie",
"Konzept",
],
imageSrc: "http://img.b2bpic.net/free-photo/architect-finishing-home-schematics-after-collaborating-with-engineers-ensure-designs-meet-client_482257-133033.jpg",
imageAlt: "Beratungsgespräch mit Kunden",
},
id: "cocktails", title: "Exquisite Cocktails & Drinks", tags: [
"Kreationen", "Klassiker", "Drinks"],
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-alcoholic-drinks-with-ice_23-2148733282.jpg", imageAlt: "Auswahl an bunten Cocktails"},
{
id: "umsetzung-installation",
title: "Professionelle Umsetzung & Installation",
tags: [
"Installation",
"Ausführung",
],
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-buildings-construction-against-blue-sky-sunlight_23-2148139973.jpg",
imageAlt: "Mitarbeiter bei der Installation",
},
id: "events", title: "Unvergessliche Events & Partys", tags: [
"DJ-Nights", "Themenabende", "Mietlocation"],
imageSrc: "http://img.b2bpic.net/free-photo/young-people-clubbing-with-neon-lights_23-2148733221.jpg", imageAlt: "Party mit Neonlichtern und tanzenden Menschen"},
{
id: "wartung-support",
title: "Zuverlässige Wartung & Support",
tags: [
"Service",
"Pflege",
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-working_23-2148836086.jpg",
imageAlt: "Techniker bei der Wartung",
},
id: "gaming", title: "Gaming-Tisch & Unterhaltung", tags: [
"Billard", "Kicker", "Darts", "Spiele"],
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-playing-billiards_23-2149495066.jpg", imageAlt: "Freunde spielen Billard in der Lounge"},
]}
title="Unsere Leistungen"
description="Entdecken Sie unser vielfältiges Angebot, das Ihr Projekt zum Erfolg führt. Wir sind Ihr starker Partner von der Idee bis zur Umsetzung."
title="Unsere Highlights & Angebote"
description="Entdecken Sie, was Mainfloor so besonders macht – von kreativen Drinks bis zu spannenden Unterhaltungsmöglichkeiten."
/>
</div>
<div id="zahlen" data-section="zahlen">
<div id="events" data-section="events">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
@@ -199,86 +140,44 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "kunden",
value: "250+",
title: "Zufriedene Kunden",
description: "Die Basis unseres Erfolgs.",
icon: Users,
id: "cocktails-gemixte", value: "5000+", title: "Gemixte Cocktails", description: "Jeder ein Kunstwerk.", icon: Martini,
},
{
id: "projekte",
value: "180+",
title: "Erfolgreiche Projekte",
description: "Jedes Projekt ein Meisterwerk.",
icon: TrendingUp,
id: "events-gehostet", value: "100+", title: "Gehostete Events", description: "Unvergessliche Nächte.", icon: PartyPopper,
},
{
id: "erfahrung",
value: "10+",
title: "Jahre Erfahrung",
description: "Expertise, die zählt.",
icon: Briefcase,
id: "gaming-tische", value: "1", title: "Gaming-Tisch", description: "Endloser Spaß.", icon: Gamepad,
},
]}
title="Mainfloor in Zahlen"
description="Erfolge, auf die wir stolz sind und die für unsere Kompetenz und die Zufriedenheit unserer Kunden sprechen."
title="Mainfloor in Zahlen & Highlights"
description="Ein Blick auf unsere Erfolge und was uns ausmacht."
/>
</div>
<div id="referenzen" data-section="referenzen">
<div id="gaestestimmen" data-section="gaestestimmen">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Müller",
handle: "@sm_architektin",
testimonial: "Mainfloor hat unser Projekt mit höchster Professionalität umgesetzt. Die Ergebnisse übertreffen unsere Erwartungen!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businessman-standing-against-grey-wall-clenching-his-fist_23-2148087510.jpg",
imageAlt: "Porträt von Sarah Müller",
},
id: "1", name: "Sarah Müller", handle: "@cocktail_lover", testimonial: "Die Cocktails sind fantastisch und die Stimmung ist immer top! Mein Lieblingsplatz in Öhringen.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mixed-race-woman_23-2148385732.jpg", imageAlt: "Porträt von Sarah Müller"},
{
id: "2",
name: "Max Schmidt",
handle: "@max_bau_gmbh",
testimonial: "Die Beratung war exzellent und die Installation erfolgte pünktlich und fehlerfrei. Absolut empfehlenswert!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-thumb-up-beach_1149-1081.jpg",
imageAlt: "Porträt von Max Schmidt",
},
id: "2", name: "Max Schmidt", handle: "@gaming_buddy", testimonial: "Gaming-Tisch und gute Musik – was will man mehr? Absolute Empfehlung für einen Abend mit Freunden.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man_1268-21877.jpg", imageAlt: "Porträt von Max Schmidt"},
{
id: "3",
name: "Lena Fischer",
handle: "@lena_design",
testimonial: "Mainfloor versteht es, Visionen in Realität umzusetzen. Wir sind mit dem Ergebnis sehr zufrieden.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
imageAlt: "Porträt von Lena Fischer",
},
id: "3", name: "Lena Fischer", handle: "@event_queen", testimonial: "Wir haben hier meinen Geburtstag gefeiert, und es war perfekt organisiert. Tolles Team, super Location!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-african-woman_171337-1725.jpg", imageAlt: "Porträt von Lena Fischer"},
{
id: "4",
name: "Paul Becker",
handle: "@paul_immobilien",
testimonial: "Der Service und die Qualität sind unschlagbar. Eine klare Empfehlung für jedes Bauvorhaben in Öhringen.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213492.jpg",
imageAlt: "Porträt von Paul Becker",
},
id: "4", name: "Paul Becker", handle: "@stammtisch_pauli", testimonial: "Entspannte Atmosphäre, leckere Drinks und immer eine gute Zeit. Kommen immer wieder gerne ins Mainfloor!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-man-suit_171337-9679.jpg", imageAlt: "Porträt von Paul Becker"},
{
id: "5",
name: "Anna Wagner",
handle: "@anna_interieur",
testimonial: "Von der ersten Skizze bis zur Übergabe – Mainfloor liefert stets höchste Standards. Wir werden sie wieder beauftragen!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-woman-with-tablet-cafe_1262-3779.jpg",
imageAlt: "Porträt von Anna Wagner",
},
id: "5", name: "Anna Wagner", handle: "@musik_fan", testimonial: "Von der ersten Skizze bis zur Übergabe – Mainfloor liefert stets höchste Standards. Wir werden sie wieder beauftragen!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl_23-2148080775.jpg", imageAlt: "Porträt von Anna Wagner"},
]}
showRating={true}
title="Was unsere Kunden sagen"
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>
@@ -289,19 +188,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "Welche Leistungen bietet Mainfloor an?",
content: "Mainfloor bietet umfassende Lösungen von der Beratung und Planung bis zur professionellen Umsetzung, Installation und Wartung für Ihr Zuhause oder Unternehmen in Öhringen.",
},
id: "faq-1", title: "Wann hat Mainfloor geöffnet?", content: "Unsere aktuellen Öffnungszeiten finden Sie auf unserer Kontaktseite oder in den sozialen Medien."},
{
id: "faq-2",
title: "Arbeiten Sie auch außerhalb von Öhringen?",
content: "Ja, wir sind hauptsächlich in Öhringen tätig, übernehmen aber auch Projekte in der näheren Umgebung. Bitte kontaktieren Sie uns für Details.",
},
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: "Wie kann ich ein Angebot anfordern?",
content: "Sie können uns über unser Kontaktformular auf dieser Webseite erreichen, uns telefonisch kontaktieren oder eine E-Mail senden. Wir erstellen Ihnen gerne ein unverbindliches Angebot.",
id: "faq-3", title: "Bieten Sie auch private Veranstaltungen an?", content: "Absolut! Mainfloor kann für private Feiern, Firmenveranstaltungen oder besondere Anlässe gemietet werden. Sprechen Sie uns an, um ein maßgeschneidertes Angebot zu erhalten."},
{
id: "faq-4", title: "Welche Arten von Gaming-Tischen gibt es?", content: "Wir bieten einen hochwertigen Billardtisch. Weitere Spiele wie Dart oder Brettspiele sind ebenfalls verfügbar."
},
]}
title="Häufig gestellte Fragen"
@@ -314,14 +207,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
text="Bereit, Ihr Projekt zu starten? Kontaktieren Sie uns noch heute für ein unverbindliches Angebot und eine persönliche Beratung. Wir freuen uns darauf, von Ihnen zu hören und Ihre Visionen Wirklichkeit werden zu lassen!"
variant: "radial-gradient"}}
text="Bereit für einen unvergesslichen Abend? Besuchen Sie uns im Mainfloor Öhringen oder kontaktieren Sie uns für Reservierungen und Eventanfragen. Wir freuen uns darauf, Sie zu begrüßen!"
buttons={[
{
text: "Jetzt kontaktieren",
href: "mailto:info@mainfloor.de",
},
text: "Jetzt kontaktieren", href: "mailto:info@mainfloor.de"},
]}
/>
</div>
@@ -331,27 +221,21 @@ export default function LandingPage() {
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5iv4fo"
logoAlt="Mainfloor Öhringen Logo"
logoText="Mainfloor Öhringen"
copyrightText="© 2024 Mainfloor. Alle Rechte vorbehalten."
copyrightText="© 2024 Mainfloor Öhringen. Alle Rechte vorbehalten."
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/mainfloor",
ariaLabel: "Facebook",
},
href: "https://facebook.com/mainfloor", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "https://instagram.com/mainfloor",
ariaLabel: "Instagram",
},
href: "https://instagram.com/mainfloor", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/mainfloor",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/mainfloor", ariaLabel: "LinkedIn"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}