Eres un experto diseñador y programador full stack en web con backend.
Generated Prompt
## APPLICATION OVERVIEW Festival Talent is a simple landing page designed to promote an upcoming event while providing essential information and functionalities. The page will feature an elegant navbar, a countdown timer, a fundraising total, and sponsor displays. Additionally, it includes a login system for admin access to manage surveys and accounts. ## CORE FEATURES 1. **Elegant Navbar**: A clean and stylish navigation bar that allows users to easily access different sections of the landing page. 2. **Countdown Timer**: A prominent display that counts down days, hours, and minutes to the event, with seconds displayed in a smaller font. 3. **Total Funds Raised**: A dynamic section showing the total amount of money raised for the event, updating in real-time. 4. **Sponsor Showcase**: An animated component that highlights event sponsors, increasing visibility and engagement. 5. **Admin Login**: A secure login system for administrators, providing access to a management panel without public account creation. 6. **Survey Management**: A feature within the admin panel that allows the creation and management of surveys to gather feedback. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design will emphasize simplicity with plenty of white space, a minimal color palette, and a focus on clear typography. - **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and visual appeal. - **Layout**: The main layout will include a full-width hero section with the countdown timer and fundraising total, followed by the sponsor showcase section, and a footer with contact information. - **Typography**: Use a clean sans-serif font for headings and body text, with a clear hierarchy to differentiate sections. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for building the interactive components. - **Styling**: Tailwind CSS for utility-first styling, ensuring a responsive and mobile-friendly design. - **UI Components**: Utilize shadcn/ui for consistent and modern UI components. - **State Management**: Use React's built-in state management for handling dynamic data like the countdown timer and fundraising total. ## IMPLEMENTATION STEPS 1. **Set Up the Project**: Create a new React project using Create React App with TypeScript. 2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components. 3. **Build Navbar Component**: Create a responsive navbar that links to different sections of the landing page. 4. **Implement Countdown Timer**: Develop the countdown timer component, using JavaScript Date functions to calculate the remaining time until the event. 5. **Create Total Funds Raised Section**: Implement a dynamic section that updates the amount raised using state management. 6. **Develop Sponsor Showcase**: Create an animated component for displaying sponsors, possibly using CSS animations or a library for smooth transitions. 7. **Set Up Admin Login**: Create a simple login form that authenticates users and redirects them to the admin panel upon successful login. 8. **Build Admin Panel**: Develop the admin panel interface, allowing administrators to create and manage surveys. ## USER EXPERIENCE Visitors will land on the Festival Talent page, immediately drawn to the countdown timer and fundraising total at the top. As they scroll, they will see the rotating sponsor showcase. Admin users will have a straightforward login process to access the admin panel, where they can create surveys and view analytics. The overall experience will prioritize ease of navigation and clear information presentation, ensuring users can quickly find what they need.
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!
