Celoris is more than just a tool. It is a mission to democratize professional creativity for every student and creator in India.
<section>
<h2 class="text-3xl font-bold text-white mb-6">Empowering India's Creative Workforce</h2>
<p class="mb-6">
Since its founding in 2019, Celoris has been the silent engine behind thousands of Indian creators. In a market where professional software subscriptions like Adobe or Canva Pro can cost a significant portion of a student's monthly budget, Celoris provides a free, high-performance alternative.
</p>
<p>
Whether you are a college student in Meerut, a freelancer in Patna, or a small business owner in Surat, Celoris ensures that financial barriers never stand in the way of your creative potential.
</p>
</section>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 my-12">
<div class="bg-[#12182b] p-8 rounded-[2rem] border border-white/5 hover:border-emerald-500/20 transition-all">
<div class="text-4xl mb-4">🚀</div>
<h3 class="text-xl font-bold text-emerald-400 mb-2">CREATE</h3>
<p class="text-sm text-slate-400 leading-relaxed">
Access a professional-grade video editor, image design studio, and 3D animation tools. No watermarks, no credit cards, just pure creative freedom.
</p>
</div>
<div class="bg-[#12182b] p-8 rounded-[2rem] border border-white/5 hover:border-cyan-500/20 transition-all">
<div class="text-4xl mb-4">🧠</div>
<h3 class="text-xl font-bold text-cyan-400 mb-2">LEARN</h3>
<p class="text-sm text-slate-400 leading-relaxed">
Connect with real human trainers for live classes in video editing, AI tools, and digital marketing. The first session is always on us.
</p>
</div>
<div class="bg-[#12182b] p-8 rounded-[2rem] border border-white/5 hover:border-yellow-500/20 transition-all">
<div class="text-4xl mb-4">💼</div>
<h3 class="text-xl font-bold text-yellow-400 mb-2">EARN</h3>
<p class="text-sm text-slate-400 leading-relaxed">
Daily curated freelance opportunities for video editors, designers, and AI specialists. Start your career with real Indian projects.
</p>
</div>
<div class="bg-[#12182b] p-8 rounded-[2rem] border border-white/5 hover:border-pink-500/20 transition-all">
<div class="text-4xl mb-4">🤝</div>
<h3 class="text-xl font-bold text-pink-400 mb-2">PLAY</h3>
<p class="text-sm text-slate-400 leading-relaxed">
Join India's most vibrant community of creators. Collaborate on projects, share insights, and grow your network.
</p>
</div>
</div>
<section class="bg-gradient-to-br from-[#12182b] to-transparent p-10 rounded-[2.5rem] border border-white/10">
<h2 class="text-3xl font-bold text-white mb-8">Access the World's Best AI</h2>
<p class="mb-8">
Why pay for separate subscriptions? Celoris integrates over 20+ cutting-edge AI models into one seamless window.
</p>
<div class="flex flex-wrap gap-3">
<span class="bg-black/40 text-xs px-4 py-2 rounded-full border border-white/10 font-bold">GPT-4o</span>
<span class="bg-black/40 text-xs px-4 py-2 rounded-full border border-white/10 font-bold">Claude 3.5</span>
<span class="bg-black/40 text-xs px-4 py-2 rounded-full border border-white/10 font-bold">Gemini 1.5 Pro</span>
<span class="bg-black/40 text-xs px-4 py-2 rounded-full border border-white/10 font-bold">DeepSeek V3</span>
<span class="bg-black/40 text-xs px-4 py-2 rounded-full border border-white/10 font-bold">Llama 3</span>
<span class="bg-black/40 text-xs px-4 py-2 rounded-full border border-white/10 font-bold">Mistral Large</span>
</div>
</section>
<div class="my-16 overflow-hidden rounded-[2rem] border border-white/5">
<table class="w-full text-left">
<thead>
<tr class="bg-white/5 text-slate-400 text-xs uppercase font-black tracking-widest">
<th class="p-6">Efficiency Check</th>
<th class="p-6 text-center">Celoris</th>
<th class="p-6 text-center">Standard Tools</th>
</tr>
</thead>
<tbody class="text-sm">
<tr class="border-b border-white/5">
<td class="p-6 font-bold">Access Cost</td>
<td class="p-6 text-center text-emerald-400 font-black">₹0 (Free)</td>
<td class="p-6 text-center text-red-400">₹4,000+ / mo</td>
</tr>
<tr class="border-b border-white/5">
<td class="p-6 font-bold">All-in-One Dashboard</td>
<td class="p-6 text-center text-emerald-400">Yes</td>
<td class="p-6 text-center">No</td>
</tr>
<tr class="border-b border-white/5">
<td class="p-6 font-bold">Built for India 🇮🇳</td>
<td class="p-6 text-center text-emerald-400">Yes</td>
<td class="p-6 text-center">No</td>
</tr>
</tbody>
</table>
</div>
<section class="text-center py-20 bg-emerald-500 rounded-[3rem] shadow-[0_0_100px_rgba(16,185,129,0.2)]">
<h2 class="text-4xl md:text-6xl font-black text-black mb-8 leading-tight">YOUR CREATIVE<br/>JOURNEY STARTS HERE</h2>
<p class="text-black/80 font-bold text-xl mb-12 max-w-2xl mx-auto">
No credit card. No trial periods. No watermark. Just the tools you need to succeed.
</p>
<a href="https://celorisdesigns.com" class="inline-block bg-black text-white px-12 py-5 rounded-full font-black text-xl uppercase tracking-widest hover:scale-105 transition-transform shadow-2xl">
Start Free Now
</a>
</section>