Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a modern, minimalist landing page designed for a lightweight construction tools business. The primary purpose of the landing page is to showcase the company's products, provide tutorials, and facilitate customer engagement through contact and social media links.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that captures the essence of the brand with an engaging headline and a call-to-action (CTA) button.
2. **About Us**: A section that describes the company’s mission, values, and history, establishing trust and connection with visitors.
3. **Products Showcase**: A dedicated area displaying product images and brief descriptions, allowing users to easily browse the offerings.
4. **Tutorials**: Informative resources that guide users on how to use the tools effectively, enhancing the user experience and promoting product usage.
5. **Technical Specifications**: A section providing detailed technical sheets for each product, catering to customers looking for in-depth information.
6. **Promotions**: Highlighting current deals or discounts to encourage purchases and increase conversion rates.
7. **Contact Us**: A straightforward contact form along with social media links to facilitate communication.

## 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 structured layout that includes a hero section at the top, followed by sections for About Us, Products, Tutorials, Technical Specifications, Promotions, and Contact Us, all organized for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified; consider using local component states for a simple layout.

## IMPLEMENTATION STEPS
1. **Set up React Environment**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Install Tailwind CSS and any necessary UI libraries (e.g., shadcn/ui).
3. **Create Components**: Develop individual components for the Hero section, About Us, Products, Tutorials, Technical Specifications, Promotions, and Contact Us.
4. **Implement Routing**: Set up any necessary routing if applicable for internal linking.
5. **Style Components**: Apply Tailwind CSS classes to style each component according to the design specifications.
6. **Content Integration**: Populate each section with relevant content and images as specified.
7. **Testing**: Test the landing page for responsiveness and user experience across various devices.
8. **Deployment**: Deploy the application on a suitable hosting platform (e.g., Vercel, Netlify).

## USER EXPERIENCE
Users will be welcomed by a clean hero section featuring the brand logo and a prominent CTA. They can easily navigate through the page sections to learn about the company, view products with images, access tutorials, and find promotions. The contact section will allow users to submit inquiries directly, enhancing engagement and support. The design emphasizes simplicity and clarity, ensuring users can find the information they need effortlessly.