Switch to version 4: modified src/app/page.tsx

Merge version_4 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',
+  title: 'Mainfloor Öhringen - Die neue Bar & Lounge mit Eventcharakter',
-  description: 'Mainfloor ist Ihr Experte für professionelle Bauprojekte in Öhringen. Wir bieten umfassende Beratung, Planung und Umsetzung für Ihr Zuhause oder Unternehmen.',
+  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",
+          name: "Startseite",          id: "#home"},
-          id: "#home",
-        },
         {
-          name: "Über Uns",
+          name: "Über Uns",          id: "#ueber-uns"},
-          id: "#ueber-uns",
-        },
         {
-          name: "Leistungen",
+          name: "Unsere Angebote",          id: "#angebote"},
-          id: "#leistungen",
-        },
         {
-          name: "Zahlen",
+          name: "Events & Zahlen",          id: "#events"},
-          id: "#zahlen",
-        },
         {
-          name: "Referenzen",
+          name: "Gästestimmen",          id: "#gaestestimmen"},
-          id: "#referenzen",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "#faq"},
-          id: "#faq",
-        },
         {
-          name: "Kontakt",
+          name: "Kontakt",          id: "#kontakt"},
-          id: "#kontakt",
-        },
       ]}
       button={{
-        text: "Jetzt anfragen",
+        text: "Jetzt reservieren",        href: "#kontakt"}}
-        href: "#kontakt",
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823565871-usotuws9.png"
-      }}
-      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",
+        variant: "radial-gradient"}}
-      }}
+      title="MAINFLOOR ÖHRINGEN"
-      title="Ihr Partner für Exzellenz in Ö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."
-      description="Mainfloor bietet erstklassige Lösungen für Ihr Zuhause oder Unternehmen. Qualität, die überzeugt und auf die Sie sich verlassen können."
       buttons={[
         {
-          text: "Mehr erfahren",
+          text: "Unsere Angebote entdecken",          href: "#angebote"},
-          href: "#ueber-uns",
-        },
         {
-          text: "Kontaktieren Sie uns",
+          text: "Events & Partys",          href: "#events"},
-          href: "#kontakt",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-minimalist-architecture-with-pool-reflection_23-2151993723.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823692444-72pwflcc.png"
-      imageAlt="Modernes Gebäudeinterieur mit viel Licht"
+      imageAlt="Elegante Bar-Lounge mit stilvollem Ambiente"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg",
+          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2545.jpg",          alt: "Glücklicher Gast"},
-          alt: "Professioneller Mitarbeiter lächelt",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21403.jpg",
+          src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21403.jpg",          alt: "Zufriedene Besucherin"},
-          alt: "Selbstbewusste Geschäftsfrau",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man_1268-21877.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man_1268-21877.jpg",          alt: "Junger Mann genießt den Abend"},
-          alt: "Junger Mann im Business-Outfit",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/handsome-young-african-man-isolated_171337-9759.jpg",
+          src: "http://img.b2bpic.net/free-photo/handsome-young-african-man-isolated_171337-9759.jpg",          alt: "Teammitglied mit professionellem Auftreten"},
-          alt: "Teammitglied mit professionellem Auftreten",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",
+          src: "http://img.b2bpic.net/free-photo/mature-business-manager-office_1098-21368.jpg",          alt: "Erfahrener Berater Porträt"},
-          alt: "Erfahrener Berater Porträt",
-        },
       ]}
-      avatarText="Über 250 zufriedene Kunden"
+      avatarText="Über 1000 glückliche Gäste"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Cocktails"},
-          text: "Planung",
-        },
         {
-          type: "text",
+          type: "text",          text: "Events"},
-          text: "Beratung",
-        },
         {
-          type: "text",
+          type: "text",          text: "Gaming"},
-          text: "Umsetzung",
-        },
         {
-          type: "text",
+          type: "text",          text: "Lounge"},
-          text: "Service",
-        },
         {
-          type: "text",
+          type: "text",          text: "Musik"},
-          text: "Qualität",
-        },
       ]}
       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"
+      title="Mehr als nur eine Bar"
-      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."
+      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/relaxed-coworkers-office-having-fun-chatting-while-reviewing-documents_482257-126482.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823565871-7ygmjrq6.png?_wi=1"
-      imageAlt="Team bespricht Projekt in modernem Büro"
+      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",
+          id: "cocktails",          title: "Handverlesene Cocktails & Drinks",          tags: [
-          title: "Umfassende Beratung & Planung",
+            "Kreationen",            "Klassiker",            "Drinks"],
-          tags: [
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823565871-n9t15q6v.jpg?_wi=2",          imageAlt: "Auswahl an bunten Cocktails"},
-            "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: "umsetzung-installation",
+          id: "events",          title: "Regelmäßige Events & DJ-Nights",          tags: [
-          title: "Professionelle Umsetzung & Installation",
+            "DJ-Nights",            "Themenabende",            "Mietlocation"],
-          tags: [
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823895777-0co9owny.png",          imageAlt: "Party mit Neonlichtern und tanzenden Menschen"},
-            "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: "wartung-support",
+          id: "gaming",          title: "Gaming-Tisch (Billard, Kicker, Dart)",          tags: [
-          title: "Zuverlässige Wartung & Support",
+            "Billard",            "Kicker",            "Darts",            "Spiele"],
-          tags: [
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780823565871-infftkdf.png",          imageAlt: "Freunde spielen Billard in der Lounge"},
-            "Service",
+        {
-            "Pflege",
+          id: "mietlocation",          title: "Exklusive Mietlocation",          tags: [
-          ],
+            "Private Feiern",            "Firmenevents",            "Anlässe"],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-working_23-2148836086.jpg",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EnkbCj9ijVBjyDRG39COr0TzPQ/uploaded-1780825791722-fkl8nktn.jpg",          imageAlt: "Mainfloor Öhringen Location"}
-          imageAlt: "Techniker bei der Wartung",
-        },
       ]}
-      title="Unsere Leistungen"
+      title="Unsere Highlights & Angebote"
-      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."
+      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",
+          id: "cocktails-gemixte",          value: "5000+",          title: "Gemixte Cocktails",          description: "Jeder ein Kunstwerk.",          icon: Martini,
-          value: "250+",
-          title: "Zufriedene Kunden",
-          description: "Die Basis unseres Erfolgs.",
-          icon: Users,
         },
         {
-          id: "projekte",
+          id: "events-gehostet",          value: "30+",          title: "Gehostete Events",          description: "Unvergessliche Nächte.",          icon: PartyPopper,
-          value: "180+",
-          title: "Erfolgreiche Projekte",
-          description: "Jedes Projekt ein Meisterwerk.",
-          icon: TrendingUp,
         },
         {
-          id: "erfahrung",
+          id: "gaming-tische",          value: "1",          title: "Gaming-Tisch",          description: "Endloser Spaß.",          icon: Gamepad,
-          value: "10+",
-          title: "Jahre Erfahrung",
-          description: "Expertise, die zählt.",
-          icon: Briefcase,
         },
       ]}
-      title="Mainfloor in Zahlen"
+      title="Mainfloor in Zahlen & Highlights"
-      description="Erfolge, auf die wir stolz sind und die für unsere Kompetenz und die Zufriedenheit unserer Kunden sprechen."
+      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",
+          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,
-          name: "Sarah Müller",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-african-woman-using-laptop_23-2148733220.jpg",          imageAlt: "Google Maps Profilbild von Anna K."},
-          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: "2",
+          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,
-          name: "Max Schmidt",
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-african-man-isolated_171337-9759.jpg",          imageAlt: "Google Maps Profilbild von Tobias M."},
-          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: "3",
+          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,
-          name: "Lena Fischer",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-listening-music-headphones_23-2147781524.jpg",          imageAlt: "Google Maps Profilbild von Lea S."},
-          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: "4",
+          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,
-          name: "Paul Becker",
+          imageSrc: "http://img.b2bpic.net/free-photo/successful-young-african-man-gesturing_171337-9784.jpg",          imageAlt: "Google Maps Profilbild von Stefan R."},
-          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: "5",
+          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,
-          name: "Anna Wagner",
+          imageSrc: "http://img.b2bpic.net/free-photo/elegant-brunette-woman-laughing_1268-21950.jpg",          imageAlt: "Google Maps Profilbild von Maja B."}
-          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",
-        },
       ]}
       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",
+          id: "faq-1",          title: "Wann hat Mainfloor geöffnet?",          content: "So-Do= 19.00-2:00; Fr-Sa= 19.00-3:00 "},
-          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-2",
+          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."},
-          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-3",
+          id: "faq-3",          title: "Wo finden sie uns? ",          content: "Bahnhofstraße 28,74613 Öhringen  "},
-          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-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",
+        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!"
-      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!"
       buttons={[
         {
-          text: "Jetzt kontaktieren",
+          text: "Jetzt kontaktieren",          href: "mailto:info@mainfloor-oehringen.de"},
-          href: "mailto:info@mainfloor.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",
+          href: "https://facebook.com/mainfloor",          ariaLabel: "Facebook"},
-          ariaLabel: "Facebook",
-        },
         {
           icon: Instagram,
-          href: "https://instagram.com/mainfloor",
+          href: "https://instagram.com/mainfloor",          ariaLabel: "Instagram"},
-          ariaLabel: "Instagram",
-        },
         {
           icon: Linkedin,
-          href: "https://linkedin.com/company/mainfloor",
+          href: "https://linkedin.com/company/mainfloor",          ariaLabel: "LinkedIn"},
-          ariaLabel: "LinkedIn",
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}