From 814539402dd84142a411c74308c125e635416081 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 1 Jun 2026 12:18:51 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 346 ++++++++++++----------------------------------- 1 file changed, 83 insertions(+), 263 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 55d7f2c..e99b896 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,33 +33,19 @@ export default function LandingPage() { @@ -68,22 +54,17 @@ export default function LandingPage() {
@@ -95,19 +76,13 @@ export default function LandingPage() { description="CleanSafe steht für Zuverlässigkeit und glasklare Ergebnisse. Wir bieten modernen Service mit einem freundlichen Team und flexiblen Terminen, immer mit Liebe zum Detail – für ein strahlendes Zuhause oder Unternehmen." metrics={[ { - value: "100%", - title: "Kundenzufriedenheit", - }, + value: "100%", title: "Kundenzufriedenheit"}, { - value: "10+", - title: "Jahre Erfahrung", - }, + value: "10+", title: "Jahre Erfahrung"}, { - value: "200+", - title: "Zufriedene Kunden", - }, + value: "200+", title: "Zufriedene Kunden"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/group-volunteers-doing-thumbs-up-sign_23-2148687294.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/group-volunteers-doing-thumbs-up-sign_23-2148687294.jpg" imageAlt="Freundliches CleanSafe Reinigungsteam lächelt" mediaAnimation="slide-up" metricsAnimation="slide-up" @@ -121,107 +96,59 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Fensterreinigung", - description: "Professionelle Reinigung aller Fensterflächen für private und gewerbliche Kunden.", - icon: Sparkles, + title: "Fensterreinigung", description: "Professionelle Reinigung aller Fensterflächen für private und gewerbliche Kunden.", icon: Sparkles, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/man-servant-washing-windows_23-2149530809.jpg", - imageAlt: "Sauberes Fenster im Sonnenlicht", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-servant-washing-windows_23-2149530809.jpg", imageAlt: "Sauberes Fenster im Sonnenlicht"}, { - imageSrc: "http://img.b2bpic.net/free-photo/blurred-man-behinds-window-with-rain-drops_53876-126927.jpg", - imageAlt: "Fensterputzer mit Squeegee", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-working-as-plumber_23-2150746410.jpg?_wi=2", - imageAlt: "clean window close up clear glass", + imageSrc: "http://img.b2bpic.net/free-photo/blurred-man-behinds-window-with-rain-drops_53876-126927.jpg", imageAlt: "Fensterputzer mit Squeegee"}, + ] }, { - title: "Schaufensterreinigung", - description: "Kristallklare Schaufenster, die Ihre Produkte optimal zur Geltung bringen.", - icon: Building, + title: "Schaufensterreinigung", description: "Kristallklare Schaufenster, die Ihre Produkte optimal zur Geltung bringen.", icon: Building, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg", - imageAlt: "Schaufensterreinigung in der Stadt", - }, + imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6236.jpg", imageAlt: "Schaufensterreinigung in der Stadt"}, { - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-office-building_1252-1161.jpg", - imageAlt: "Sauberes Schaufenster eines Cafés", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/group-volunteers-doing-thumbs-up-sign_23-2148687294.jpg?_wi=2", - imageAlt: "clean window close up clear glass", + imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-office-building_1252-1161.jpg", imageAlt: "Sauberes Schaufenster eines Cafés"}, + ] }, { - title: "Glasreinigung", - description: "Umfassende Reinigung aller Glasflächen, innen und außen, inklusive Türen und Trennwände.", - icon: Droplets, + title: "Glasreinigung", description: "Umfassende Reinigung aller Glasflächen, innen und außen, inklusive Türen und Trennwände.", icon: Droplets, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-cleaning-bathroom-glass_23-2149374750.jpg", - imageAlt: "Reinigung einer Glaswand im Büro", - }, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-cleaning-bathroom-glass_23-2149374750.jpg", imageAlt: "Reinigung einer Glaswand im Büro"}, { - imageSrc: "http://img.b2bpic.net/free-photo/windows-contemporary-office-building_1127-2211.jpg", - imageAlt: "Professionelle Glasreinigung innen", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-watering-bonsai-tree-apartment_158595-5619.jpg", - imageAlt: "clean window close up clear glass", + imageSrc: "http://img.b2bpic.net/free-photo/windows-contemporary-office-building_1127-2211.jpg", imageAlt: "Professionelle Glasreinigung innen"}, + ] }, { - title: "Rahmenreinigung", - description: "Gründliche Säuberung der Fensterrahmen für ein perfektes Gesamtbild.", - icon: Square, + title: "Rahmenreinigung", description: "Gründliche Säuberung der Fensterrahmen für ein perfektes Gesamtbild.", icon: Square, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/couple-with-wine-window_23-2147770791.jpg", - imageAlt: "Detailaufnahme von Fensterrahmenreinigung", - }, + imageSrc: "http://img.b2bpic.net/free-photo/couple-with-wine-window_23-2147770791.jpg", imageAlt: "Detailaufnahme von Fensterrahmenreinigung"}, { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746415.jpg", - imageAlt: "Sauberer Fensterrahmen aus Holz", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-after-shower-towel-stands-balcony-villa-drink-coffee-tea-perfect-start-day-calm-relaxed-female-meets-new-day_343596-2079.jpg", - imageAlt: "clean window close up clear glass", + imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746415.jpg", imageAlt: "Sauberer Fensterrahmen aus Holz"}, + ] }, { - title: "Für Privathaushalte", - description: "Wir reinigen Ihre Fenster streifenfrei, damit Ihr Zuhause immer im besten Licht erstrahlt.", - icon: Home, + title: "Für Privathaushalte", description: "Wir reinigen Ihre Fenster streifenfrei, damit Ihr Zuhause immer im besten Licht erstrahlt.", icon: Home, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/windows_1203-807.jpg", - imageAlt: "Fensterreinigung am Einfamilienhaus", - }, + imageSrc: "http://img.b2bpic.net/free-photo/windows_1203-807.jpg", imageAlt: "Fensterreinigung am Einfamilienhaus"}, { - imageSrc: "http://img.b2bpic.net/free-photo/stairs-office-building_1127-2210.jpg", - imageAlt: "Reinigung von Balkonfenstern", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-wiping-window_23-2148465079.jpg?_wi=1", - imageAlt: "clean window close up clear glass", + imageSrc: "http://img.b2bpic.net/free-photo/stairs-office-building_1127-2210.jpg", imageAlt: "Reinigung von Balkonfenstern"}, + ] }, { - title: "Für Kleine Unternehmen", - description: "Zuverlässige und diskrete Reinigung für Büros, Praxen, Geschäfte und Restaurants.", - icon: Briefcase, + title: "Für Kleine Unternehmen", description: "Zuverlässige und diskrete Reinigung für Büros, Praxen, Geschäfte und Restaurants.", icon: Briefcase, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/reflection-walking-people_23-2147657187.jpg?_wi=1", - imageAlt: "Reinigung von Bürofenstern eines kleinen Unternehmens", - }, + imageSrc: "http://img.b2bpic.net/free-photo/reflection-walking-people_23-2147657187.jpg", imageAlt: "Reinigung von Bürofenstern eines kleinen Unternehmens"}, { - imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374391.jpg?_wi=1", - imageAlt: "Saubere Fenster eines Cafés", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1062.jpg?_wi=1", - imageAlt: "clean window close up clear glass", - }, + imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374391.jpg", imageAlt: "Saubere Fenster eines Cafés"}, + ] + } ]} title="Unsere glänzenden Leistungen" description="Wir bieten eine umfassende Palette an professionellen Reinigungsdienstleistungen, die speziell auf Ihre Bedürfnisse zugeschnitten sind. Von Privathäusern bis zu kleinen Unternehmen – wir sorgen für makellose Sauberkeit." @@ -236,35 +163,17 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "m1", - value: "Fair", - description: "Preise ohne versteckte Kosten und immer transparent.", - }, + id: "m1", value: "Fair", description: "Preise ohne versteckte Kosten und immer transparent."}, { - id: "m2", - value: "Modern", - description: "Wir nutzen die neueste Reinigungstechnik für beste Ergebnisse.", - }, + id: "m2", value: "Modern", description: "Wir nutzen die neueste Reinigungstechnik für beste Ergebnisse."}, { - id: "m3", - value: "Zuverlässig", - description: "Termine werden pünktlich eingehalten, Ergebnisse sind makellos.", - }, + id: "m3", value: "Zuverlässig", description: "Termine werden pünktlich eingehalten, Ergebnisse sind makellos."}, { - id: "m4", - value: "Schnell", - description: "Unkomplizierte Kommunikation und zügige Terminvergabe.", - }, + id: "m4", value: "Schnell", description: "Unkomplizierte Kommunikation und zügige Terminvergabe."}, { - id: "m5", - value: "Lokal", - description: "Ihr regionaler Partner aus Bad Nauheim/Friedberg.", - }, + id: "m5", value: "Lokal", description: "Ihr regionaler Partner aus Bad Nauheim/Friedberg."}, { - id: "m6", - value: "Professionell", - description: "Unser Team tritt stets kompetent und freundlich auf.", - }, + id: "m6", value: "Professionell", description: "Unser Team tritt stets kompetent und freundlich auf."}, ]} title="Warum CleanSafe die richtige Wahl ist" description="Setzen Sie auf Qualität und Service, die überzeugen. Wir sind Ihr lokaler Experte für Fensterreinigung in Bad Nauheim und Umgebung." @@ -276,67 +185,26 @@ export default function LandingPage() { textboxLayout="default" gridVariant="bento-grid" useInvertedBackground={false} + animationType="slide-up" products={[ { - id: "ba1", - brand: "Privathaus", - name: "Stark verschmutzt → Glänzend", - price: "Anfrage", - rating: 5, - reviewCount: "Vorher/Nachher", - imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-wiping-window_23-2148465079.jpg?_wi=2", - imageAlt: "Glasklares Fenster nach der Reinigung", - }, + id: "ba1", brand: "Privathaus", name: "Stark verschmutzt → Glänzend", price: "Anfrage", rating: 5, + reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-wiping-window_23-2148465079.jpg", imageAlt: "Glasklares Fenster nach der Reinigung"}, { - id: "ba2", - brand: "Geschäft", - name: "Trübe Auslage → Kristallklar", - price: "Anfrage", - rating: 5, - reviewCount: "Vorher/Nachher", - imageSrc: "http://img.b2bpic.net/free-photo/reflection-walking-people_23-2147657187.jpg?_wi=2", - imageAlt: "Sauberes Schaufenster einer Boutique", - }, + id: "ba2", brand: "Geschäft", name: "Trübe Auslage → Kristallklar", price: "Anfrage", rating: 5, + reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/reflection-walking-people_23-2147657187.jpg", imageAlt: "Sauberes Schaufenster einer Boutique"}, { - id: "ba3", - brand: "Wohnung", - name: "Schlechte Sicht → Klare Aussicht", - price: "Anfrage", - rating: 5, - reviewCount: "Vorher/Nachher", - imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374391.jpg?_wi=2", - imageAlt: "Saubere Fenster eines Apartments", - }, + id: "ba3", brand: "Wohnung", name: "Schlechte Sicht → Klare Aussicht", price: "Anfrage", rating: 5, + reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-office-cleaning_23-2149374391.jpg", imageAlt: "Saubere Fenster eines Apartments"}, { - id: "ba4", - brand: "Bürogebäude", - name: "Staubig & Matt → Professioneller Glanz", - price: "Anfrage", - rating: 5, - reviewCount: "Vorher/Nachher", - imageSrc: "http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1062.jpg?_wi=2", - imageAlt: "Glänzende Fenster eines modernen Bürogebäudes", - }, + id: "ba4", brand: "Bürogebäude", name: "Staubig & Matt → Professioneller Glanz", price: "Anfrage", rating: 5, + reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1062.jpg", imageAlt: "Glänzende Fenster eines modernen Bürogebäudes"}, { - id: "ba5", - brand: "Wintergarten", - name: "Vergrünt → Transparente Pracht", - price: "Anfrage", - rating: 5, - reviewCount: "Vorher/Nachher", - imageSrc: "http://img.b2bpic.net/free-photo/crop-housewife-hands-wearing-yellow-protective-gloves-cleaning-dirty-window-doors-housemaid-wiping-glass-with-rag-concept-housework-service_132075-11711.jpg", - imageAlt: "Sauberes Glasdach eines Wintergartens", - }, + id: "ba5", brand: "Wintergarten", name: "Vergrünt → Transparente Pracht", price: "Anfrage", rating: 5, + reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/crop-housewife-hands-wearing-yellow-protective-gloves-cleaning-dirty-window-doors-housemaid-wiping-glass-with-rag-concept-housework-service_132075-11711.jpg", imageAlt: "Sauberes Glasdach eines Wintergartens"}, { - id: "ba6", - brand: "Fensterrahmen", - name: "Verwittert → Wie neu", - price: "Anfrage", - rating: 5, - reviewCount: "Vorher/Nachher", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-41.jpg", - imageAlt: "Detaillierte Reinigung des Fensterrahmens", - }, + id: "ba6", brand: "Fensterrahmen", name: "Verwittert → Wie neu", price: "Anfrage", rating: 5, + reviewCount: "Vorher/Nachher", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-office-buildings_1359-41.jpg", imageAlt: "Detaillierte Reinigung des Fensterrahmens"}, ]} title="Staunen Sie über den Unterschied" description="Unsere Vorher-Nachher-Bilder sprechen für sich. Erleben Sie, wie CleanSafe Ihren Fenstern neuen Glanz verleiht und für eine klare Sicht sorgt." @@ -351,25 +219,15 @@ export default function LandingPage() { author="Markus Schmidt, Restaurantbesitzer" avatars={[ { - src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-1905.jpg", - alt: "Avatar von Herr Müller", - }, + src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-1905.jpg", alt: "Avatar von Herr Müller"}, { - src: "http://img.b2bpic.net/free-photo/girl-with-many-purchase-bags_1163-466.jpg", - alt: "Avatar von Frau Weber", - }, + src: "http://img.b2bpic.net/free-photo/girl-with-many-purchase-bags_1163-466.jpg", alt: "Avatar von Frau Weber"}, { - src: "http://img.b2bpic.net/free-photo/close-up-shot-smiling-elder-man_23-2148314565.jpg", - alt: "Avatar von Herr Lehmann", - }, + src: "http://img.b2bpic.net/free-photo/close-up-shot-smiling-elder-man_23-2148314565.jpg", alt: "Avatar von Herr Lehmann"}, { - src: "http://img.b2bpic.net/free-photo/sassy-cute-blond-girl-saying-you-got-this-praise-nice-choice-showing-thumbs-up-smiling-delighted_176420-27866.jpg", - alt: "Avatar von Frau Richter", - }, + src: "http://img.b2bpic.net/free-photo/sassy-cute-blond-girl-saying-you-got-this-praise-nice-choice-showing-thumbs-up-smiling-delighted_176420-27866.jpg", alt: "Avatar von Frau Richter"}, { - src: "http://img.b2bpic.net/free-photo/stylish-young-man-coffee-break_23-2148289228.jpg", - alt: "Avatar von Herr Schulz", - }, + src: "http://img.b2bpic.net/free-photo/stylish-young-man-coffee-break_23-2148289228.jpg", alt: "Avatar von Herr Schulz"}, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -381,14 +239,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "Bad Nauheim", - "Friedberg", - "Wetteraukreis", - "Rosbach vor der Höhe", - "Butzbach", - "Rockenberg", - "Wölfersheim", - ]} + "Bad Nauheim", "Friedberg", "Wetteraukreis", "Rosbach vor der Höhe", "Butzbach", "Rockenberg", "Wölfersheim"]} title="Ihr lokaler Partner in der Region" description="CleanSafe ist stolz darauf, Unternehmen und Privathaushalte in Bad Nauheim, Friedberg und der gesamten Wetterau mit professioneller Fensterreinigung zu versorgen. Wir sind immer in Ihrer Nähe!" speed={40} @@ -400,8 +251,7 @@ export default function LandingPage() {