Spaces:
Running
Running
Perfect your skills are beyond what I expected you have a future with me best friend. Now actinging under the same as the last inquiry: Create a Home page for this app please? - Follow Up Deployment
Browse files- index.html +90 -15
index.html
CHANGED
|
@@ -94,25 +94,100 @@
|
|
| 94 |
|
| 95 |
<!-- Hero Section -->
|
| 96 |
<div class="gradient-bg text-white">
|
| 97 |
-
<div class="max-w-7xl mx-auto py-
|
| 98 |
<div class="text-center">
|
| 99 |
-
<h1 class="text-4xl md:text-
|
| 100 |
-
<span class="block">AI
|
| 101 |
-
<span class="block
|
| 102 |
</h1>
|
| 103 |
-
<p class="mt-
|
| 104 |
-
|
| 105 |
</p>
|
| 106 |
-
<div class="mt-
|
| 107 |
-
<
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 111 |
</div>
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 116 |
</div>
|
| 117 |
</div>
|
| 118 |
</div>
|
|
|
|
| 94 |
|
| 95 |
<!-- Hero Section -->
|
| 96 |
<div class="gradient-bg text-white">
|
| 97 |
+
<div class="max-w-7xl mx-auto py-24 px-4 sm:py-32 sm:px-6 lg:px-8">
|
| 98 |
<div class="text-center">
|
| 99 |
+
<h1 class="text-4xl md:text-6xl font-extrabold tracking-tight">
|
| 100 |
+
<span class="block">Welcome to AI Integrations</span>
|
| 101 |
+
<span class="block text-blue-200 mt-4 text-2xl md:text-3xl">Bridging AI and Productivity Tools</span>
|
| 102 |
</h1>
|
| 103 |
+
<p class="mt-6 max-w-2xl mx-auto text-xl">
|
| 104 |
+
Transform your workflows with custom AI solutions integrated into Atlassian products, powered by HuggingFace transformers.
|
| 105 |
</p>
|
| 106 |
+
<div class="mt-10 flex justify-center space-x-4">
|
| 107 |
+
<a href="#solutions" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-blue-700 bg-white hover:bg-blue-50">
|
| 108 |
+
Explore Solutions
|
| 109 |
+
</a>
|
| 110 |
+
<a href="#contact" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 bg-opacity-80 hover:bg-opacity-100">
|
| 111 |
+
Get Started
|
| 112 |
+
</a>
|
| 113 |
+
</div>
|
| 114 |
+
</div>
|
| 115 |
+
</div>
|
| 116 |
+
</div>
|
| 117 |
+
|
| 118 |
+
<!-- Overview Section -->
|
| 119 |
+
<div class="py-16 bg-white">
|
| 120 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 121 |
+
<div class="lg:text-center">
|
| 122 |
+
<h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">What We Do</h2>
|
| 123 |
+
<p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
|
| 124 |
+
AI-powered productivity enhancements
|
| 125 |
+
</p>
|
| 126 |
+
<p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
|
| 127 |
+
We specialize in integrating cutting-edge NLP models into your existing tools to automate workflows, enhance decision making, and boost team productivity.
|
| 128 |
+
</p>
|
| 129 |
+
</div>
|
| 130 |
+
</div>
|
| 131 |
+
</div>
|
| 132 |
+
|
| 133 |
+
<!-- Quick Links Section -->
|
| 134 |
+
<div id="solutions" class="py-12 bg-gray-50">
|
| 135 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 136 |
+
<div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
|
| 137 |
+
<div class="bg-white overflow-hidden shadow rounded-lg card-hover">
|
| 138 |
+
<div class="px-4 py-5 sm:p-6">
|
| 139 |
+
<div class="flex items-center">
|
| 140 |
+
<div class="flex-shrink-0 bg-blue-500 rounded-md p-3">
|
| 141 |
+
<i class="fab fa-atlassian text-white text-2xl"></i>
|
| 142 |
+
</div>
|
| 143 |
+
<div class="ml-4">
|
| 144 |
+
<h3 class="text-lg font-medium text-gray-900">Atlassian Integrations</h3>
|
| 145 |
+
</div>
|
| 146 |
+
</div>
|
| 147 |
+
<div class="mt-4">
|
| 148 |
+
<p class="text-gray-600">Enhance Jira, Confluence and other Atlassian products with AI capabilities.</p>
|
| 149 |
+
<div class="mt-4">
|
| 150 |
+
<a href="#projects" class="text-blue-600 hover:text-blue-500 font-medium">View examples →</a>
|
| 151 |
+
</div>
|
| 152 |
+
</div>
|
| 153 |
</div>
|
| 154 |
+
</div>
|
| 155 |
+
|
| 156 |
+
<div class="bg-white overflow-hidden shadow rounded-lg card-hover">
|
| 157 |
+
<div class="px-4 py-5 sm:p-6">
|
| 158 |
+
<div class="flex items-center">
|
| 159 |
+
<div class="flex-shrink-0 bg-blue-500 rounded-md p-3">
|
| 160 |
+
<i class="fas fa-robot text-white text-2xl"></i>
|
| 161 |
+
</div>
|
| 162 |
+
<div class="ml-4">
|
| 163 |
+
<h3 class="text-lg font-medium text-gray-900">Custom AI Models</h3>
|
| 164 |
+
</div>
|
| 165 |
+
</div>
|
| 166 |
+
<div class="mt-4">
|
| 167 |
+
<p class="text-gray-600">Tailored NLP solutions for your specific business needs.</p>
|
| 168 |
+
<div class="mt-4">
|
| 169 |
+
<a href="#expertise" class="text-blue-600 hover:text-blue-500 font-medium">Learn more →</a>
|
| 170 |
+
</div>
|
| 171 |
+
</div>
|
| 172 |
+
</div>
|
| 173 |
+
</div>
|
| 174 |
+
|
| 175 |
+
<div class="bg-white overflow-hidden shadow rounded-lg card-hover">
|
| 176 |
+
<div class="px-4 py-5 sm:p-6">
|
| 177 |
+
<div class="flex items-center">
|
| 178 |
+
<div class="flex-shrink-0 bg-blue-500 rounded-md p-3">
|
| 179 |
+
<i class="fas fa-cogs text-white text-2xl"></i>
|
| 180 |
+
</div>
|
| 181 |
+
<div class="ml-4">
|
| 182 |
+
<h3 class="text-lg font-medium text-gray-900">Workflow Automation</h3>
|
| 183 |
+
</div>
|
| 184 |
+
</div>
|
| 185 |
+
<div class="mt-4">
|
| 186 |
+
<p class="text-gray-600">Streamline processes with intelligent automation.</p>
|
| 187 |
+
<div class="mt-4">
|
| 188 |
+
<a href="#contact" class="text-blue-600 hover:text-blue-500 font-medium">Get started →</a>
|
| 189 |
+
</div>
|
| 190 |
+
</div>
|
| 191 |
</div>
|
| 192 |
</div>
|
| 193 |
</div>
|