Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project "robloxgiftingpage.ai.studio" is a landing page designed to promote a gifting service for Roblox users. The main purpose of this site is to provide information about the gifting options available, showcase features, and encourage user engagement through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction featuring a catchy headline, brief description of the gifting service, and a prominent call-to-action (CTA) button encouraging users to get started.
2. **Features Highlight**: A dedicated section outlining the key features of the gifting service, such as gift customization, delivery options, and user testimonials.
3. **Testimonials**: A section displaying user reviews and success stories to build trust and credibility for the service.
4. **Call to Action**: A strong CTA section encouraging users to sign up or explore gifting options, with a button linking to an interactive feature or sign-up form.
5. **Contact Information**: A simple contact form for inquiries or support, along with social media links for additional engagement.

## 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 feature a vertical flow with a hero section at the top, followed by a features highlight, testimonials, a CTA, and a contact form at the bottom.

## 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 using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout**: Build the main layout structure using functional components for the hero, features, testimonials, CTA, and contact sections.
4. **Style Components**: Apply Tailwind CSS classes to ensure a minimalist style, using the specified primary color and typography.
5. **Add Content**: Populate each section with placeholder content that can be replaced with actual information later.
6. **Implement Responsive Design**: Test and adjust styles for various screen sizes to maintain usability and aesthetics on mobile devices.
7. **Conduct User Testing**: Gather feedback on usability and design, making adjustments as needed before launch.

## USER EXPERIENCE
Key user interactions will include engaging with the hero section to learn more about the gifting service, exploring features through smooth scrolling, reading testimonials for social proof, and easily navigating to the CTA to sign up or inquire further. The minimalist design will ensure that users can focus on the content without distractions, enhancing their overall experience on the page.