Skip to content

Commit 89e6132

Browse files
smadgulkarsmadgulkar
committed
Added docs for pages
1 parent ae499d0 commit 89e6132

File tree

1 file changed

+102
-0
lines changed

1 file changed

+102
-0
lines changed

‎docs/index.html‎

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
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>Spren - AI-Powered Shell Assistant</title>
7+
<script src="https://cdn.tailwindcss.com"></script>
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
9+
</head>
10+
<body class="bg-gray-50">
11+
<!-- Hero Section -->
12+
<section class="py-20 bg-gradient-to-r from-purple-600 to-blue-600 text-white">
13+
<div class="container mx-auto px-4">
14+
<div class="max-w-3xl mx-auto text-center">
15+
<h1 class="text-5xl font-bold mb-6">Spren</h1>
16+
<p class="text-xl mb-8">Your AI-powered shell assistant that turns natural language into shell commands</p>
17+
<div class="space-x-4">
18+
<a href="#download" class="bg-white text-purple-600 px-6 py-3 rounded-lg font-semibold hover:bg-gray-100 transition">Download Now</a>
19+
<a href="https://github.com/smadgulkar/spren" class="border border-white px-6 py-3 rounded-lg font-semibold hover:bg-white hover:text-purple-600 transition">View on GitHub</a>
20+
</div>
21+
</div>
22+
</div>
23+
</section>
24+
25+
<!-- Demo Section -->
26+
<section class="py-20" id="demo">
27+
<div class="container mx-auto px-4">
28+
<h2 class="text-3xl font-bold text-center mb-12">See Spren in Action</h2>
29+
<div class="max-w-4xl mx-auto">
30+
<!-- Add your screen recording here -->
31+
<video controls class="w-full rounded-lg shadow-lg">
32+
<source src="demo.mp4" type="video/mp4">
33+
Your browser does not support the video tag.
34+
</video>
35+
</div>
36+
</div>
37+
</section>
38+
39+
<!-- Features -->
40+
<section class="py-20 bg-white">
41+
<div class="container mx-auto px-4">
42+
<h2 class="text-3xl font-bold text-center mb-12">Features</h2>
43+
<div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
44+
<div class="text-center p-6">
45+
<i class="fas fa-comments text-4xl text-purple-600 mb-4"></i>
46+
<h3 class="text-xl font-semibold mb-2">Natural Language Input</h3>
47+
<p class="text-gray-600">Describe what you want to do in plain English</p>
48+
</div>
49+
<div class="text-center p-6">
50+
<i class="fas fa-shield-alt text-4xl text-purple-600 mb-4"></i>
51+
<h3 class="text-xl font-semibold mb-2">Safe Execution</h3>
52+
<p class="text-gray-600">Confirmation required for potentially dangerous commands</p>
53+
</div>
54+
<div class="text-center p-6">
55+
<i class="fas fa-desktop text-4xl text-purple-600 mb-4"></i>
56+
<h3 class="text-xl font-semibold mb-2">Cross-Platform</h3>
57+
<p class="text-gray-600">Works on Windows, Linux, and macOS</p>
58+
</div>
59+
</div>
60+
</div>
61+
</section>
62+
63+
<!-- Download Section -->
64+
<section class="py-20 bg-gray-50" id="download">
65+
<div class="container mx-auto px-4">
66+
<h2 class="text-3xl font-bold text-center mb-12">Download Spren</h2>
67+
<div class="grid md:grid-cols-3 gap-8 max-w-3xl mx-auto">
68+
<a href="https://github.com/smadgulkar/spren/releases/latest/download/spren-linux-amd64.tar.gz"
69+
class="block p-6 bg-white rounded-lg shadow-md hover:shadow-lg transition text-center">
70+
<i class="fab fa-linux text-4xl text-purple-600 mb-4"></i>
71+
<h3 class="text-xl font-semibold mb-2">Linux</h3>
72+
<p class="text-gray-600">Download for Linux (x64)</p>
73+
</a>
74+
<a href="https://github.com/smadgulkar/spren/releases/latest/download/spren-macos-amd64.tar.gz"
75+
class="block p-6 bg-white rounded-lg shadow-md hover:shadow-lg transition text-center">
76+
<i class="fab fa-apple text-4xl text-purple-600 mb-4"></i>
77+
<h3 class="text-xl font-semibold mb-2">macOS</h3>
78+
<p class="text-gray-600">Download for macOS (x64)</p>
79+
</a>
80+
<a href="https://github.com/smadgulkar/spren/releases/latest/download/spren-windows-amd64.zip"
81+
class="block p-6 bg-white rounded-lg shadow-md hover:shadow-lg transition text-center">
82+
<i class="fab fa-windows text-4xl text-purple-600 mb-4"></i>
83+
<h3 class="text-xl font-semibold mb-2">Windows</h3>
84+
<p class="text-gray-600">Download for Windows (x64)</p>
85+
</a>
86+
</div>
87+
</div>
88+
</section>
89+
90+
<!-- Footer -->
91+
<footer class="py-8 bg-gray-800 text-white">
92+
<div class="container mx-auto px-4 text-center">
93+
<p>© 2024 Spren. Open source under MIT License.</p>
94+
<div class="mt-4">
95+
<a href="https://github.com/smadgulkar/spren" class="text-gray-400 hover:text-white mx-2">
96+
<i class="fab fa-github text-2xl"></i>
97+
</a>
98+
</div>
99+
</div>
100+
</footer>
101+
</body>
102+
</html>

0 commit comments

Comments
 (0)