Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist portfolio landing page designed to showcase your work as a web developer and bot creator. The site will feature a dark theme with visually striking images to capture attention, allowing potential clients and employers to easily explore your skills and projects.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction with a prominent headline, brief description, and a call-to-action button directing visitors to your work.
2. **Portfolio Showcase**: A gallery or grid layout displaying your projects, with images, titles, and short descriptions, allowing users to click for more details.
3. **About Me**: A section providing a brief biography, highlighting your skills in web development and bot creation, along with your professional journey.
4. **Testimonials**: A section featuring quotes or feedback from clients or colleagues to build credibility and trust.
5. **Contact Form**: A simple form allowing potential clients to reach out directly, with fields for name, email, message, and a submit button.
6. **Responsive Design**: Ensures the site looks great on all devices, from desktops to smartphones.

## 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 follow a vertical structure, with the hero section at the top, followed by the portfolio showcase, about me, testimonials, and contact form sections, ensuring a smooth scrolling experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for basic portfolio functionality

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
3. **Create Components**: Develop reusable components for the hero section, portfolio showcase, about me, testimonials, and contact form.
4. **Apply Styles**: Use Tailwind CSS classes to implement the minimalist design, ensuring the primary color and typography specifications are adhered to.
5. **Implement Responsive Design**: Utilize Tailwind’s responsive utilities to ensure the layout adjusts seamlessly across devices.
6. **Test Functionality**: Review each section for functionality and ensure the contact form submits correctly (consider using an email service or API for handling submissions).

## USER EXPERIENCE
Visitors will land on a visually striking hero section that immediately communicates your expertise. They can scroll down to view your portfolio, with each project easily accessible. The about me section provides personal insight, while testimonials help establish trust. Finally, the contact form is straightforward, encouraging potential clients to reach out for collaboration. The overall experience will be smooth and engaging, maintaining user interest throughout the site.