Nowoczesna, szybka i bezpieczna strona internetowa zbudowana z użyciem Astro + Tailwind CSS.
- Astro - Nowoczesny generator stron statycznych
- Tailwind CSS - Utility-first CSS framework
- Netlify - Hosting i formularze kontaktowe
``` / ├── public/ │ ├── images/ # Obrazki (do uzupełnienia) │ └── favicon.svg ├── src/ │ ├── layouts/ │ │ └── Layout.astro # Główny layout (header + footer) │ ├── pages/ │ │ ├── index.astro # Strona główna │ │ ├── o-mnie.astro # O mnie │ │ ├── kontakt.astro # Kontakt │ │ ├── polityka-prywatnosci.astro │ │ └── oferta/ │ │ ├── index.astro # Lista usług │ │ ├── coaching.astro │ │ ├── dzwiekoterapia.astro │ │ └── szkolenia.astro │ └── styles/ │ └── global.css # Style globalne + Tailwind ├── netlify.toml # Konfiguracja Netlify └── package.json ```
| Komenda | Opis |
|---|---|
| `npm install` | Instalacja zależności |
| `npm run dev` | Serwer deweloperski `localhost:4321` |
| `npm run build` | Budowanie wersji produkcyjnej do `./dist/` |
| `npm run preview` | Podgląd wersji produkcyjnej lokalnie |
Przed wdrożeniem należy dodać obrazki do folderu `public/images/`:
- `hero-bg.jpg` - Tło sekcji hero
- `joanna-portrait.jpg` - Portret na stronę O mnie
- `joanna-session.jpg` - Zdjęcie z sesji
- `coaching.jpg`, `dzwiekoterapia.jpg`, `szkolenia.jpg` - Karty usług
- `sensoryczna-podroz.jpg`, `motanka.jpg` - Warsztaty
- Połącz repozytorium GitHub z Netlify
- Netlify automatycznie zbuduje i wdroży stronę przy każdym pushu
- Uruchom `npm run build`
- Przeciągnij folder `dist/` na Netlify Drop
Formularz używa wbudowanej obsługi formularzy Netlify. Po wdrożeniu:
- Przejdź do Netlify Dashboard → Forms
- Formularz "contact" pojawi się automatycznie
- Możesz ustawić powiadomienia email
Po wdrożeniu na Netlify:
- Przejdź do Site settings → Domain management
- Dodaj własną domenę `harmonia-jk.pl`
- Skonfiguruj DNS u dostawcy domeny (OVH)
Wszelkie prawa zastrzeżone © Harmonia Joanna Kaczmarek