Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist landing page for a food service club. The landing page will showcase the club's offerings, engage potential members, and drive conversions through a simple, clean design that highlights key features and encourages sign-ups.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section that captures attention with a brief welcome message and a prominent call-to-action (CTA) button encouraging visitors to join the club.
2. **About Section**: A concise overview of the food service club, detailing its mission, values, and what makes it unique.
3. **Features Overview**: A section highlighting the key benefits of joining the club, such as exclusive recipes, cooking classes, and community events.
4. **Testimonials**: A section showcasing member testimonials to build trust and credibility with potential new members.
5. **CTA Section**: A strong call-to-action section prompting visitors to sign up for membership or subscribe to a newsletter, with easy access to the signup form.
6. **Contact Information**: A footer section with contact details and links to social media profiles for further engagement.

## 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 will follow a vertical flow, starting with the hero section at the top, followed by the about section, features overview, testimonials, CTA, and ending with the contact information in the footer.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, as it will be primarily static content.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using TypeScript and install Tailwind CSS for styling.
2. **Create the Layout Structure**: Develop a main layout component that includes the header, footer, and sections for hero, about, features, testimonials, and CTA.
3. **Implement the Hero Section**: Add a large banner with a welcoming message and a CTA button using the primary color for visual impact.
4. **Build the About Section**: Create a simple text block with a background color that complements the primary color, providing information about the club.
5. **Add Features Overview**: Design a grid or list to showcase the benefits of joining, using icons or images for visual enhancement.
6. **Include Testimonials**: Set up a carousel or grid display for member testimonials, ensuring that the design is visually cohesive.
7. **Create the CTA Section**: Develop a signup form or button prominently displayed to facilitate user conversion.
8. **Final Touches**: Ensure the footer includes contact information and social media links, and test the responsiveness of the design across devices.

## USER EXPERIENCE
The user journey will begin with an engaging hero section that captures attention immediately. Visitors will easily navigate through the about section to understand the club's value proposition, followed by a clear presentation of features and testimonials that build trust. The prominent CTA will guide users towards signing up, ensuring a smooth and intuitive conversion process. The minimalist design will enhance readability and focus, providing an enjoyable user experience across various devices.