From b84feefc5ac03df5ea38f88af96449512049b83d Mon Sep 17 00:00:00 2001 From: "Till (Cowork)" Date: Sun, 28 Jun 2026 16:51:38 +0000 Subject: [PATCH] Redesign Startseite nach Claude-Design-Entwurf: Foto-Hero (Unsplash) mit Gradient-Overlay + Live-Card, Stat-Tiles, Alarm-Band mit Smartphone-Foto; /bildnachweis + Footer-Link (Credits Woblick/Matveev) --- src/layouts/Base.astro | 2 +- src/pages/bildnachweis.astro | 29 ++++++++++ src/pages/index.astro | 109 ++++++++++++++++++++++++----------- 3 files changed, 105 insertions(+), 35 deletions(-) create mode 100644 src/pages/bildnachweis.astro diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro index dbc076c..f82bf8c 100644 --- a/src/layouts/Base.astro +++ b/src/layouts/Base.astro @@ -59,7 +59,7 @@ import '../styles/global.css';

Transparenz: Einige Links sind Affiliate-Links – kaufst du darüber, erhalten wir ggf. eine Provision, für dich ändert sich der Preis nicht. Empfehlungen basieren auf Nutzungsfall, Technik, Testquellen und redaktioneller Einschätzung – nicht auf Provision.

Preise und Verfügbarkeit ändern sich während Hitzewellen sehr schnell. Wir halten Daten so aktuell wie möglich, geben aber keine Garantie. Bitte beim Händler final prüfen.

Klima-Rechner · Hitze-Soforthilfe · Fest installieren · PortaSplit · Hitzeschutz · Prognose-Methodik

-

Transparenz & Methodik · Impressum · Datenschutz · © {new Date().getFullYear()} Kühlfinder

+

Transparenz & Methodik · Bildnachweis · Impressum · Datenschutz · © {new Date().getFullYear()} Kühlfinder

diff --git a/src/pages/bildnachweis.astro b/src/pages/bildnachweis.astro new file mode 100644 index 0000000..b2023a3 --- /dev/null +++ b/src/pages/bildnachweis.astro @@ -0,0 +1,29 @@ +--- +import Base from '../layouts/Base.astro'; +const credits = [ + {use:'Startseite – Hero', author:'Kevin Woblick', handle:'@kovah', authorUrl:'https://unsplash.com/@kovah', + photoUrl:'https://unsplash.com/photos/a-white-wall-with-three-air-conditioners-on-it-JkHSdaYRiUI', title:'Air Conditioning'}, + {use:'Startseite – Alarm-Sektion', author:'Andrey Matveev', handle:'@zelebb', authorUrl:'https://unsplash.com/@zelebb', + photoUrl:'https://unsplash.com/photos/a-hand-holds-a-smartphone-showing-notifications-QGKCe8C3D8g', title:'Smartphone mit Benachrichtigungen'}, +]; +--- + +
+ Credits +

Bildnachweis

+

Die verwendeten Fotos stammen von Unsplash und stehen unter der kostenlosen Unsplash-Lizenz. Eine Nennung ist nicht verpflichtend – wir tun es trotzdem, um die Fotograf:innen zu würdigen.

+
+ {credits.map(c => ( +
+
{c.title}
Verwendung: {c.use}
+
Foto: {c.author} ({c.handle}) · Original auf Unsplash ↗
+
+ ))} +
+

Hinweis: Aktuell werden die Bilder über das Unsplash-CDN eingebunden. Für eine vollständig DSGVO-konforme, selbst gehostete Variante können die Dateien lokal unter /public/img/ abgelegt und von dort ausgeliefert werden.

+
+ + diff --git a/src/pages/index.astro b/src/pages/index.astro index ae7419b..9ff1417 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -9,31 +9,47 @@ const jsonld = {'@context':'https://schema.org','@type':'WebSite',name:'Kühlfin const Pin=''; const Compass=''; const Bell=''; +// Unsplash (kostenlose Lizenz) – Credits unter /bildnachweis +const IMG_HERO='https://images.unsplash.com/photo-1649711895336-20ff39db62f8?w=1680&q=70&auto=format&fit=crop'; +const IMG_PHONE='https://images.unsplash.com/photo-1752218804012-3e7db92274ec?w=1000&q=70&auto=format&fit=crop'; --- -
+
- Live-Verfügbarkeit · eigener Scraper -

Wo gibt es gerade ein Klimagerät?

-

Bei Hitze ist alles vergriffen. Kühlfinder prüft Preise live direkt bei Händlern und zeigt ehrlich, wo geprüft ist – plus Standort-Abdeckung, Preis-Check gegen Wucher und Alarm. Die nächste Hitzewelle kommt bestimmt.

-
- - - In meiner Nähe -
-
-
- … Live-Preise geprüft - … Märkte (Abdeckung) - 6 Länder · … Ketten -
-
-
Live geprüfte Preise
-
- Alle auf der Karte → +
+
+
+
+
+ LIVE … Preise direkt bei Händlern geprüft +

Die nächste Hitze­welle kommt bestimmt.

+

Wir helfen dir, in Hitzephasen schnellstmöglich an ein verfügbares, gutes Klimagerät zu kommen – mit Live-Preisen, Preis-Check gegen Wucher und Alarm.

+
+ + + In meiner Nähe +
+
+ Echtzeit-Verfügbarkeit + 6 Länder + Preis-Check gegen Wucher + Alarm & Preiswecker +
+
+
-
+
+
Live-Preise geprüft
…
direkt bei Händlern
+
Märkte (Abdeckung)
…
Demo-Datensatz
+
Ketten
…
Bau- & Elektromärkte
+
Länder
6
DE·AT·CH·NL·PL·DK
+
+
@@ -43,6 +59,16 @@ const Bell='
+ +
+ Sei der Erste +

Wir sagen Bescheid, sobald es verfügbar ist.

+

Verfügbarkeits-Alarm und Preiswecker für ein oder mehrere Wunsch­geräte – per Mail oder Telegram. So musst du nicht ständig selbst nachschauen.

+
Alarm einrichtenPro: Echtzeit ohne Verzögerung
+
+
+

Vergriffen? Wir warnen vor Wucher.

@@ -88,21 +114,34 @@ const Bell='${o.chain} ${o.name}${euro(o.price)}`).join('') || '
  • Crawler startet – gleich wieder reinschauen.
    • '; }).catch(()=>{document.getElementById('p-ac').textContent='–';document.getElementById('livelist').innerHTML='
  • Live-Preise gerade nicht erreichbar.
    • ';});