Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page dedicated to traditional transportation methods, such as motorized rickshaws, aiming to promote their relevance and competitive edge against modern ride-sharing services like Grab and Gojek. The website will serve as an informational platform to educate users about traditional transport options while encouraging their use.

## CORE FEATURES
1. **Hero Section**: A captivating introduction to traditional transport, featuring a striking background image or video, a brief description, and a prominent call-to-action (CTA) button.
2. **Features Overview**: A section highlighting the benefits of traditional transport versus modern services, including cost-effectiveness, cultural significance, and community support.
3. **Testimonials**: User stories or testimonials from satisfied customers of traditional transport services, enhancing credibility and relatability.
4. **Contact Section**: A simple form for inquiries or collaborations, allowing users to get in touch easily.
5. **Information Resources**: Links to articles or resources about traditional transport, its history, and current relevance.

## 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 follow a single-page structure with a vertical scroll. The sections will be clearly defined and visually distinct, utilizing ample white space to enhance readability and focus.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop individual components for the hero section, features overview, testimonials, contact form, and information resources.
3. **Implement Routing**: Use client-side routing to navigate between sections if necessary.
4. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring proper spacing, typography, and colors.
5. **Add Content**: Populate each section with relevant text, images, and links.
6. **Test Responsiveness**: Ensure the design is responsive and looks good on various devices by using Tailwind's responsive utilities.
7. **Deploy**: Use a platform like Vercel or Netlify to deploy the landing page.

## USER EXPERIENCE
Users will land on a visually appealing hero section that immediately conveys the purpose of the website. They can scroll down to learn about the advantages of traditional transport, read testimonials, and easily reach out through the contact form. The minimalist design ensures a straightforward and pleasant user journey, focusing on the content without distractions. Each section is designed to lead the user toward understanding and appreciating traditional transportation methods while providing easy access to further information and engagement opportunities.