I'll create a modern, calm landing page for your hypnosis practice. Let me first generate design inspiration and check the codebase structure.
Now let me read the existing files to understand the structure before building the landing page:
Now let me build the complete landing page. I'll start by updating the globals.css with the warm, calm color palette, then update the layout with proper Polish locale and elegant fonts, and create all the components.
Now let me create the main page and all the components:
Now I need to install the date-fns package for the calendar date formatting:
Let me check if the radio-group component exists since we use it in the booking form:
The radio-group component exists. Let me verify the application is working properly by checking for any missing dependencies or issues:
The landing page is working beautifully! Let me verify the mobile view as well:
Excellent! The mobile view looks great too. Let me test the mobile navigation menu:
Let me test the mobile menu and then close the browser:
The mobile menu works. I see there's a console issue indicator. Let me check the logs:
The error is about the Sheet component's DialogContent needing a DialogTitle for accessibility. Let me fix the navigation component to add proper accessibility elements:
The accessibility warnings are now fixed. Let me close the browser and take one final full-page screenshot on desktop:
I've created a complete, modern, calm, premium landing page for your hypnosis practice website (sesjahipnozy.pl). The design follows all your specifications:
Design & Visual:
- Warm off-white/cream background with soft beige and muted sage/olive accents
- Elegant typography using DM Sans (body) and DM Serif Display (headings)
- Lots of whitespace, rounded cards, subtle shadows
- No mysticism, spirals, or esoteric elements
- Mobile-first responsive design
Sections included:
- Navigation - Sticky header with smooth scroll, mobile hamburger menu
- Hero - Headline "Hipnoza bez mistyki. Spokojna praca z uwagą i wyciszeniem." with location badge and dual CTAs
- Trust strip - Three reassuring points (Bez utraty kontroli, Bez mistyki i sceny, Jasny spokojny proces)
- Czym jest ta sesja? - Clear description card
- Czym nie jest? - Important disclaimer about not being therapy
- Jak wygląda spotkanie? - 4-step process cards (Rozmowa, Wprowadzenie, Praca, Domknięcie)
- Dla kogo? - 6 use case cards with cautious microcopy
- O mnie - Borys Wiśniewski section with professional note
- FAQ - 10 questions in an accessible accordion
- Booking form - Complete reservation form with service selection, date/time picker, contact fields, safety question, and consent checkbox
- Footer - Contact email and disclaimer
I'll generate some calming, premium images of a hypnosis therapy room and integrate them into the landing page.
Now let me add these images to the landing page. I'll update the hero section and add a gallery section:
Now let me create a gallery section to show more room photos and add it to the page:
Let me verify the changes in the browser:
The photos are now integrated beautifully. Let me scroll down to see the gallery section better:
The gallery section looks great with the detail image showing. Let me scroll up to see the full gallery:
The gallery looks beautiful with the therapy room and chair photos. Let me close the browser:
I've added three generated photos of the hypnosis therapy room to the landing page:
- Hero section - Now features a large image of the therapy room with the comfortable reclining chair, positioned alongside the headline text
New "Przestrzeń spotkania" (Meeting Space) gallery section - Added between the meeting steps and "Dla kogo?" sections, featuring:
- A wide shot of the full therapy room
- A close-up of the comfortable leather therapy chair
- A detail shot showing cozy elements like a blanket, tea cup, and plant
The images match the calm, premium, non-mystical aesthetic of the site with warm beige/cream tones and natural lighting.