Remix

Make your own version of Ostsee Fewo

Edit the prompt below and generate a customized version in seconds.

Original by Martha Bregensheim

Describe your app

**BAUE EINE OSTSEE-FERIENWOHNUNGS-WEBSITE (NO CODE / AI BUILDER)**

**KONTEXT**: Private Vermieter-Website für 3 Ferienwohnungen an der Ostsee. Ziel: Gäste sehen Wohnungen, prüfen Kalender, **Anfrage stellen → Backend speichern → E-Mail an mich + Popup "Danke!"**. **KEIN Zahlungssystem**, **nur Anfragen** (manuell bearbeiten).

**DESIGN** (warm, vertrauensvoll, luftig):
- Farben: **Türkis (#4DB6AC)/Weiß/Hellblau**
- Große Ostsee-Fotos, viel Weißraum
- Responsive Mobile-First
- Menü: Home | Über mich | Wohnungen | Impressum | Datenschutz

**5 SEITEN**:

1. **HOME** (Landing):
   - **Hero**: Ostsee-Sonnenuntergang Vollbild, "Ferienwohnungen Ostsee" (72px weiß), "3 Apartments direkt am Meer"
   - **3 Karten**: Berlin City Apt €120, Strandhaus €150, Ostsee-Blick €180 (Foto, Preis, "Kalender prüfen")
   - **Kontakt-Teaser**: "Jetzt anfragen" Formular

2. **ÜBER MICH**: 
   - Foto + "Hallo Max aus Berlin, Ostsee-Liebhaber. Meine 3 Fewos sind familiär eingerichtet."
   - Galerie: Ostsee-Momente

3. **WOHNUNGEN**: 
   - **3 Detail-Sections**: Fotos, Ausstattung (Küche, WLAN), Karte
   - **Kalender**: Date-Range-Picker (**grün frei/rot gesperrt**)
   - **Anfrage-Button**

4. **IMPRESSUM**: Max Mustermann, Berlin-Adresse, Tel, Email (DSGVO)

5. **DATENSCHUTZ**: "Anfragen-Daten nur temporär, keine Tracking"

**ANFRAGEN-FLOW** (Kern-Funktion):
GÄSTE: Formular ausfüllen (Name, Email, Wohnung, Datum, Nachricht) → Button "Senden"

BACKEND:

Daten speichern (Supabase/PostgreSQL):
Tabelle "anfragen": id, name, email, wohnung, datum_start, datum_ende, nachricht, timestamp

E-Mail an mich: "Neue Anfrage Ostsee-Fewos: [Name] für [Wohnung] [Datum]"

POPUP: "Vielen Dank! Ich melde mich in 24h bei Ihnen zurück."

Admin-View (/admin): Tabelle aller Anfragen + Kalender-Sperre (Zeiträume blocken)

**TECH-SPECS**:
- **Frontend**: React/Next.js/Vue (responsiv)
- **Backend**: Supabase (Datenbank + Auth)
- **E-Mail**: Resend/SendGrid
- **Kalender**: React-Date-Range (freie Tage filtern)
- **Hosting**: Vercel/Netlify
- **SEO**: "Ferienwohnung Ostsee buchen"

**WICHTIG**:
- **KEINE Zahlungen** – nur Anfragen sammeln
- **Manuelle Bearbeitung** im Admin
- **DSGVO-konform** (deutsch)
- **Ostsee-Branding** überall

**CODE-STRUKTUR**:

components/
├── Home.jsx (Hero + Karten)
├── UeberMich.jsx
├── Wohnungen.jsx (Kalender)
├── Rechtlich.jsx
└── Admin.jsx (passwort-geschützt)

pages/api/
├── anfragen.js (POST → Supabase + Email)
└── admin.js (GET Anfragen)

lib/
├── supabase.js
└── kalender-logik.js (blocked_dates filtern)

**BEISPIELE**:
- Wohnungen: Berlin Apt (City-Stil), Strandhaus (100m Strand), Ostsee-Blick (Meerblick)
- Kalender: Grün = frei, Rot = gesperrt (Backend-Admin)
- Anfrage: "Hallo, Berlin Apt 15.-20.7 für 4 Personen?"

**ERZEUGE**:
1. Vollständigen React-Code
2. Supabase Schema (SQL)
3. Vercel-Deploy-Anleitung
4. E-Mail-Template

Mach es **warm, einladend, professionell** – wie Top-Fewo-Site!

So oder so in der Art bitte

Free to use. No credit card required.