Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for hardware makers to showcase their projects to a wider audience. The platform will serve as a central hub for creators to present their innovations, connect with potential collaborators, and inspire others in the maker community. The focus will be on clean design and simplicity to enhance user engagement.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction area with a compelling headline and a call-to-action button to encourage visitors to explore or submit their projects.
2. **Project Showcase**: A gallery-style display of featured hardware projects, allowing users to click through for more details.
3. **Submission Form**: An intuitive form for hardware makers to submit their projects, including fields for project name, description, images, and links.
4. **Testimonials**: A section for user testimonials to build credibility and encourage new users to engage with the platform.
5. **Contact Information**: Clear contact details or a contact form for inquiries, partnerships, or support.
6. **Social Media Links**: Quick access to the platform’s social media profiles to foster community engagement and sharing.

## 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 single-page layout with sections stacked vertically for easy scrolling, featuring a hero area at the top, followed by project showcases, testimonials, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specifically needed for a landing page, but consider using React's built-in state management where necessary for form handling.

## 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 components.
3. **Create Components**: Develop individual components for the Hero Section, Project Showcase, Submission Form, Testimonials, and Contact Information.
4. **Design Layout**: Implement a responsive layout using Tailwind CSS utilities to ensure the page looks good on all devices.
5. **Add Functionality**: Implement the project submission form, ensuring it captures user input and handles submissions appropriately.
6. **Deploy**: Use a service like Vercel or Netlify to deploy the landing page for public access.

## USER EXPERIENCE
Users will arrive at the landing page, greeted by a visually appealing hero section that invites them to explore further. They can scroll down to view featured projects, read testimonials, and easily access the submission form to share their work. The layout is designed for seamless navigation, with responsive elements ensuring a positive experience across devices. The clear call-to-action buttons will guide users toward the desired actions, maximizing engagement with the platform.