Lovable Prompt Creator - AI Prompt Generator

**bold text***italic text**italic text*## APPLICATION OVERVIEW
The project is a premium landing page for a shoe shop called soine.com. It aims to present a beautiful and minimalist design that showcases products effectively while focusing on user engagement and conversion.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section with a captivating image of featured shoes, accompanied by a catchy tagline and a prominent call-to-action (CTA) button.
2. **Product Showcase**: A grid layout displaying various shoe collections with high-quality images, brief descriptions, and quick links to view more details or purchase.
3. **Testimonials**: A section highlighting customer reviews and testimonials to build trust and credibility.
4. **Newsletter Signup**: A simple form for users to subscribe to updates and promotions, encouraging ongoing engagement.
5. **Contact Information**: A footer section containing contact details, social media links, and a simple contact form for inquiries.

## 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 for mobile, transitioning to a grid layout for larger screens, ensuring responsiveness across devices.

## 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 Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout**: Develop the main layout structure, ensuring a responsive design that adapts to various screen sizes.
3. **Build Hero Section**: Implement the hero section with a background image, tagline, and CTA button using Tailwind CSS for styling.
4. **Product Showcase**: Create a dynamic grid component for displaying shoe products, using sample data to fill in product details.
5. **Testimonials Section**: Design a simple carousel or grid layout to display customer testimonials, ensuring readability and visual appeal.
6. **Newsletter Signup**: Implement a subscription form that captures user email addresses and integrates with a mailing service.
7. **Footer Design**: Build a footer with contact information, social media links, and a contact form for user inquiries.
8. **Testing**: Conduct thorough testing across different devices and browsers to ensure a smooth user experience.

## USER EXPERIENCE
Users will be greeted with a stunning hero image that captures attention immediately. As they scroll down, they will encounter beautifully arranged product showcases with clear CTAs. The testimonial section will instill confidence, while the newsletter signup will provide an easy way for users to stay connected. The design will prioritize simplicity and elegance, making navigation intuitive and enjoyable.