Update src/app/page.tsx

Merge version_2 into main

src/app/layout.tsx

@@ -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",

src/app/page.tsx

@@ -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: "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: "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: "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: "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: "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: "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: "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: "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: "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 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,23 +221,17 @@ 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>