Página web para una empresa que se dedica a brindar sevicios para eventos (cumpleaños, bodas 15 años, fiestas de promoción) las cuales brinda los...
Generated Prompt
## APPLICATION OVERVIEW This project is a landing page for an event services company that provides offerings for various celebrations such as birthdays, weddings, quinceañeras, and promotional parties. The primary purpose of the landing page is to allow customers to easily explore and select the services they need, including sound rental, musical groups, catering, and security, tailored for their specific event and location. ## CORE FEATURES 1. **Hero Section**: An engaging introduction with a captivating headline, background image related to events, and a clear call-to-action button to explore services. 2. **Service Selection**: A section showcasing the available services (sound rental, musical group, catering, security) with brief descriptions and corresponding images to help users understand their options. 3. **Event Location Input**: A user-friendly form component that allows customers to input their event location to tailor service offerings based on geographical availability. 4. **Testimonials**: A dedicated section displaying customer testimonials to build trust and credibility for the services offered. 5. **Contact Information**: An easy-to-find contact section that includes multiple ways for potential clients to reach out, such as phone, email, and a contact form. 6. **Call-to-Action Buttons**: Strategically placed buttons throughout the page to encourage users to inquire more or book services. ## 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**: A single-page layout with a smooth scrolling experience, including a hero section at the top, followed by services, 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**: Not necessary for this landing page unless dynamic content is added later. ## IMPLEMENTATION STEPS 1. **Set Up the Development Environment**: Initialize a new React project and install necessary dependencies (TypeScript, Tailwind CSS, and shadcn/ui). 2. **Create the Hero Section**: Design the hero section with a compelling background image, catchy headline, and a prominent call-to-action button. 3. **Develop the Services Section**: Create a grid layout to showcase the services with images and brief descriptions. 4. **Implement the Event Location Input Form**: Add an input field where users can enter their event location; ensure it’s styled according to the design specifications. 5. **Add the Testimonials Section**: Incorporate a section for customer feedback, using cards to display each testimonial. 6. **Design the Contact Section**: Set up a contact form and display the company’s contact information clearly. 7. **Ensure Responsiveness**: Test the landing page on various devices to ensure it looks and functions well on mobile and desktop. 8. **Optimize for SEO**: Add relevant meta tags and optimize images for faster loading times. ## USER EXPERIENCE Users will land on a visually appealing hero section that immediately conveys the essence of the services offered. As they scroll, they will encounter well-organized service options with clear descriptions, making it easy to choose what they need. The location input field will allow users to customize their selection based on where their event will take place. Testimonials will provide social proof, enhancing trust. Finally, users will find the contact information easily accessible, encouraging them to reach out for more information or to book services. The overall experience will be smooth, intuitive, and conversion-focused.
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!
