Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a corporate landing page for Mangasevilla, an online store selling manga products and accessories. The main purpose of the landing page is to promote manga sales in Sevilla, featuring a modern and professional aesthetic that appeals to manga enthusiasts.

## CORE FEATURES
1. **Hero Section**: A visually impactful hero section that captures attention, featuring an engaging tagline and a call-to-action button to encourage visitors to explore products.
2. **Featured Products**: A section showcasing popular manga products and accessories, complete with images, descriptions, and links to purchase.
3. **About Us**: A brief overview of Mangasevilla, including its mission and values, to build trust and connection with visitors.
4. **Customer Testimonials**: A section displaying reviews and testimonials from satisfied customers to enhance credibility and encourage conversions.
5. **Newsletter Signup**: An option for visitors to subscribe to a newsletter, keeping them informed about new arrivals and promotions.
6. **Contact Information**: A clear section with contact details and a simple contact form for inquiries.

## 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 main layout will feature a top navigation bar, followed by the hero section, product showcase, about section, testimonials, newsletter signup, and contact information, all arranged in a single scrollable page for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this landing page.

## IMPLEMENTATION STEPS
1. **Setup Project**: Create a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components for styling.
3. **Create Layout**: Develop the overall layout structure with a header, hero section, and additional sections for products, about, testimonials, and contact.
4. **Design Hero Section**: Implement the hero section with a captivating image, a catchy headline, and a prominent call-to-action button styled with the primary color.
5. **Add Product Showcase**: Create a grid or card layout to display featured products, ensuring images and descriptions are clear and enticing.
6. **Include About Us Section**: Write a brief paragraph about Mangasevilla, formatted to align with the minimalist design.
7. **Testimonials Section**: Add a carousel or list of customer testimonials to build trust.
8. **Newsletter Signup**: Implement a simple form for newsletter subscriptions, styled with the specified design elements.
9. **Contact Information**: Provide clear contact details and a functional contact form.
10. **Final Touches**: Review responsiveness and ensure all components are visually cohesive, adjusting spacing and alignment as needed.

## USER EXPERIENCE
Visitors will interact with a seamless layout that guides them through the landing page. The hero section will draw them in with a strong message, while the featured products will entice them to browse further. Testimonials will reassure potential customers, and the newsletter signup will encourage ongoing engagement. The contact information will be easily accessible, facilitating inquiries and fostering community connection. Overall, the design will prioritize clarity, ease of navigation, and visual appeal to enhance the user experience.