style(_emo): add more emojis

This commit is contained in:
Eshan Roy
2024-12-17 13:51:39 +05:30
parent 3ec62e5aad
commit f083e3f5cb

View File

@@ -149,76 +149,76 @@ export function Home() {
</section> </section>
{/* Latest Release Section */} {/* Latest Release Section */}
<section className="py-16 bg-gray-100"> <section className="py-16 bg-gradient-to-r from-indigo-100 to-indigo-200">
<div className="container mx-auto px-4"> <div className="container mx-auto px-4">
<h2 className="text-3xl font-bold text-center mb-12">Latest Release 🎉</h2> <h2 className="text-4xl font-extrabold text-center mb-12 text-indigo-800">
<div className="bg-white rounded-lg shadow-lg p-8"> 🎉 Latest Release: <span className="text-indigo-600">Snigdha OS | Arctic V </span>
<div className="flex flex-col md:flex-row items-center"> </h2>
<div className="bg-white rounded-xl shadow-2xl overflow-hidden flex flex-col md:flex-row items-center transition-transform transform hover:scale-105 hover:shadow-2xl">
{/* Image Section */} {/* Image Section */}
<div className="md:w-1/2 mb-8 md:mb-0"> <div className="md:w-1/2 mb-8 md:mb-0">
<img <img
src="https://images.unsplash.com/photo-1629654297299-c8506221ca97?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" src="https://images.unsplash.com/photo-1629654297299-c8506221ca97?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80"
alt="Snigdha OS Desktop" alt="Snigdha OS Desktop"
className="rounded-lg shadow-md" className="rounded-lg shadow-xl transform transition duration-500 ease-in-out hover:scale-105 hover:shadow-2xl"
/> />
</div> </div>
{/* Details Section */} {/* Release Details Section */}
<div className="md:w-1/2 md:pl-8"> <div className="md:w-1/2 md:pl-8 p-8 space-y-6">
<h3 className="text-2xl font-regular mb-4">Snigdha OS | <b>Arctic V</b> </h3> <p className="text-lg text-gray-700 mb-6 leading-relaxed">
<p className="text-gray-600 mb-6"> Snigdha OS | Arctic V brings performance enhancements, better hardware support, and a whole new visual refresh! Experience the best of both worlds: sleek design and robust functionality. 🚀
Experience the latest features and improvements in our newest release. Enjoy enhanced performance, better hardware support, and a refined user interface. 🌟
</p> </p>
<div className="space-y-6"> <div className="space-y-6">
{/* Key Features */} {/* Key Features */}
<Feature <Feature
title="New Gnome 47.0" title="🌐 New GNOME 47.0"
description="Enjoy a faster and more responsive desktop environment with redesigned animations and improved task handling. 🚀" description="A fresh, faster, and more intuitive GNOME experience that simplifies navigation with improved responsiveness."
/> />
<Feature <Feature
title="Updated Software Manager" title="🛠️ Updated Software Manager"
description="Enhanced package management with faster load times and a cleaner interface. ⚙️" description="Enjoy a cleaner, faster interface for package management with streamlined features."
/> />
<Feature <Feature
title="Improved Hardware Compatibility" title="🔧 Improved Hardware Support"
description="Support for the latest devices and hardware configurations ensures a seamless experience. 🖥️" description="Snigdha OS ensures seamless compatibility with modern devices and hardware configurations for a smooth experience."
/> />
<Feature <Feature
title="Upgraded Kernel and Drivers" title="Upgraded Kernel & Drivers"
description="Leverage the power of the Linux 6.x Zen kernel for optimal system performance. 🖧" description="Experience better performance with the latest Linux 6.x Zen kernel and optimized drivers for your hardware."
/> />
<Feature <Feature
title="System Snapshots with Timeshift" title="🔄 Timeshift Snapshots"
description="Take full control of system recovery with robust snapshot features. 🔄" description="Create and manage system snapshots to restore your system whenever needed, ensuring peace of mind."
/> />
<Feature <Feature
title="New Theme Options" title="🎨 New Theme Options"
description="Personalize your desktop with a refreshed collection of themes, including dark mode improvements. 🌒" description="Customize your desktop with a refreshed collection of themes and dark mode improvements for a more personalized look."
/> />
</div> </div>
{/* Buttons */} {/* Buttons */}
<div className="flex mt-6 justify-center space-x-4"> <div className="flex mt-8 justify-center space-x-6">
<Link <Link
to="/download" to="/download"
className="inline-flex items-center space-x-3 bg-indigo-600 text-white px-8 py-4 rounded-[5px] hover:bg-indigo-700 transition-colors" className="inline-flex items-center space-x-3 bg-indigo-600 text-white px-8 py-4 rounded-xl shadow-lg hover:bg-indigo-700 transform transition-all duration-300 hover:scale-105"
> >
<Download className="h-5 w-5" />
<span>Download Now 🚀</span> <span>Download Now 🚀</span>
<ArrowRight className="h-4 w-4" />
</Link> </Link>
<Link <Link
to="/changelog" to="/changelog"
className="inline-flex items-center space-x-2 bg-gray-200 text-indigo-600 px-6 py-2 rounded-[5px] hover:bg-gray-300 transition-colors" className="inline-flex items-center space-x-2 bg-gray-200 text-indigo-700 px-6 py-2 rounded-xl shadow-lg hover:bg-gray-300 transform transition-all duration-300 hover:scale-105"
> >
<ArrowRight className="h-5 w-5" />
<span>View Changelog 📜</span> <span>View Changelog 📜</span>
<ArrowRight className="h-4 w-4" />
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
</section> </section>
{/* Why Choose Snigdha OS */} {/* Why Choose Snigdha OS */}