Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as an elegant wedding photography website designed to showcase the unique storytelling and editorial style of two filmmakers, Lea and Carphi. The primary purpose is to attract potential clients by highlighting their work and facilitating contact through a user-friendly interface.

## CORE FEATURES
1. **Landing Page**: A visually striking landing page featuring a captivating full-screen image, centered company name "funkenfilm," and a tagline that succinctly describes their mission—creating timeless images that make forever memories.
2. **About Us Section**: A dedicated section providing a brief introduction to the filmmakers, highlighting their background and passion for capturing the best day of their clients’ lives.
3. **Portfolio Gallery**: A curated display of selected portfolio work, showcasing various wedding photography styles and storytelling capabilities to entice potential clients.
4. **Contact Page**: A simple, accessible contact form allowing potential clients to reach out easily, along with a footer that includes social media links, particularly an Instagram button.
5. **Responsive Design**: The website will be fully responsive, ensuring an excellent experience across different devices, including mobile phones and tablets.
6. **Footer Information**: A minimal footer that includes essential links such as terms and conditions, privacy policy, and social media buttons.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will feature a clean and simple aesthetic with ample white space to allow content to stand out, emphasizing a minimal color palette and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds, utilizing the following color scheme:
  - Background: #FFF1B5 (soft cream)
  - Accents: #C1DBE8 (light blue)
  - Text: #43302E (dark brown)
  - Black and white elements for contrast and clarity.
- **Layout**: 
  - The landing page will feature a full-screen image with centered text. 
  - The About Us section will be below the landing page, followed by a grid layout for the portfolio gallery.
  - The contact page will maintain a clean layout with a centered contact form and clear call-to-action buttons.
- **Typography**: Use a modern sans-serif font for headers (e.g., Montserrat) and a classic serif font for body text (e.g., Lora) to create a sophisticated look. Maintain a clear hierarchy with larger font sizes for headings and smaller sizes for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive and utility-first styling
- **UI Components**: Utilize shadcn/ui for pre-built UI components to maintain design consistency.
- **State Management**: Context API for managing global state if necessary (e.g., for form handling).

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App or a similar bootstrap method.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui by following the respective installation guides.
3. **Create the Landing Page**: Implement a full-screen background image component with centered text for the company name and tagline.
4. **Develop the About Us Section**: Create a section below the landing page that includes a brief description of Lea and Carphi.
5. **Build the Portfolio Gallery**: Implement a responsive grid layout to showcase selected portfolio photographs, ensuring images are optimized for web.
6. **Design the Contact Page**: Create a simple contact form with fields for name, email, and message, along with a submit button.
7. **Implement Footer**: Add a footer with social media links and essential website information.
8. **Ensure Responsiveness**: Utilize Tailwind CSS utilities to ensure all components are responsive and visually appealing on all devices.
9. **Test and Optimize**: Thoroughly test the website for functionality, responsiveness, and performance across different browsers and devices.

## USER EXPERIENCE
Users will arrive at the landing page, greeted by a stunning visual and the company name, encouraging them to explore further. They can easily navigate to the About Us section to learn about the filmmakers, view the portfolio gallery to see previous work, and access the contact page to inquire about services. The minimalist design ensures that users remain focused on the content, with intuitive navigation and clear calls to action leading to an engaging experience.