Snigdha-OS/snigdhaos-web-dev
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/snigdhaos-web-dev.git synced 2025-09-08 13:54:57 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

✨ style(color): set => indigo

Browse Source
This commit is contained in:
Eshan Roy
2024-12-07 20:09:58 +05:30
parent 8b818a4a6a
commit e10bd95c14
2 changed files with 3122 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3099
pnpm-lock.yaml generated Normal file
View File

File diff suppressed because it is too large Load Diff

42
src/pages/Home.tsx
View File

@@ -6,23 +6,27 @@ export function Home() {
return ( return (
<div> <div>
{/* Hero Section */} {/* Hero Section */}
<section className="bg-gradient-to-r from-green-600 to-green-700 text-white py-20"> <section className="bg-gradient-to-r from-indigo-600 to-indigo-700 text-white py-20">
<div className="container mx-auto px-4 text-center"> <div className="container mx-auto px-4 text-center">
<h1 className="text-5xl font-bold mb-6">Welcome to Linux Mint</h1> <h1 className="text-5xl font-bold mb-6">Welcome to Snigdha OS</h1>
<p className="text-xl mb-8">From freedom comes elegance</p> <p className="text-xl mb-8">From freedom comes elegance</p>
<div className="flex justify-center space-x-4"> <div className="flex justify-center space-x-4">
<Link <Link
to="/download" to="/download"
className="bg-white text-green-700 px-8 py-3 rounded-full font-semibold hover:bg-gray-100 transition-colors" className="bg-white text-indigo-700 px-8 py-3 rounded-[5px] font-semibold hover:bg-gray-100 transition-colors inline-flex items-center space-x-2"
> >
Download Now <Download className="h-5 w-5" /> {/* Icon */}
<span>Download Now</span>
</Link> </Link>
<Link <Link
to="/about" to="/about"
className="border-2 border-white text-white px-8 py-3 rounded-full font-semibold hover:bg-white hover:text-green-700 transition-colors" className="border-2 border-white text-white px-8 py-3 rounded-[5px] font-semibold hover:bg-white hover:text-indigo-700 transition-colors inline-flex items-center space-x-2"
> >
Learn More <ArrowRight className="h-5 w-5" /> {/* Icon */}
</Link> <span>Learn More</span>
</Link>
</div> </div>
</div> </div>
</section> </section>
@@ -32,17 +36,17 @@ export function Home() {
<div className="container mx-auto px-4"> <div className="container mx-auto px-4">
<div className="grid grid-cols-1 md:grid-cols-3 gap-8"> <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
<FeatureCard <FeatureCard
icon={<Shield className="h-12 w-12 text-green-600" />} icon={<Shield className="h-12 w-12 text-indigo-600" />}
title="Secure" title="Secure"
description="Regular security updates and a robust system architecture keep your data safe." description="Regular security updates and a robust system architecture keep your data safe."
/> />
<FeatureCard <FeatureCard
icon={<Terminal className="h-12 w-12 text-green-600" />} icon={<Terminal className="h-12 w-12 text-indigo-600" />}
title="Powerful" title="Powerful"
description="Full access to the terminal and system components for advanced users." description="Full access to the terminal and system components for advanced users."
/> />
<FeatureCard <FeatureCard
icon={<Download className="h-12 w-12 text-green-600" />} icon={<Download className="h-12 w-12 text-indigo-600" />}
title="Free Forever" title="Free Forever"
description="Linux Mint is free and open source. No costs, no subscriptions." description="Linux Mint is free and open source. No costs, no subscriptions."
/> />
@@ -77,7 +81,7 @@ export function Home() {
</div> </div>
<Link <Link
to="/download" to="/download"
className="inline-flex items-center space-x-2 bg-green-600 text-white px-6 py-2 rounded-full hover:bg-green-700 transition-colors mt-6" className="inline-flex items-center space-x-2 bg-indigo-600 text-white px-6 py-2 rounded-full hover:bg-indigo-700 transition-colors mt-6"
> >
<span>Learn More</span> <span>Learn More</span>
<ArrowRight className="h-4 w-4" /> <ArrowRight className="h-4 w-4" />
@@ -129,7 +133,7 @@ export function Home() {
</section> </section>
{/* CTA Section */} {/* CTA Section */}
<section className="py-16 bg-green-600 text-white"> <section className="py-16 bg-indigo-600 text-white">
<div className="container mx-auto px-4 text-center"> <div className="container mx-auto px-4 text-center">
<h2 className="text-3xl font-bold mb-6">Ready to Try Linux Mint?</h2> <h2 className="text-3xl font-bold mb-6">Ready to Try Linux Mint?</h2>
<p className="text-xl mb-8 max-w-2xl mx-auto"> <p className="text-xl mb-8 max-w-2xl mx-auto">
@@ -137,7 +141,7 @@ export function Home() {
</p> </p>
<Link <Link
to="/download" to="/download"
className="inline-flex items-center space-x-2 bg-white text-green-600 px-8 py-3 rounded-full font-semibold hover:bg-gray-100 transition-colors" className="inline-flex items-center space-x-2 bg-white text-indigo-600 px-8 py-3 rounded-full font-semibold hover:bg-gray-100 transition-colors"
> >
<Download className="h-5 w-5" /> <Download className="h-5 w-5" />
<span>Download Now</span> <span>Download Now</span>
@@ -201,7 +205,7 @@ function ReasonCard({
function StatCard({ number, label }: { number: string; label: string }) { function StatCard({ number, label }: { number: string; label: string }) {
return ( return (
<div className="bg-white rounded-lg shadow-lg p-8 text-center"> <div className="bg-white rounded-lg shadow-lg p-8 text-center">
<div className="text-4xl font-bold text-green-600 mb-2">{number}</div> <div className="text-4xl font-bold text-indigo-600 mb-2">{number}</div>
<div className="text-gray-600">{label}</div> <div className="text-gray-600">{label}</div>
</div> </div>
); );