Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a trendy and appealing landing page for a skincare Instagram page. The primary purpose is to attract followers by showcasing the brand’s identity, featuring popular skincare products, and providing engaging content that resonates with the target audience. The design will be minimalist, focusing on clean aesthetics that enhance user experience.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction that immediately communicates the brand's message, including a catchy tagline and a call-to-action button.
2. **Featured Products**: Highlight popular skincare products with images, brief descriptions, and links to purchase or learn more.
3. **Skincare Tips & Guides**: A section dedicated to sharing valuable skincare tips, routines, and guides to engage users and position the brand as an expert.
4. **Testimonials**: Showcase customer reviews and testimonials to build trust and credibility among potential followers.
5. **Social Media Links**: Easily accessible links to the Instagram page and other social platforms to encourage users to follow and connect.
6. **Newsletter Signup**: An option for users to subscribe to a newsletter for exclusive updates, promotions, and skincare tips.

## 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**: A single-column layout with a prominent hero section at the top, followed by features arranged in a vertical stack, ensuring a smooth scroll experience for users.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified (use local state management as needed)

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Create a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui components for styling.
3. **Create Layout**: Develop a responsive single-column layout, ensuring that all sections adapt well to various screen sizes.
4. **Implement Hero Section**: Add a hero section with an eye-catching background image, a slogan, and a call-to-action button styled with the primary color.
5. **Build Product Feature Section**: Create a grid or card layout to showcase featured products, ensuring images are high-quality and descriptions are concise.
6. **Add Skincare Tips Section**: Develop a section for skincare tips, utilizing cards or list items to present information clearly.
7. **Incorporate Testimonials**: Create a visually appealing testimonials section with quotes and customer names, styled with border-radius.
8. **Social Links and Newsletter Signup**: Add social media icons linking to the Instagram page and implement a simple form for newsletter signup.
9. **Test Responsiveness**: Ensure the landing page is fully responsive and looks great on both mobile and desktop devices.
10. **Deploy the Landing Page**: Choose a platform to deploy the landing page, optimizing for performance and SEO.

## USER EXPERIENCE
Users will have a seamless interaction with the landing page, starting from the visually appealing hero section that captures attention. As they scroll down, they will encounter featured products, engaging skincare tips, and testimonials that build trust. Clear calls to action will encourage users to follow the Instagram page or sign up for the newsletter, ensuring a smooth and inviting user journey throughout the site.