Source Code : https://github____com/cai-ro-coders/MiniMax-M2.7-OpenCode-Build-Test-a-Laravel-React-SPA Download and Install Opencode
Download Laravel App
https://laravel.com/docs/13.x/installation
Connecting our Database
open .env file root directory.
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=8889
DB_DATABASE=laravel13DB
DB_USERNAME=root
DB_PASSWORD=root
Database Migration
php artisan migrate
myapp>php artisan migrate
Migration table created successfully.
check database table
AI prompt
AI Prompt
Chatgpt
Create a modern, elegant, single-page hotel website (front-end only) for a luxury hotel brand called "StayEase Hotel". The design should feel premium and relaxing, inspired by high-end resorts. Use a soft, warm color palette (white, cream, beige, gold accents, and dark text), large imagery, and smooth scrolling animations. give me a prompt only
Opencode
The luxury hotel website has been created at resources/js/pages/welcome.tsx. The lint error for unused activeFilter/setActiveFilter is fixed. The build/node_modules errors are environment-related issues unrelated to the code.
What's included:
- Hero Section - Full-screen with hotel image, minimal nav, logo, tagline "Where Comfort Meets Elegance", Book Now button, scroll indicator
- About Section - Hotel philosophy with decorative stats (25+ years, 98 rooms, 12 suites, 5 restaurants)
- Rooms & Suites - 4 room types with large images, prices, descriptions, hover scale effects
- Amenities - 6 features (Spa, Pool, Fine Dining, Fitness, Concierge, Private Beach) with custom SVG icons
- Gallery - 6-image grid with hover overlay effects
- Testimonials - 3 guest reviews with star ratings and avatars
- Location - Address, phone, email with map placeholder
- Contact/Booking - Complete reservation form with all fields
Design features:
- Color palette: white, cream (#FDFCF9), beige (#F5F0E8), gold (#C9A962), charcoal (#2D2D2D)
- Typography: Cormorant Garamond (serif headings) + Inter (body)
- Smooth scroll navigation, fade-in animations on scroll
- Subtle shadows, rounded corners, hover transitions
- Fully responsive for mobile, tablet, desktop
Run php artisan serve and npm run dev myapp>composer run dev
Starting Laravel development server: http://127.0.0.1:8000
