Hugging Face's logo

Spaces:
DTJ1983
/
emergentclone-sh
Running

App Files Community
DTJ1983 commited on
Commit
c59834f
·
verified ·
1 Parent(s): b7f55a5

clone emergent.sh

Browse files
Files changed (2) hide show
  1. README.md +8 -4
  2. index.html +171 -19
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Emergentclone Sh
3
- emoji: 😻
4
  colorFrom: gray
5
- colorTo: indigo
 
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
1
  ---
2
+ title: EmergentClone.sh 🌐
 
3
  colorFrom: gray
4
+ colorTo: green
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
14
+
index.html CHANGED
@@ -1,19 +1,171 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Emergent.sh Clone</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/animejs/lib/anime.iife.min.js"></script>
11
+ <script src="https://unpkg.com/feather-icons"></script>
12
+ <style>
13
+ .gradient-bg {
14
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
15
+ }
16
+ .card-hover {
17
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
18
+ }
19
+ .card-hover:hover {
20
+ transform: translateY(-5px);
21
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
22
+ }
23
+ </style>
24
+ </head>
25
+ <body class="min-h-screen bg-gray-50">
26
+ <!-- Navigation -->
27
+ <nav class="bg-white shadow-sm">
28
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
29
+ <div class="flex justify-between h-16">
30
+ <div class="flex items-center">
31
+ <span class="text-xl font-bold text-purple-600">Emergent.sh</span>
32
+ </div>
33
+ <div class="flex items-center space-x-4">
34
+ <a href="#" class="text-gray-600 hover:text-purple-600">Features</a>
35
+ <a href="#" class="text-gray-600 hover:text-purple-600">Pricing</a>
36
+ <a href="#" class="text-gray-600 hover:text-purple-600">Documentation</a>
37
+ <button class="bg-purple-600 text-white px-4 py-2 rounded-md hover:bg-purple-700">Sign Up</button>
38
+ </div>
39
+ </div>
40
+ </div>
41
+ </nav>
42
+
43
+ <!-- Hero Section -->
44
+ <section class="gradient-bg text-white">
45
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
46
+ <div class="text-center">
47
+ <h1 class="text-4xl md:text-6xl font-bold mb-6">Build the Future with AI</h1>
48
+ <p class="text-xl mb-8 max-w-3xl mx-auto">Emergent.sh helps developers create intelligent applications with cutting-edge AI capabilities and seamless deployment.</p>
49
+ <div class="flex justify-center space-x-4">
50
+ <button class="bg-white text-purple-600 px-6 py-3 rounded-md font-semibold hover:bg-gray-100">Get Started</button>
51
+ <button class="border border-white text-white px-6 py-3 rounded-md font-semibold hover:bg-white hover:text-purple-600">View Demo</button>
52
+ </div>
53
+ </div>
54
+ </div>
55
+ </section>
56
+
57
+ <!-- Features Section -->
58
+ <section class="py-20">
59
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
60
+ <div class="text-center mb-16">
61
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Powerful Features</h2>
62
+ <p class="text-gray-600 max-w-2xl mx-auto">Everything you need to build, deploy, and scale your AI applications</p>
63
+ </div>
64
+
65
+ <div class="grid md:grid-cols-3 gap-8">
66
+ <div class="bg-white p-6 rounded-lg shadow-md card-hover">
67
+ <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
68
+ <i data-feather="cpu" class="text-purple-600"></i>
69
+ </div>
70
+ <h3 class="text-xl font-semibold mb-2">AI Models</h3>
71
+ <p class="text-gray-600">Access state-of-the-art AI models with simple API calls and customizable parameters.</p>
72
+ </div>
73
+
74
+ <div class="bg-white p-6 rounded-lg shadow-md card-hover">
75
+ <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
76
+ <i data-feather="code" class="text-purple-600"></i>
77
+ </div>
78
+ <h3 class="text-xl font-semibold mb-2">Easy Integration</h3>
79
+ <p class="text-gray-600">Seamlessly integrate with your existing codebase using our comprehensive SDKs and libraries.</p>
80
+ </div>
81
+
82
+ <div class="bg-white p-6 rounded-lg shadow-md card-hover">
83
+ <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-4">
84
+ <i data-feather="cloud" class="text-purple-600"></i>
85
+ </div>
86
+ <h3 class="text-xl font-semibold mb-2">Cloud Deployment</h3>
87
+ <p class="text-gray-600">Deploy your applications with one-click and scale automatically based on demand.</p>
88
+ </div>
89
+ </div>
90
+ </div>
91
+ </section>
92
+
93
+ <!-- CTA Section -->
94
+ <section class="bg-gray-100 py-20">
95
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
96
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Ready to Get Started?</h2>
97
+ <p class="text-gray-600 mb-8 max-w-2xl mx-auto">Join thousands of developers building the next generation of AI applications</p>
98
+ <button class="bg-purple-600 text-white px-8 py-4 rounded-md font-semibold hover:bg-purple-700">Start Free Trial</button>
99
+ </div>
100
+ </section>
101
+
102
+ <!-- Footer -->
103
+ <footer class="bg-gray-900 text-white py-12">
104
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
105
+ <div class="grid md:grid-cols-4 gap-8">
106
+ <div>
107
+ <h3 class="text-lg font-semibold mb-4">Emergent.sh</h3>
108
+ <p class="text-gray-400">Building the future of AI development</p>
109
+ </div>
110
+ <div>
111
+ <h4 class="font-semibold mb-4">Product</h4>
112
+ <ul class="space-y-2 text-gray-400">
113
+ <li><a href="#" class="hover:text-white">Features</a></li>
114
+ <li><a href="#" class="hover:text-white">Pricing</a></li>
115
+ <li><a href="#" class="hover:text-white">Documentation</a></li>
116
+ </ul>
117
+ </div>
118
+ <div>
119
+ <h4 class="font-semibold mb-4">Company</h4>
120
+ <ul class="space-y-2 text-gray-400">
121
+ <li><a href="#" class="hover:text-white">About</a></li>
122
+ <li><a href="#" class="hover:text-white">Blog</a></li>
123
+ <li><a href="#" class="hover:text-white">Careers</a></li>
124
+ </ul>
125
+ </div>
126
+ <div>
127
+ <h4 class="font-semibold mb-4">Support</h4>
128
+ <ul class="space-y-2 text-gray-400">
129
+ <li><a href="#" class="hover:text-white">Help Center</a></li>
130
+ <li><a href="#" class="hover:text-white">Contact</a></li>
131
+ <li><a href="#" class="hover:text-white">Status</a></li>
132
+ </ul>
133
+ </div>
134
+ </div>
135
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
136
+ <p>&copy; 2024 Emergent.sh. All rights reserved.</p>
137
+ </div>
138
+ </div>
139
+ </footer>
140
+
141
+ <script>
142
+ feather.replace();
143
+ // Simple animation for hero section
144
+ anime({
145
+ targets: '.gradient-bg h1',
146
+ translateY: [-50, 0],
147
+ opacity: [0, 1],
148
+ duration: 1000,
149
+ easing: 'easeOutExpo'
150
+ });
151
+
152
+ anime({
153
+ targets: '.gradient-bg p',
154
+ translateY: [30, 0],
155
+ opacity: [0, 1],
156
+ duration: 1000,
157
+ delay: 300,
158
+ easing: 'easeOutExpo'
159
+ });
160
+
161
+ anime({
162
+ targets: '.gradient-bg button',
163
+ translateY: [40, 0],
164
+ opacity: [0, 1],
165
+ duration: 1000,
166
+ delay: 600,
167
+ easing: 'easeOutExpo'
168
+ });
169
+ </script>
170
+ </body>
171
+ </html>