Width= - We own a marriage palace in Suratgarh.. Our marriage palace is very premuim and heritage type of marriage palace we have these amenties...
Generated Prompt
## APPLICATION OVERVIEW The project aims to create a luxurious landing page for Rajmahal, a premium marriage palace in Suratgarh. The landing page will showcase the various amenities and services offered, creating an engaging experience that reflects the royal heritage of the palace. The design will include animations and a rich visual presentation to attract potential clients looking for a luxury wedding venue. ## CORE FEATURES 1. **Hero Section**: A visually stunning hero section featuring an animated slider with important images and a background drone video of the palace, immediately capturing the visitor's attention. 2. **Amenities Overview**: A detailed section highlighting the various amenities, including the restaurant, banquet hall, meeting hall, swimming pool, and hotel accommodations. 3. **Booking Process**: A streamlined booking interface for users to easily reserve spaces for events and accommodations, ensuring a smooth user experience. 4. **Gallery**: An interactive gallery showcasing high-quality images of the palace, rooms, and facilities, enhancing the visual appeal. 5. **Contact Information**: A dedicated contact section with an embedded map, phone number, and address for easy access to information. 6. **Testimonials**: A section featuring testimonials from past clients to build trust and credibility. ## DESIGN SPECIFICATIONS - **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography. - **Color Mode**: Light theme with dark text on light backgrounds. - **Primary Color**: #1978E5 (accent for buttons, links, highlights). - **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements. - **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs. - **Layout**: The homepage will feature a vertical layout with a hero section at the top, followed by the amenities overview, gallery, testimonials, and contact information, ensuring a logical flow for users. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: Use React's built-in state management for simplicity. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript using create-react-app. 2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components. 3. **Create Layout Components**: Build reusable components for the hero section, amenities overview, gallery, testimonials, and contact form. 4. **Integrate Animation**: Implement animations for the hero section slider and any interactive elements to enhance user engagement. 5. **Set Up Booking Interface**: Create forms for booking various amenities, ensuring they are user-friendly and intuitive. 6. **Populate Content**: Use the provided images, logo, and drone video to fill in the content for the gallery and hero sections. 7. **Test Responsiveness**: Ensure that the landing page is fully responsive and looks great on all devices. ## USER EXPERIENCE The user will first encounter a captivating hero section that draws them into the luxury of Rajmahal. As they scroll down, they will see a comprehensive overview of the amenities, supported by beautiful imagery and animations. The booking process will be straightforward, allowing users to seamlessly reserve their desired services. The contact section will provide all necessary information for inquiries, ensuring that potential clients can easily reach out for more details. The overall experience will be designed to reflect the opulence and heritage of the marriage palace, making users feel they are booking a truly luxurious venue. --- Please ensure to attach the necessary images, logo, and drone video as specified for a complete implementation.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
