Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a high-end boutique landing page for "Yael - Web Design & AI". The purpose is to showcase Yael's web design services, emphasizing simplicity, affordability, and a personal touch, while providing a visually stunning experience that converts visitors into clients.

## CORE FEATURES
1. **Hero Section**: A captivating split-screen layout with a bold headline, sub-headline, and a high-contrast CTA button leading to WhatsApp.
2. **About Section**: A personal introduction from Yael, detailing her background and approach to helping small businesses establish a digital presence.
3. **Process Section**: A visual timeline or card layout breaking down the design process into three simple steps, enhancing user understanding.
4. **Features Grid**: A Bento Grid showcasing unique selling points like custom design, smart lead forms, direct WhatsApp connection, mobile optimization, and built-in SEO.
5. **FAQ Section**: An accordion-style FAQ for addressing common concerns, with minimalist icons for a clean look.
6. **Contact Section**: A sleek footer with a floating WhatsApp button and a minimalist contact form for quick inquiries.

## DESIGN SPECIFICATIONS
- **Visual Style**: Chic and modern with a focus on Glassmorphism effects, high-resolution images, and floral engravings in the background.
- **Color Palette**: A blend of "Luxury Earthy" tones (Deep Olive, Burnt Orange, Cream) with pastel lively colors for accents to create a warm and inviting feel.
- **Layout**: The main layout will feature a split-screen hero section, followed by the process section, and a Bento grid for features. The overall aesthetic will have ample white space with strategic use of shadows and animations.
- **Typography**: Use a very bold, modern Hebrew sans-serif font; headlines will be large and impactful, with a clear hierarchy for text sizes.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui for UI elements.
- **State Management**: Not required for this static landing page.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Hero Section**: Design the split-screen layout with bold typography and incorporate a high-contrast CTA button that links to WhatsApp.
3. **Build the About Section**: Add a personal introduction with engaging text and visuals, ensuring to maintain the chic aesthetic.
4. **Develop the Process Section**: Implement a visual timeline or card layout that outlines the three simple steps in the design process.
5. **Construct the Features Grid**: Use the Bento Grid layout to display features, ensuring each item is visually distinct and appealing.
6. **Create the FAQ Section**: Design an accordion-style FAQ that is easy to navigate, using minimalist icons.
7. **Finalize the Contact Section**: Add a footer with a floating WhatsApp button and a contact form, ensuring it complements the overall design.

## USER EXPERIENCE
Key user interactions will include scrolling through the landing page with smooth animations, engaging with the CTA to initiate contact via WhatsApp, and easily navigating through the FAQ section for information. The design will be responsive to ensure an optimal viewing experience across all devices, enhancing usability and accessibility.