Snigdha-OS/Snigdha-OS.github.io
2
0
Fork 0
mirror of https://github.com/Snigdha-OS/Snigdha-OS.github.io.git synced 2025-09-08 05:35:03 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

✨ style: reduce animation

Browse Source
This commit is contained in:
eshanized
2025-01-16 06:09:21 +05:30
parent bb19932a46
commit 85e88bb012
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/About.tsx
View File

@@ -5,46 +5,46 @@ import { MissionSection } from '../components/about/MissionSection';
export default function About() { export default function About() {
return ( return (
<div className="py-16 bg-gradient-to-b from-gray-50 via-white to-gray-100"> <div className="py-16 bg-gray-50">
<div className="max-w-7xl mx-auto px-6 sm:px-8 lg:px-12"> <div className="max-w-7xl mx-auto px-6 sm:px-8 lg:px-12">
{/* Hero Section */} {/* Hero Section */}
<motion.div <motion.div
initial={{ opacity: 0, y: 20 }} initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8 }} transition={{ duration: 0.8 }}
className="text-center mb-16" className="text-center mb-12"
> >
<h1 className="text-5xl font-extrabold text-gray-900"> <h1 className="text-4xl font-bold text-gray-900">
About Snigdha OS About Snigdha OS
</h1> </h1>
<p className="mt-4 text-xl text-gray-600 max-w-2xl mx-auto"> <p className="mt-4 text-lg text-gray-600 max-w-2xl mx-auto">
The most advanced penetration testing distribution, made for security professionals. The most advanced penetration testing distribution, crafted for security professionals.
</p> </p>
</motion.div> </motion.div>
{/* Content Sections */} {/* Content Sections */}
<div className="space-y-20"> <div className="space-y-16">
{/* Mission Section */} {/* Mission Section */}
<section className="bg-cornflower-blue/5 rounded-2xl p-8 shadow-lg"> <section className="bg-white rounded-lg p-6 shadow-sm">
<MissionSection /> <MissionSection />
</section> </section>
{/* Team Section */} {/* Team Section */}
<section> <section>
<h2 className="text-3xl font-bold text-gray-900 text-center mb-12"> <h2 className="text-2xl font-semibold text-gray-900 text-center mb-8">
Our Team Structure Our Team Structure
</h2> </h2>
<div className="overflow-hidden rounded-xl shadow-md bg-white p-6"> <div className="rounded-lg shadow-sm bg-white p-6">
<TeamSection /> <TeamSection />
</div> </div>
</section> </section>
{/* Timeline Section */} {/* Timeline Section */}
<section> <section>
<h2 className="text-3xl font-bold text-gray-900 text-center mb-12"> <h2 className="text-2xl font-semibold text-gray-900 text-center mb-8">
Release Timeline Release Timeline
</h2> </h2>
<div className="bg-gray-50 p-6 rounded-lg shadow-lg"> <div className="bg-white p-6 rounded-lg shadow-sm">
<Timeline /> <Timeline />
</div> </div>
</section> </section>