18 days ago
Create a modern, responsive, high-conversion landing page for a new event series called "Padel & Match" (a combination of Padel Tennis and Speeddating). Design System & Color Palette: Please strictly use the following color codes: Primary (Backgrounds, Headers): Deep Court Blue (#1e3a8a) Secondary (Primary Buttons, Highlights): Padel Ball Yellow (#facc15) Accent (Alerts, Likes, Badges): Love Red (#ef4444) Neutral: White (#ffffff) and Light Gray (#f3f4f6) Design Vibe: The design should be sporty, dynamic, yet inviting and flirtatious. Use rounded corners for buttons and cards. The Primary Blue should be used for the Hero section background to make the Yellow buttons pop (High Contrast). Content Language: All visible text on the website must be in German. Page Structure & Content Requirements: Sticky Header: Logo: Text "Padel & Match" (White text, "&" in Love Red). Links: Konzept, Ablauf, Termine. Button: "Login" (Outline style). Hero Section: Background: Deep Court Blue (#1e3a8a). Headline (White): "Padel & Match – Dein Date am Netz". Subheadline (Light Gray): "Die erste Eventreihe, die Speeddating mit Padel-Tennis verbindet. Sportlich, locker und ohne peinliche Stille." Main CTA Button (Background #facc15, Text #1e3a8a, Bold): "Nächstes Event buchen". Concept Section (3 Column Grid): White background. Card 1: Icon (Message/Chat), Title: "Eisbrecher", Text: "Kein starrer Smalltalk. Lerne dein Gegenüber in Action kennen." Card 2: Icon (Trophy/Activity), Title: "Für alle Level", Text: "Egal ob Anfänger oder Profi – der Spaß steht im Vordergrund." Card 3: Icon (Beer/Martini), Title: "After-Match Drinks", Text: "Entspannter Ausklang und Networking an der Bar." Timeline / How it works: Visual vertical timeline. 18:30: Arrival & Warm-up. 19:00: Game On (Rotation alle 12 Min). 20:30: Cool Down & Drinks. Events & Booking Section: Title: "Die nächsten Termine". Display a list of 3 Event Cards. Card Details: Date, Location (e.g., "Köln", "Hamburg"), Age Group (e.g., "25-35 Jahre"). Status Badge: One card should have a "Nur noch 2 Plätze" badge in Love Red (#ef4444). Button: "Ticket wählen (29€)" in Deep Court Blue outline. FAQ Section (Accordion Style): Q: Brauche ich einen Schläger? A: Nein, stellen wir. Q: Muss ich Padel spielen können? A: Nein, wir erklären die Regeln. Q: Was ziehe ich an? A: Sportkleidung. Footer: Links: Impressum, Datenschutz, Instagram Icon. Copyright "Padel & Match 2026". Additional View: Login Page / Dashboard Create a separate view or modal for "Login". Fields: Email, Password. Button: "Einloggen" (Deep Court Blue). Link: "Passwort vergessen?". Secondary Link: "Noch kein Account? Jetzt registrieren". Implementation Instructions: Use a clean layout with plenty of whitespace. Ensure mobile responsiveness. Use distinct contrasts between the Deep Blue background sections and White content sections.
Windframe is an AI visual editor for rapidly building stunning web UIs & websites
Start building stunning web UIs & websites!
