Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Robuxgift is a minimalist landing page designed to promote and facilitate the exchange of Robux, the in-game currency for Roblox. The primary aim is to attract users who are looking to enhance their gaming experience by acquiring Robux efficiently and securely.

## CORE FEATURES
1. **Hero Section**: A visually engaging introduction that captures attention with a strong call-to-action (CTA) encouraging users to explore Robux purchasing options.
2. **Features Highlight**: Showcase the main benefits of using Robuxgift, such as secure transactions, instant delivery, and user-friendly experience.
3. **User Testimonials**: A section for customer reviews that builds trust and credibility among potential users.
4. **Pricing Section**: Clearly laid out pricing tiers for different Robux packages, making it easy for users to choose their desired amount.
5. **Contact Information**: A simple contact form for user inquiries, reinforcing the commitment to customer service.

## 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 follow a single-column format with a clear focus on vertical scrolling. Key sections will be distinctly separated with ample spacing, ensuring a seamless user experience.

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

## IMPLEMENTATION STEPS
1. **Set up the React project**: Create a new React application using TypeScript and install Tailwind CSS.
2. **Define Global Styles**: Configure Tailwind CSS to include Inter font and define the primary color and border radius in the Tailwind configuration.
3. **Create Components**: Develop individual components for the Hero section, Features, Testimonials, Pricing, and Contact.
4. **Implement Layout**: Use Tailwind CSS utility classes to structure the layout as per the design specifications.
5. **Add Interactivity**: Implement smooth scrolling for navigation links and responsive design adjustments for mobile view.
6. **Test the Page**: Ensure all components render correctly and the page is fully responsive across devices.

## USER EXPERIENCE
The user journey begins with an engaging hero section that immediately communicates the value of Robuxgift. As users scroll, they encounter clear information on features and pricing, supported by testimonials that enhance trust. The contact form is easily accessible, allowing users to reach out for assistance or inquiries. The overall design emphasizes simplicity and ease of use, ensuring a pleasant experience from start to finish.