Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a gift card service. Its main purpose is to attract users with a visually appealing introduction, highlight the service's features, and facilitate user engagement through testimonials and clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a strong headline and a prominent call-to-action button encouraging users to explore gift card options.
2. **Features Overview**: A dedicated section showcasing the benefits of the service, such as easy gifting, instant delivery, and a wide selection of gift cards.
3. **Testimonials**: A section featuring user reviews and testimonials to build trust and demonstrate positive user experiences.
4. **Call to Action (CTA)**: A clear and prominent section motivating users to sign up or purchase a gift card, with actionable buttons leading to further interactions.
5. **Contact Information**: A simple contact form allowing users to reach out for inquiries 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 layout consists of a full-width hero section at the top, followed by a grid of feature cards, a testimonial slider, and a final CTA section before 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 is primarily informational and conversion-focused.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and configure Tailwind CSS.
2. **Create Components**: Develop reusable components for the hero section, features overview, testimonials, and the call to action.
3. **Design Layout**: Use Tailwind CSS to implement a responsive layout according to the design specifications, ensuring all elements are well-spaced and visually appealing.
4. **Implement Typography**: Import the Inter font from Google Fonts and apply it to headings and body text throughout the application.
5. **Style Components**: Utilize the primary color (#1978E5) for buttons and links and set a border radius of 8px for all applicable components.
6. **Add Content**: Populate the components with relevant text and images, focusing on clarity and user engagement.
7. **Test Responsiveness**: Ensure the landing page is visually appealing and functional across various devices and screen sizes, making adjustments to styles as necessary.

## USER EXPERIENCE
Users will interact with a clean and engaging landing page that effectively communicates the value of the gift card service. The intuitive layout guides users from the hero section to features and testimonials, culminating in a strong call to action. This seamless navigation and minimal design will enhance user engagement, making their experience enjoyable and straightforward.