Update src/app/page.tsx

Merge version_3 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 - Die neue Bar & Lounge mit Eventcharakter',
+  description: 'Entdecken Sie unvergessliche Abende im Herzen von Öhringen! Mainfloor bietet exquisite Cocktails, entspannte Lounge-Atmosphäre, Gaming und regelmäßige Events. Ihre exklusive Mietlocation.',
   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,39 +32,23 @@ 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",
-      }}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5iv4fo"
+        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"
     />
@@ -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="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: "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="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: "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,42 @@ 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="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="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: "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: "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: "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: "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 (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-1780825791722-fkl8nktn.jpg",          imageAlt: "Mainfloor Öhringen Location"}
       ]}
-      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 +144,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: "30+",          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: "T lo ",          handle: "Google Rezension",          testimonial: "Die Drinks und die Spiele sind perfekt für den Abend mit den Jungs!.",          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 +192,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: "So-Do= 19.00-2:00; Fr-Sa= 19.00-3:00 "},
         {
-          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: "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"
@@ -314,44 +211,35 @@ 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 (Bahnhofstraße 28, 74613 Öhringen) oder kontaktieren Sie uns für Reservierungen und Eventanfragen unter der Nummer 0155 63351313. 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.de",
-        },
+          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/default/no-image.jpg?id=5iv4fo"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780825248857-hj4i7v21.jpg"
       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>
   );
-}
+}