Fake roblox gifting website
Generated Prompt
Create a comprehensive Cursor prompt for the following project idea:
USER IDEA: "Make a fake roblox gifting website"
ANALYZE: This project idea suggests creating a simple website focused on presenting information rather than complex interactivity or data management. Therefore, it qualifies as a LANDING PAGE.
PLATFORM: Cursor - AI-powered code editor
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
DESIGN CUSTOMIZATION:
- Primary Color: #1978E5 (use this as the main accent/brand color 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
PROJECT SETUP
The project will have the following structure:
- /public
- index.html
- styles.css
- /src
- components
- Header.js
- HeroSection.js
- FeaturesSection.js
- TestimonialsSection.js
- CTASection.js
- Footer.js
- App.js
- index.js
- /assets
- images
- icons
DESIGN REQUIREMENTS:
- 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
CORE COMPONENTS
- Header: Contains the website logo and navigation links
- HeroSection: Prominently displays the main message and call-to-action button
- FeaturesSection: Highlights key features or offerings of the fake gifting service
- TestimonialsSection: Displays user testimonials or feedback
- CTASection: Encourages users to take action, such as signing up or learning more
- Footer: Contains additional links, copyright, and contact information
IMPLEMENTATION APPROACH
1. Set up the project using a React framework.
2. Create the main App component that imports and renders the core components.
3. Build the Header component, including navigation links styled with the primary color.
4. Develop the HeroSection with a strong headline, supporting text, and a call-to-action button using the primary color and border radius.
5. Create the FeaturesSection to present features using cards with rounded corners.
6. Implement the TestimonialsSection with user feedback styled appropriately.
7. Finalize the CTASection to drive user engagement.
8. Build the Footer with relevant links and copyright information.
ARCHITECTURE CONSIDERATIONS
The website should follow a component-based architecture, allowing for easy updates and maintenance. Each section should be modular, making it reusable if needed. Use React Router for navigation between sections if necessary.
ERROR HANDLING
While this is primarily a static site, ensure that any links or interactive elements provide user feedback if they lead to dead ends, such as using alert messages or redirecting to a home page.
TESTING STRATEGY
Test the landing page for responsiveness across devices, ensuring that all components render correctly. Utilize tools like Jest and React Testing Library to conduct unit tests on components, ensuring they function as expected.
Please provide detailed, production-ready code that follows best practices for Cursor.Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
