Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to introduce a colorful and sweet number frame for a two-year-old child. It will feature vibrant typography that highlights the words in the center of the page, creating an engaging and playful experience for parents and caregivers.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction showcasing the colorful number frame with an engaging tagline that captures attention.
2. **Colorful Typography**: Emphasize the words using vibrant colors and playful fonts to attract the interest of young children.
3. **Features Section**: A brief description of the benefits of the number frame, such as enhancing early learning and cognitive skills.
4. **Testimonials**: Showcase feedback from parents or caregivers who have used the number frame, enhancing credibility and connection.
5. **Call to Action (CTA)**: A clear and inviting button that encourages visitors to learn more or purchase the product.
6. **Contact Information**: An easy way for potential customers to reach out for more information or support.

## 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 include a header section with a hero image, followed by sections for features, testimonials, and a footer for contact information.

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

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React application using Create React App with TypeScript support.
2. **Install necessary dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components, respectively.
3. **Create a layout structure**: Build the main components including Header, Hero, Features, Testimonials, and Footer.
4. **Implement the Hero Section**: Use vibrant colors and typography to create an eye-catching introduction.
5. **Develop the Features Section**: Highlight the benefits of the number frame in a clear and engaging manner.
6. **Add Testimonials**: Create a section to display user feedback in a visually appealing format.
7. **Create a CTA**: Design a prominent button that encourages interaction and leads to more information or a purchase link.
8. **Style the components**: Use Tailwind CSS to apply the specified design guidelines, ensuring consistency across the application.
9. **Test the landing page**: Review the layout and functionality across different devices to ensure a responsive design.

## USER EXPERIENCE
Users will be greeted by a clean and colorful landing page that immediately draws attention to the vibrant number frame. The straightforward navigation leads them through the features and benefits, creating an informative yet playful atmosphere. The testimonials add trust, while the CTA encourages engagement, ensuring a seamless experience for visitors.