Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote smartphone sales, inspired by the clean and minimalist aesthetic of apple.com. The landing page will focus on showcasing product features, benefits, and include clear calls to action to drive conversions.

## CORE FEATURES
1. **Hero Section**: A captivating introduction that includes a striking image of the smartphone, a catchy headline, and a prominent call-to-action button.
2. **Product Features**: A section detailing the key features of the smartphone, using engaging visuals and concise descriptions.
3. **Testimonials**: A curated selection of customer testimonials to build trust and credibility.
4. **Pricing Information**: A clear display of pricing options along with a comparison of different models if applicable.
5. **Call to Action**: A compelling section encouraging users to purchase or learn more, strategically placed throughout the page.
6. **Contact Information**: Easy access to customer support or inquiries, ensuring potential buyers can reach out easily.

## 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 feature a full-width hero section at the top, followed by sections for product features, testimonials, pricing, and a final call to action, all organized in a single scrollable page.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Components**: Build reusable components for the hero section, feature cards, testimonials, and call-to-action sections.
3. **Implement Styling**: Use Tailwind CSS to style components according to the design specifications, paying attention to spacing and alignment.
4. **Add Content**: Populate sections with relevant content, including images, text, and testimonials.
5. **Test Responsiveness**: Ensure the layout is responsive and looks good on various devices, adjusting styles as necessary.
6. **Optimize for Performance**: Minimize loading times by optimizing images and using lazy loading where applicable.

## USER EXPERIENCE
Users will be greeted by a visually striking hero section that immediately captures attention. As they scroll down, they will encounter informative sections highlighting the smartphone's features and benefits, supported by customer testimonials to enhance credibility. Clear calls to action will guide users toward making a purchase or seeking more information, ensuring a seamless and engaging experience throughout the landing page. 

This structure will not only promote the smartphone effectively but also provide a smooth user journey from curiosity to conversion.