Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a minimalist landing page designed to present a clean and simple interface, focusing on clear communication and user engagement. Its main purpose is to showcase the essential features of the brand "Bh" while encouraging visitors to take action through a compelling call to action.

## CORE FEATURES
1. **Hero Section**: A visually impactful introduction that captures attention with a concise tagline and a call-to-action button leading to more information or contact forms.
2. **Features Overview**: Highlight 3-4 key features or benefits of the service or product, each with a brief description and relevant icons for visual appeal.
3. **Testimonials**: Showcase user feedback or success stories to build trust and credibility with potential customers.
4. **Contact Information**: A section providing clear contact details or a simple contact form for inquiries, making it easy for visitors to get in touch.
5. **Call to Action**: Reinforce the primary action you want users to take, such as signing up, getting a quote, or exploring services.

## 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 consists of a full-width hero section, followed by a grid or card layout for features, a testimonials slider, and a footer with contact information. Each section should have ample spacing to enhance readability and visual comfort.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, as the landing page is predominantly static.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or a similar setup.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Develop reusable components for the hero section, feature cards, testimonial slider, and contact form.
4. **Style Components**: Utilize Tailwind CSS classes to implement the minimalist design, ensuring to use the primary color and typography as specified.
5. **Implement Responsive Design**: Ensure all components are responsive and maintain usability across different screen sizes.
6. **Test Functionality**: Review the landing page for usability, responsiveness, and overall aesthetic to ensure it aligns with the minimalist vision.

## USER EXPERIENCE
The landing page should provide a seamless experience, starting with an engaging hero section that captures the user's attention. Users can easily navigate through features, read testimonials, and find contact information without unnecessary distractions. The design will promote clarity and encourage user interaction through strategically placed call-to-action buttons, leading to higher conversion rates.