Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a multi-page web application designed for a law firm in India. It aims to provide essential information about the firm, advocate profiles, practice areas, legal resources, and a consultation booking feature, ensuring compliance with legal norms while maintaining a professional and informative presence online.

## CORE FEATURES
1. **Entry Disclaimer Page**: An interstitial page that users must agree to before accessing the main content, including a standard disclaimer to protect against legal solicitation issues.
   
2. **Home Page**: Features the advocate's name, photo, professional identity, a brief introduction, quick links to practice areas, and a prominent "Book a Consultation" button.

3. **About / Profile Page**: A comprehensive biography of the advocate, including education, years of experience, bar association details, and practice jurisdictions.

4. **Practice Areas Page**: A dedicated section outlining the areas of law the advocate specializes in, such as Criminal Law, Family Law, and Intellectual Property.

5. **Articles / Legal Resources / Blog**: Informational articles and resources that establish credibility without promotional content, covering legal procedures and recent law changes.

6. **Book Appointment / Consultation Form**: A user-friendly form for potential clients to schedule consultations with necessary fields such as name, contact information, preferred timing, and a brief description of their legal issue.

7. **Contact Page**: Includes the office's physical address with a Google Maps embed, contact information, office hours, and directions for clients.

## 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 top navigation bar, a hero section for the homepage, followed by content areas that feature a grid or list format for practice areas and articles.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context for managing shared states across components as needed.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project using TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create the Entry Disclaimer Page**: Implement the interstitial page with a simple agreement button that redirects to the homepage.
3. **Develop the Home Page**: Include the advocate's name, photo, intro, quick links to practice areas, and the consultation button.
4. **Build the About / Profile Page**: Design a layout for the advocate's biography, education, and professional details.
5. **Create the Practice Areas Page**: List the areas of law in a clean format, ensuring compliance with the advocate's actual practice areas.
6. **Develop the Articles / Legal Resources / Blog**: Set up a simple blog-style layout for articles, ensuring a clear and informative presentation of legal content.
7. **Implement the Book Appointment Form**: Create a form component that collects user information and integrates validation for required fields.
8. **Create the Contact Page**: Embed Google Maps and provide contact details and office hours in a user-friendly format.

## USER EXPERIENCE
Users will have a straightforward and engaging experience as they navigate through the application. The entry disclaimer page will ensure legal compliance while the home page will serve as a gateway to essential information. Users can easily access the advocate's profile, practice areas, and legal resources, along with a seamless process for booking consultations. The design will emphasize clarity, ensuring users can find the information they need quickly and efficiently within this minimalist layout.