Plataforma Doble Clic S L 5.
Generated Prompt
## APPLICATION OVERVIEW Doble Clic S L is a minimalist landing page designed for an electrician service based in Girona. The primary purpose of this application is to provide users with essential information about the service, including contact details, location, reviews, and the ability to interact through calls or directions. ## CORE FEATURES 1. **Hero Section**: A prominent introduction to the electrician service with a brief tagline and a call-to-action button to contact or get directions. 2. **Contact Information**: Display essential contact details, including phone number and address, with clickable elements for easy access. 3. **Reviews Section**: Showcase customer reviews to build trust and credibility, featuring a summary rating and user testimonials. 4. **Map Integration**: Embed a map showing the service location, allowing users to easily find directions. 5. **Photo Gallery**: A section to display images of past work or related visuals, enhancing user engagement. 6. **Call-to-Action (CTA)**: A clear and inviting button encouraging users to reach out or request 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: The layout will consist of a single-page structure with a fixed navigation bar at the top, followed by sections for the hero, contact information, reviews, map, photo gallery, and CTA. ## TECHNICAL REQUIREMENTS - Framework: React with TypeScript - Styling: Tailwind CSS - UI Components: shadcn/ui - State Management: Not required for this simple landing page. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript. 2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components. 3. **Create Layout Components**: Build reusable components for the header, hero section, contact info, reviews, map, photo gallery, and CTA. 4. **Implement Styling**: Use Tailwind CSS to apply the minimalist design specifications, incorporating the primary color and typography. 5. **Add Interactivity**: Ensure the contact details and map are interactive, allowing users to click to call or get directions. 6. **Optimize for Mobile**: Ensure the design is responsive and looks great on various screen sizes. ## USER EXPERIENCE Users will first encounter the hero section, which introduces the service and invites them to explore further. They can easily access contact details, read reviews, view the location on a map, and browse through a gallery of images. The overall flow is designed to be intuitive, guiding users toward contacting the electrician with minimal friction. This prompt provides a comprehensive guide for creating a fully functional minimalist light application that matches the user's vision for Doble Clic S L.
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!
