Sky Sports Club Landing Pagev1.0.2
Nutze diesen Skill für: Landing Page erstellen.
Im Kommen
5.031 Downloads2 Likes1-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Eine hochwertige mehrseitige Website für einen Sportverein, ein Studio oder eine Anlage: eine weiße, abgerundete Hülle auf einem blassen Court-Blau-Rahmen, ein Hero mit Himmel-und-Court-Foto und einer live reagierenden Schnellbuchungsleiste, marineblaue Feature-Karten, einheitliche Trainerporträts und eine blaue Mitgliedskarte zwischen zwei weißen Tarifen. Programme, Trainer und Events bekommen jeweils eigene Detailseiten, und Buchung, Beitritt, Platzplan, Stundenplan und Tariffinder reagieren direkt, während Besucher sie nutzen.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine komplette Vereinswebsite in einer eigenständigen HTML-Datei, die offline öffnet; das Beispiel Cirrus Racquet Club hat 24 verknüpfte Routen, darunter Detailseiten für Programme, Trainer und Events
- Werkzeuge für Buchung und Mitgliedschaft: eine live reagierende Schnellbuchungsleiste, ein interaktiver Platzplan, ein Stundenplan mit freien Plätzen, ein Tariffinder, ein Abrechnungsumschalter, Trainerverfügbarkeit sowie Buchungs- und Beitrittsabläufe
- Eine Art Direction für jedes Foto, passende Trainerporträts, Typografie in Figtree und Geist Mono und auf Wunsch eine Portierung in dein eigenes Framework
Passt gut für
- Tennis-, Padel-, Schwimm-, Golf-, Yoga- und Fitnessclubs oder -studios, die Mitgliedschaften, Kurse und buchbare Zeiten verkaufen
- Anlagen, die verknüpfte Seiten für Programme, Trainer, Events, Einrichtungen und Buchung brauchen, nicht nur eine Startseite
- Teams, die jetzt eine eigenständige Website möchten oder dasselbe Design in Next.js, React, Vue oder Astro
Nicht geeignet für
- Ein fertiges Backend: Buchungen, Anmeldungen und Zahlungen bestätigen auf der Seite und sagen klar, dass nichts reserviert oder belastet wurde
- Marken, die einen dunklen oder illustrierten Look möchten: Das Design lebt von heller Himmels- und Court-Fotografie
- Projekte, die auf die Kernkomposition verzichten wollen: Die abgerundete Hülle, der Foto-Hero, die marineblauen Karten und die blaue Mitgliedskarte sind das Design
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseLanding Page erstellenStil fixiertBearbeitbares ErgebnisHeroCoachSpielfeldMitgliedschaft
Über diesen Skill
Beschreib deinen Verein, deine Programme, Trainer und Tarife und erhalte eine komplette Website: eine weiße, abgerundete Hülle, ein Hero mit Himmel-und-Court-Foto und Schnellbuchungsleiste, marineblaue Feature-Karten, einheitliche Trainerporträts und ein blaues Mitgliedschafts-Highlight. Sie kommt als eine eigenständige Datei, die in jedem Browser öffnet und offline läuft.
Das bekommst du
- Eine vollständige Seitenfamilie: Programme, Trainer und Events mit eigenen Detailseiten, Mitgliedschaften, Beitritt, Anlagen, Über uns, Buchung, Kontakt, Richtlinien und eine gestaltete 404-Seite
- Eine Schnellbuchungsleiste, die live antwortet und ihre Auswahl an die Buchungsseite übergibt, dazu ein interaktiver Platzplan
- Ein Wochenstundenplan mit freien Plätzen und Wartelisten, ein Tariffinder, ein Umschalter für die Abrechnung und eine Vergleichstabelle
- Formulare für Buchung, Beitritt, Events, Kontakt und Newsletter mit Inline-Validierung, Lade- und Erfolgszuständen
- Auf Wunsch dasselbe Design als Komponenten und Routen in deinem eigenen Stack
So nutzt du es
- Teile Vereinsnamen, Anlage, Programme, Trainer, Tarife, Preise und Zeitplan mit; grobe Notizen reichen, und entworfene Fakten werden dir zur Bestätigung aufgelistet
- Liefere eigene Fotos oder lass ein passendes Set generieren, mit einem Motiv pro Programm, Trainer und Event
- Öffne die fertige Datei im Browser, klick dich durch jede Seite und beschreib Änderungen in einfachen Worten
Neue Fotos werden mit dem Bildtool deines Agenten generiert, das Nutzungskosten verursachen kann. Schriften und Bilder sind in die fertige Datei eingebettet.
Was du vorab brauchst
- Du bringst mit
- Name des Vereins oder der Anlage, Standort und eine kurze Vorstellung · Programme, Trainer, Tarife mit Preisen, der Zeitplan und die Seiten, die du brauchst · Fotos, die dir gehören, oder die Erlaubnis, ein neues passendes Set zu generieren
- Abhängigkeiten
- Node.js 18 oder neuer auf dem Rechner deines Agenten, um das mitgelieferte Skript auszuführen, das die einzelne Offline-Datei baut · Internetzugang während des Builds, damit die Schriften einmal heruntergeladen und eingebettet werden können · Ein Bildgenerierungstool in deinem Agenten oder eigene Fotos für Bilder von Anlage, Programmen, Trainern und Events
- Externe Kosten
- Neue Fotos werden mit dem Bildtool deines Agenten generiert, das Nutzungskosten verursachen kann. Eigene Fotos kosten nichts, und einige neutrale Court- und Lounge-Aufnahmen aus dem Beispiel können Racket-Anlagen wiederverwenden.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …