"$schema": "https://ui.shadcn.com/schema.json",
"style": "default",
"rsc": true,
"tsx": true,
"tailwind": {
"config": "tailwind.config.ts",
"css": "app/globals.css",
"baseColor": "neutral",
"cssVariables": true,
"prefix": ""
},
"aliases": {
"components": "@/components",
"utils": "@/lib/utils",
"ui": "@/components/ui",
"lib": "@/lib",
"hooks": "@/hooks"
},
"iconLibrary": "lucide"
}
It looks like you've shared your shadcn/ui configuration (components.json). This tells me your project is set up with:
What would you like to build? Let me know what you have in mind and I'll get started!
Now let me generate the hotel images and build all the components. I'll start by creating the images, updating the theme, and building the page components.
Now let me update the theme and build all the components:
Now let me build all the components:
Now let me create the experiences section and compose the main page:
Now let me also add the PWA manifest:
I've built a complete hotel booking website for "Maison Riviera," a fictional boutique Mediterranean hotel. The site features a warm terracotta and earthy color palette with Playfair Display serif headings for elegance and Inter sans-serif for body text. It includes a full-bleed hero with overlay text, a sticky booking bar with check-in/out dates and guest/room selectors, alternating room cards with pricing, an amenities grid paired with a spa image, a dining section with three restaurant descriptions, curated local experiences, a spa CTA parallax section, a testimonial carousel, and a comprehensive footer with newsletter signup. Every interactive element meets the 48px minimum touch target, and the layout is fully responsive mobile-first.
You can send messages while the preview loads