Deepseek ArtifactsDeepseek Artifacts

30天投资$10日赚$3

4.0
en
金融
投资
赚钱
质押

Prompt

$10Investment in 30 days staking $90 earning per day $3 earn app 

Generated Result

import React from 'react';

const App = () => {
  return (
    <div className="min-h-screen bg-gradient-to-r from-blue-500 to-purple-600 text-white">
      <header className="container mx-auto p-6">
        <h1 className="text-4xl font-bold text-center">$10 Investment in 30 Days</h1>
        <p className="text-xl text-center mt-4">Stake $90 and earn $3 per day!</p>
      </header>

      <main className="container mx-auto p-6">
        <section className="bg-white p-6 rounded-lg shadow-lg text-gray-800 mb-6">
          <h2 className="text-2xl font-bold mb-4">How It Works</h2>
          <p className="mb-4">Invest just $10 and stake $90 to start earning $3 every day for 30 days. It's that simple!</p>
          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div className="bg-blue-100 p-4 rounded-lg">
              <h3 className="text-lg font-semibold">Step 1</h3>
              <p>Invest $10.</p>
            </div>
            <div className="bg-blue-100 p-4 rounded-lg">
              <h3 className="text-lg font-semibold">Step 2</h3>
              <p>Stake $90.</p>
            </div>
            <div className="bg-blue-100 p-4 rounded-lg">
              <h3 className="text-lg font-semibold">Step 3</h3>
              <p>Earn $3 daily.</p>
            </div>
          </div>
        </section>

        <section className="bg-white p-6 rounded-lg shadow-lg text-gray-800 mb-6">
          <h2 className="text-2xl font-bold mb-4">Earnings Calculator</h2>
          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div>
              <label className="block text-sm font-medium mb-2">Investment Amount ($)</label>
              <input type="number" className="w-full p-2 border rounded-lg" defaultValue="10" />
            </div>
            <div>
              <label className="block text-sm font-medium mb-2">Staking Amount ($)</label>
              <input type="number" className="w-full p-2 border rounded-lg" defaultValue="90" />
            </div>
          </div>
          <button className="mt-4 w-full bg-blue-500 text-white p-2 rounded-lg hover:bg-blue-600">Calculate Earnings</button>
        </section>

        <section className="bg-white p-6 rounded-lg shadow-lg text-gray-800 mb-6">
          <h2 className="text-2xl font-bold mb-4">Why Choose Us?</h2>
          <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div className="bg-blue-100 p-4 rounded-lg">
              <h3 className="text-lg font-semibold">High Returns</h3>
              <p>Earn $3 daily with just a $10 investment.</p>
            </div>
            <div className="bg-blue-100 p-4 rounded-lg">
              <h3 className="text-lg font-semibold">Security</h3>
              <p>Your funds are safe with our secure platform.</p>
            </div>
            <div className="bg-blue-100 p-4 rounded-lg">
              <h3 className="text-lg font-semibold">Easy to Use</h3>
              <p>Simple and user-friendly interface.</p>
            </div>
          </div>
        </section>

        <section className="bg-white p-6 rounded-lg shadow-lg text-gray-800 mb-6">
          <h2 className="text-2xl font-bold mb-4">Testimonials</h2>
          <div className="space-y-4">
            <div className="bg-blue-100 p-4 rounded-lg">
              <p>"I couldn't believe how easy it was to start earning!"</p>
              <p className="text-sm text-gray-600">- John D.</p>
            </div>
            <div className="bg-blue-100 p-4 rounded-lg">
              <p>"The returns are amazing. I highly recommend this platform."</p>
              <p className="text-sm text-gray-600">- Sarah K.</p>
            </div>
          </div>
        </section>

        <section className="bg-white p-6 rounded-lg shadow-lg text-gray-800 mb-6">
          <h2 className="text-2xl font-bold mb-4">FAQs</h2>
          <div className="space-y-4">
            <div>
              <h3 className="text-lg font-semibold">How long does it take to start earning?</h3>
              <p>Earnings start immediately after staking.</p>
            </div>
            <div>
              <h3 className="text-lg font-semibold">Is there a minimum investment?</h3>
              <p>The minimum investment is $10.</p>
            </div>
          </div>
        </section>

        <section className="bg-white p-6 rounded-lg shadow-lg text-gray-800 mb-6">
          <h2 className="text-2xl font-bold mb-4">Contact Us</h2>
          <form className="space-y-4">
            <div>
              <label className="block text-sm font-medium mb-2">Name</label>
              <input type="text" className="w-full p-2 border rounded-lg" />
            </div>
            <div>
              <label className="block text-sm font-medium mb-2">Email</label>
              <input type="email" className="w-full p-2 border rounded-lg" />
            </div>
            <div>
              <label className="block text-sm font-medium mb-2">Message</label>
              <textarea className="w-full p-2 border rounded-lg" rows="4"></textarea>
            </div>
            <button className="w-full bg-blue-500 text-white p-2 rounded-lg hover:bg-blue-600">Send</button>
          </form>
        </section>
      </main>

      <footer className="bg-black bg-opacity-30 p-6 text-center">
        <p>© 2025 $10 Investment in 30 Days. All rights reserved.</p>
      </footer>
    </div>
  );
};

export default App;

More Recommendations

View All

Build ChatGPT-Like Web Interface

4.0
Software Development
en
AI Integration
Full-Stack Development
ChatGPT
UI Design
Backend Orchestration
You are a professional full-stack developer AI with deep experience in building AI-integrated UIs, backend orchestration, and vector memory systems. I want you to build a **web-based ChatGPT-like int...

Flutter 产品列表页

4.0
编程开发
en
Flutter
Dart
产品列表
class ProductListPage extends StatefulWidget { final bool useArabic; const ProductListPage({super.key, this.useArabic = false}); @override State<ProductListPage> createState() => _ProductLis...

Flutter产品列表页

4.0
编程开发
en
Flutter
产品列表
Widget
class ProductListPage extends StatefulWidget { final bool useArabic; const ProductListPage({super.key, this.useArabic = false}); @override State<ProductListPage> createState() => _ProductLis...

Build XO App with AI

4.0
Programming
en
Tic Tac Toe
AI Game
JavaScript
create a complete XO (Tic Tac Toe) app with AI opponent: "Build a modern, fully-featured Tic Tac Toe (XO) app that includes: A clean, user-friendly interface optimized for mobile, tablet, and web. ...

Generate YouTube Subscribers

4.0
Technology
en
YouTube
Subscribers
App
Make an app let generate YouTube subscribers and and comments by enter your username after that the says how many subscribers and like do you want so you type the amount of likes and subscribers , so ...

YouTube Subscribers App

4.0
Technology
en
YouTube
Subscribers
App
Make an app let generate YouTube subscribers and and comments by enter your username after that the says how many subscribers and like do you want so you type the amount of likes and subscribers , so ...