-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
00d6109
commit 75b5e33
Showing
1 changed file
with
95 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,95 @@ | ||
| <html lang="en"><head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>AiTerminal - Supercharge Your Terminal with AI</title> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> | ||
| <link rel="icon" href="data:,"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer"> | ||
| </head> | ||
| <body class="bg-gray-50 font-sans"> | ||
|
|
||
| <!-- Star Us Button --> | ||
| <div class="fixed top-4 left-4 z-50"> | ||
| <a href="https://github.com/wisamidris77/AiTerminal" target="_blank" class="bg-gray-800 hover:bg-gray-700 text-white py-2 px-4 rounded-md shadow-md flex items-center"> | ||
| <i class="fab fa-github mr-2"></i> Star Us | ||
| </a> | ||
| </div> | ||
|
|
||
| <!-- Hero Section --> | ||
| <header class="bg-gradient-to-r from-purple-600 to-blue-600 text-white py-20"> | ||
| <div class="container mx-auto text-center"> | ||
| <h1 class="text-5xl font-bold mb-4">AiTerminal</h1> | ||
| <p class="text-xl mb-8">Supercharge Your Terminal with AI</p> | ||
| <a href="#features" class="bg-white text-purple-600 font-bold py-3 px-8 rounded-full shadow-lg hover:bg-gray-100 transition duration-300">Discover the Power</a> | ||
| <a href="https://github.com/wisamidris77/AiTerminal/releases" class="bg-white text-purple-600 font-bold py-3 px-8 rounded-full shadow-lg hover:bg-gray-100 transition duration-300" target="_blank">Download here</a> | ||
| </div> | ||
| </header> | ||
|
|
||
| <!-- Features Section --> | ||
| <section id="features" class="py-16"> | ||
| <div class="container mx-auto text-center"> | ||
| <h2 class="text-3xl font-bold mb-8 text-gray-800">Key Features</h2> | ||
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> | ||
| <div class="p-6 bg-white rounded-lg shadow-md hover:shadow-xl transition duration-300"> | ||
| <h3 class="text-xl font-semibold mb-2 text-purple-600">Versatile AI Integration</h3> | ||
| <p class="text-gray-700">Easily integrate with various AI models. Currently powered by Gemini API.</p> | ||
| </div> | ||
| <div class="p-6 bg-white rounded-lg shadow-md hover:shadow-xl transition duration-300"> | ||
| <h3 class="text-xl font-semibold mb-2 text-purple-600">User-Friendly Interface</h3> | ||
| <p class="text-gray-700">Intuitive command-line interaction for seamless control.</p> | ||
| </div> | ||
| <div class="p-6 bg-white rounded-lg shadow-md hover:shadow-xl transition duration-300"> | ||
| <h3 class="text-xl font-semibold mb-2 text-purple-600">Highly Customizable</h3> | ||
| <p class="text-gray-700">Tailor the AI's behavior and responses to fit your unique workflow.</p> | ||
| </div> | ||
| <div class="p-6 bg-white rounded-lg shadow-md hover:shadow-xl transition duration-300"> | ||
| <h3 class="text-xl font-semibold mb-2 text-purple-600">Efficient Workflow</h3> | ||
| <p class="text-gray-700">Leverage the speed and power of the terminal with AI assistance.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Demo Section --> | ||
| <section id="demo" class="bg-gray-100 py-16"> | ||
| <div class="container mx-auto text-center"> | ||
| <h2 class="text-3xl font-bold mb-8 text-gray-800">See it in Action</h2> | ||
| <div class="relative aspect-w-16 aspect-h-9 max-w-3xl mx-auto shadow-md rounded-lg overflow-hidden"> | ||
| <video controls="" src="https://github.com/user-attachments/assets/3668b446-f97c-46f5-855d-24d7f75db039"></video> | ||
| </div> | ||
| <p class="mt-4 text-gray-700">Click to view the demo video.</p> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Download Section --> | ||
| <section id="download" class="py-16"> | ||
| <div class="container mx-auto text-center"> | ||
| <h2 class="text-3xl font-bold mb-8 text-gray-800">Get Started Now</h2> | ||
| <p class="text-lg text-gray-700 mb-8">Download the latest version and experience the power of AiTerminal.</p> | ||
| <a href="https://github.com/wisamidris77/AiTerminal/releases" class="bg-green-500 hover:bg-green-700 text-white font-bold py-3 px-8 rounded-full shadow-lg transition duration-300"> | ||
| Download from Releases | ||
| </a> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Contribute Section --> | ||
| <section id="contribute" class="bg-gray-100 py-16"> | ||
| <div class="container mx-auto text-center"> | ||
| <h2 class="text-3xl font-bold mb-8 text-gray-800">Contribute</h2> | ||
| <p class="text-lg text-gray-700 mb-8">We welcome contributions from the community! Help us make AiTerminal even better.</p> | ||
| <a href="https://github.com/wisamidris77/AiTerminal" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full shadow-lg transition duration-300"> | ||
| View on GitHub | ||
| </a> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Footer Section --> | ||
| <footer class="bg-gray-800 text-gray-300 py-8"> | ||
| <div class="container mx-auto text-center"> | ||
| <p>© 2024 Wisam idris. Licensed under the <a href="https://opensource.org/licenses/MIT" class="text-blue-400 hover:underline">MIT License</a>.</p> | ||
| <p class="text-sm mt-2">Disclaimer: This project is for educational and experimental purposes. Be cautious when interacting with AI.</p> | ||
| </div> | ||
| </footer> | ||
|
|
||
|
|
||
| </body></html> |