Мне нужен сайт на криптот тематику
Generated Prompt
## APPLICATION OVERVIEW This project is a landing page focused on cryptocurrency themes. Its main purpose is to provide visitors with essential information about cryptocurrency, including its benefits, features, and how to get started. The design will prioritize a minimalist aesthetic to ensure clarity and ease of navigation. ## CORE FEATURES 1. **Hero Section**: A visually impactful introduction that captures the essence of cryptocurrency with a compelling headline and a clear call-to-action (CTA). 2. **Features Overview**: A section highlighting key benefits of cryptocurrency, such as security, decentralization, and potential for growth, presented with engaging icons and brief descriptions. 3. **Testimonials**: A section showcasing user experiences and success stories to build trust and credibility. 4. **Call to Action**: Strategically placed CTA buttons encouraging users to sign up for newsletters or explore more about cryptocurrency. 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 main layout structure includes a top hero section, followed by features and testimonials arranged in a clean grid, with a footer containing contact information. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Not specified (use context API if needed) ## IMPLEMENTATION STEPS 1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Create Components**: Develop individual components for the Hero section, Features, Testimonials, CTA, and Contact form. 3. **Implement Responsive Design**: Ensure all components are responsive and adapt to different screen sizes using Tailwind CSS's utility classes. 4. **Style Components**: Apply the specified design specifications including typography, colors, and border radius to all components. 5. **Test Functionality**: Check all interactive elements, ensuring CTAs are functional and the contact form submits correctly. 6. **Deploy**: Choose a hosting platform (e.g., Vercel, Netlify) to deploy the landing page. ## USER EXPERIENCE The user experience is designed to be seamless and intuitive. Visitors will be greeted by an engaging hero section that draws them in, followed by easily digestible information in the features section. The layout will encourage users to scroll down, exploring testimonials that build trust before reaching a clear CTA to engage further. The contact form will be straightforward, allowing users to quickly reach out for more information. The overall design will ensure quick loading times and responsiveness across devices, enhancing user satisfaction.
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!
