Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a dynamic landing page for Dr. Parham Ostovan's cardiology clinic, designed to showcase services, provide informative articles, and facilitate appointment bookings. The website will feature engaging animations and a modern aesthetic, catering to patients seeking heart and vascular care in Shiraz.

## CORE FEATURES
1. **Hero Section**: An attention-grabbing introduction with a prominent call-to-action (CTA) to book an appointment.
2. **Services Overview**: A detailed presentation of medical services offered, including heart disease diagnosis, treatment options, and varicose vein treatments.
3. **Blog Section**: A space for the latest articles and educational content related to cardiovascular health, enhancing user engagement.
4. **Appointment Booking**: A user-friendly form that allows patients to reserve appointments easily and request consultations.
5. **Contact Information**: Clear display of contact details, including phone number and social media links for easy communication.
6. **About Us Section**: Information about Dr. Parham Ostovan, highlighting his expertise and patient care philosophy.

## 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 consist of a header with navigation links, a hero section, followed by service highlights, blog previews, an appointment form, and a footer with contact information and social media links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified (consider using React Context or Redux if needed)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop reusable components for the header, hero section, service cards, blog previews, appointment form, and footer.
3. **Implement Routing**: Set up routing if necessary, but keep it within a single-page context for a streamlined experience.
4. **Add Animations**: Utilize CSS animations or libraries like Framer Motion to create smooth scroll animations and transitions.
5. **Style with Tailwind**: Apply Tailwind CSS classes to achieve the minimalist design and layout specified.
6. **Test Responsiveness**: Ensure the application is responsive across different devices and screen sizes.

## USER EXPERIENCE
Users will have an intuitive experience navigating through the website. They will be greeted by an engaging hero section that leads them to explore services or read articles. The appointment booking form will be straightforward, with clear instructions and fields to fill out. Overall, the site should provide a seamless journey from landing on the page to booking an appointment, enhancing user satisfaction and encouraging return visits.