Skip to content

Add Aswath to person directory #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Aswath2005 wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Add Aswath to person directory #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
0dd9dda
Add Aswath to person directory
Aswath2005 Oct 11, 2025
13ca9d0
Enhance Aswath profile: Add modern design, experience section, card f…
Aswath2005 Oct 12, 2025
f93de2b
Update title to Computer Science Engineering on profile and homepage
Aswath2005 Oct 12, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
226 changes: 226 additions & 0 deletions src/app/Aswath/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,226 @@
// import Link from "next/link";
import Navbar from "@/components/Navbar";

export default function Aswath() {

return (
<div className="min-h-screen bg-gradient-to-br from-gray-900 via-blue-900 to-purple-900">
<Navbar />
<div className="container mx-auto px-4 py-16">

{/* Professional Profile Card */}
<div className="max-w-4xl mx-auto">
<div className="bg-gray-800/80 backdrop-blur-lg rounded-2xl shadow-2xl border border-gray-700/50 overflow-hidden hover:shadow-blue-500/20 transition-all duration-500 hover:scale-[1.02]">
{/* Professional Header */}
<div className="bg-gradient-to-r from-blue-600 via-purple-600 to-teal-600 px-8 py-8 relative overflow-hidden">
<div className="absolute inset-0 bg-black/20"></div>
<div className="flex flex-col md:flex-row items-center md:items-start space-y-4 md:space-y-0 md:space-x-6 relative z-10">
<div className="flex-shrink-0 group">
<div className="w-28 h-28 bg-white/10 backdrop-blur-md rounded-full flex items-center justify-center font-bold text-5xl shadow-2xl border-4 border-white/30 text-white group-hover:scale-110 group-hover:rotate-3 transition-all duration-300">
A
</div>
</div>
<div className="flex-1 text-center md:text-left">
<h1 className="text-3xl md:text-4xl font-bold text-white mb-3 hover:text-cyan-300 transition-colors duration-300">
Aswath S A
</h1>
<p className="text-xl mb-2 font-medium text-cyan-100 hover:text-white transition-colors duration-300">Computer Science Engineering</p>
<p className="text-lg text-blue-200 hover:text-cyan-200 transition-colors duration-300">Third Year Student | Technology Consultant</p>
<div className="mt-4 text-sm text-blue-300">

</div>
</div>
</div>
</div>

{/* Professional Content */}
<div className="p-8 space-y-8 bg-gray-800/50">

{/* Professional Summary */}
<div className="border-l-4 pl-6 group hover:pl-8 transition-all duration-300" style={{borderColor: 'rgb(14 165 233)'}}>
<h2 className="text-2xl font-semibold mb-4 text-white group-hover:text-cyan-300 transition-colors duration-300">
Professional Summary
</h2>
<p className="leading-relaxed text-lg text-gray-300 group-hover:text-white transition-colors duration-300">
Third-year Computer Science and Engineering student with demonstrated expertise in software development,
strategic planning, and organizational leadership. Focused on leveraging advanced technology solutions
to address complex challenges and drive measurable innovation. Proven track record in leading cross-functional
student initiatives and establishing collaborative academic environments.
</p>
</div>

{/* Experience */}
<div>
<h2 className="text-2xl font-semibold mb-6 text-white hover:text-cyan-300 transition-colors duration-300">
Experience
</h2>
<div className="space-y-4">

{/* MuLearn Experience */}
<div className="p-5 rounded-xl border bg-gray-700/50 backdrop-blur-sm border-gray-600/50 hover:border-blue-500/50 group hover:scale-[1.02] transition-all duration-300 hover:shadow-lg">
<div className="flex items-start space-x-4">
<div className="w-3 h-3 bg-blue-500 rounded-full mt-2 flex-shrink-0 group-hover:scale-125 transition-transform duration-300"></div>
<div className="flex-1">
<h3 className="text-lg font-semibold text-white group-hover:text-blue-300 transition-colors duration-300">
Campus Co-lead & Community Lead
</h3>
<p className="text-cyan-300 font-medium text-sm mb-2">μLearn UCEK</p>
<p className="text-gray-300 text-sm group-hover:text-white transition-colors duration-300">
Leading campus initiatives and fostering community engagement in technology and learning programs.
</p>
</div>
</div>
</div>

{/* GDGOC Experience */}
<div className="p-5 rounded-xl border bg-gray-700/50 backdrop-blur-sm border-gray-600/50 hover:border-green-500/50 group hover:scale-[1.02] transition-all duration-300 hover:shadow-lg">
<div className="flex items-start space-x-4">
<div className="w-3 h-3 bg-green-500 rounded-full mt-2 flex-shrink-0 group-hover:scale-125 transition-transform duration-300"></div>
<div className="flex-1">
<h3 className="text-lg font-semibold text-white group-hover:text-green-300 transition-colors duration-300">
Co-organizer & Strategist
</h3>
<p className="text-cyan-300 font-medium text-sm mb-2">GDGOC UCEK</p>
<p className="text-gray-300 text-sm group-hover:text-white transition-colors duration-300">
Strategic planning and event coordination for Google Developer Groups on Campus initiatives.
</p>
</div>
</div>
</div>

{/* IEDC Experience */}
<div className="p-5 rounded-xl border bg-gray-700/50 backdrop-blur-sm border-gray-600/50 hover:border-purple-500/50 group hover:scale-[1.02] transition-all duration-300 hover:shadow-lg">
<div className="flex items-start space-x-4">
<div className="w-3 h-3 bg-purple-500 rounded-full mt-2 flex-shrink-0 group-hover:scale-125 transition-transform duration-300"></div>
<div className="flex-1">
<h3 className="text-lg font-semibold text-white group-hover:text-purple-300 transition-colors duration-300">
Operations Officer
</h3>
<p className="text-cyan-300 font-medium text-sm mb-2">Legacy IEDC UCEK</p>
<p className="text-gray-300 text-sm group-hover:text-white transition-colors duration-300">
Managing operational activities and supporting entrepreneurship development initiatives.
</p>
</div>
</div>
</div>
</div>
</div>

{/* Contact & Social Media */}
<div>
<h2 className="text-2xl font-semibold mb-6 text-white hover:text-cyan-300 transition-colors duration-300">
Contact Information
</h2>
<div className="grid gap-6 md:grid-cols-2">

{/* Email */}
<div className="p-5 rounded-xl border hover:shadow-xl transition-all duration-300 hover:scale-105 hover:border-cyan-500/50 group cursor-pointer bg-gray-700/50 backdrop-blur-sm border-gray-600/50">
<div className="flex items-center space-x-4">
<div className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0 bg-gradient-to-r from-red-500 to-pink-500 group-hover:scale-110 transition-transform duration-300">
<svg className="w-6 h-6 text-white" fill="currentColor" viewBox="0 0 20 20">
<path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path>
<path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path>
</svg>
</div>
<div className="flex-1 min-w-0">
<p className="text-xs font-medium uppercase tracking-wide text-gray-400 group-hover:text-cyan-300 transition-colors duration-300">Email</p>
<a href="mailto:aswathsa24@gmail.com" className="text-sm font-semibold hover:text-cyan-400 transition-colors break-all text-gray-200 group-hover:text-white">
aswathsa24@gmail.com
</a>
</div>
</div>
</div>

{/* GitHub */}
<div className="p-5 rounded-xl border hover:shadow-xl transition-all duration-300 hover:scale-105 hover:border-purple-500/50 group cursor-pointer bg-gray-700/50 backdrop-blur-sm border-gray-600/50">
<div className="flex items-center space-x-4">
<div className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0 bg-gradient-to-r from-gray-700 to-gray-900 group-hover:scale-110 transition-transform duration-300">
<svg className="w-6 h-6 text-white" fill="currentColor" viewBox="0 0 20 20">
<path fillRule="evenodd" d="M10 0C4.477 0 0 4.484 0 10.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0110 4.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.203 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.942.359.31.678.921.678 1.856 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0020 10.017C20 4.484 15.522 0 10 0z" clipRule="evenodd"></path>
</svg>
</div>
<div className="flex-1 min-w-0">
<p className="text-xs font-medium uppercase tracking-wide text-gray-400 group-hover:text-purple-300 transition-colors duration-300">GitHub</p>
<a href="https://github.com/Aswath2005" target="_blank" rel="noopener noreferrer" className="text-sm font-semibold transition-colors hover:text-purple-400 text-gray-200 group-hover:text-white">
@Aswath2005
</a>
</div>
</div>
</div>

{/* LinkedIn */}
<div className="p-5 rounded-xl border hover:shadow-xl transition-all duration-300 hover:scale-105 hover:border-blue-500/50 group cursor-pointer bg-gray-700/50 backdrop-blur-sm border-gray-600/50">
<div className="flex items-center space-x-4">
<div className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0 bg-gradient-to-r from-blue-600 to-blue-800 group-hover:scale-110 transition-transform duration-300">
<svg className="w-6 h-6 text-white" fill="currentColor" viewBox="0 0 20 20">
<path fillRule="evenodd" d="M16.338 16.338H13.67V12.16c0-.995-.017-2.277-1.387-2.277-1.39 0-1.601 1.086-1.601 2.207v4.248H8.014v-8.59h2.559v1.174h.037c.356-.675 1.227-1.387 2.526-1.387 2.703 0 3.203 1.778 3.203 4.092v4.711zM5.005 6.575a1.548 1.548 0 11-.003-3.096 1.548 1.548 0 01.003 3.096zm-1.337 9.763H6.34v-8.59H3.667v8.59zM17.668 1H2.328C1.595 1 1 1.581 1 2.298v15.403C1 18.418 1.595 19 2.328 19h15.34c.734 0 1.332-.582 1.332-1.299V2.298C19 1.581 18.402 1 17.668 1z" clipRule="evenodd"></path>
</svg>
</div>
<div className="flex-1 min-w-0">
<p className="text-xs font-medium uppercase tracking-wide text-gray-400 group-hover:text-blue-300 transition-colors duration-300">LinkedIn</p>
<a href="https://www.linkedin.com/in/aswath-s-a-3702a9292?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app" target="_blank" rel="noopener noreferrer" className="text-sm font-semibold transition-colors hover:text-blue-400 text-gray-200 group-hover:text-white">
Aswath S A
</a>
</div>
</div>
</div>

{/* Instagram */}
<div className="p-5 rounded-xl border hover:shadow-xl transition-all duration-300 hover:scale-105 hover:border-pink-500/50 group cursor-pointer bg-gray-700/50 backdrop-blur-sm border-gray-600/50">
<div className="flex items-center space-x-4">
<div className="w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0 bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 group-hover:scale-110 transition-transform duration-300">
<svg className="w-6 h-6 text-white" fill="currentColor" viewBox="0 0 20 20">
<path fillRule="evenodd" d="M10 0C7.284 0 6.944.012 5.877.06 4.814.107 4.086.277 3.45.525a5.846 5.846 0 00-2.115 1.378A5.846 5.846 0 00.525 3.45C.277 4.086.107 4.814.06 5.877.012 6.944 0 7.284 0 10s.012 3.056.06 4.123c.047 1.063.217 1.791.465 2.427a5.846 5.846 0 001.378 2.115 5.846 5.846 0 002.115 1.378c.636.248 1.364.418 2.427.465C6.944 19.988 7.284 20 10 20s3.056-.012 4.123-.06c1.063-.047 1.791-.217 2.427-.465a5.846 5.846 0 002.115-1.378 5.846 5.846 0 001.378-2.115c.248-.636.418-1.364.465-2.427C19.988 13.056 20 12.716 20 10s-.012-3.056-.06-4.123c-.047-1.063-.217-1.791-.465-2.427a5.846 5.846 0 00-1.378-2.115A5.846 5.846 0 0016.55.525C15.914.277 15.186.107 14.123.06 13.056.012 12.716 0 10 0zm0 1.802c2.67 0 2.987.01 4.041.059.975.045 1.505.207 1.858.344.467.182.8.398 1.15.748.35.35.566.683.748 1.15.137.353.3.883.344 1.858.048 1.054.058 1.37.058 4.041s-.01 2.987-.058 4.041c-.045.975-.207 1.505-.344 1.858a3.097 3.097 0 01-.748 1.15c-.35.35-.683.566-1.15.748-.353.137-.883.3-1.858.344-1.054.048-1.37.058-4.041.058s-2.987-.01-4.041-.058c-.975-.045-1.505-.207-1.858-.344a3.097 3.097 0 01-1.15-.748 3.097 3.097 0 01-.748-1.15c-.137-.353-.3-.883-.344-1.858C1.812 12.987 1.802 12.67 1.802 10s.01-2.987.058-4.041c.045-.975.207-1.505.344-1.858.182-.467.398-.8.748-1.15.35-.35.683-.566 1.15-.748.353-.137.883-.3 1.858-.344C7.013 1.812 7.33 1.802 10 1.802zM10 5.378a4.622 4.622 0 100 9.244 4.622 4.622 0 000-9.244zM10 13a3 3 0 110-6 3 3 0 010 6zm5.884-7.804a1.08 1.08 0 11-2.16 0 1.08 1.08 0 012.16 0z" clipRule="evenodd"></path>
</svg>
</div>
<div className="flex-1 min-w-0">
<p className="text-xs font-medium uppercase tracking-wide text-gray-400 group-hover:text-pink-300 transition-colors duration-300">Instagram</p>
<a href="https://www.instagram.com/aswath2_4?igsh=MXZzMnE5NHhwamhqdg==" target="_blank" rel="noopener noreferrer" className="text-sm font-semibold transition-colors hover:text-pink-400 text-gray-200 group-hover:text-white">
@aswath2_4
</a>
</div>
</div>
</div>
</div>
</div>

{/* Technical Skills */}
<div>
<h2 className="text-2xl font-semibold mb-6 text-white hover:text-cyan-300 transition-colors duration-300">
Skills
</h2>
<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
<div className="p-6 rounded-xl border bg-gray-700/50 backdrop-blur-sm border-gray-600/50 hover:border-yellow-500/50 group hover:scale-105 transition-all duration-300 hover:shadow-xl">
<h3 className="font-semibold mb-4 text-white group-hover:text-yellow-300 transition-colors duration-300">Programming Languages</h3>
<div className="space-y-3">
<span className="inline-block px-4 py-2 text-sm rounded-full mr-2 mb-2 bg-gray-600 text-gray-200 font-medium hover:scale-105 transition-transform duration-200 cursor-pointer">JavaScript</span>
<span className="inline-block px-4 py-2 text-sm rounded-full mr-2 mb-2 bg-gray-600 text-gray-200 font-medium hover:scale-105 transition-transform duration-200 cursor-pointer">Python</span>
<span className="inline-block px-4 py-2 text-sm rounded-full mr-2 mb-2 bg-gray-600 text-gray-200 font-medium hover:scale-105 transition-transform duration-200 cursor-pointer">C</span>
</div>
</div>

<div className="p-6 rounded-xl border bg-gray-700/50 backdrop-blur-sm border-gray-600/50 hover:border-cyan-500/50 group hover:scale-105 transition-all duration-300 hover:shadow-xl">
<h3 className="font-semibold mb-4 text-white group-hover:text-cyan-300 transition-colors duration-300">Web Technologies</h3>
<div className="space-y-3">
<span className="inline-block px-4 py-2 text-sm rounded-full mr-2 mb-2 bg-gray-600 text-gray-200 font-medium hover:scale-105 transition-transform duration-200 cursor-pointer">HTML5</span>
<span className="inline-block px-4 py-2 text-sm rounded-full mr-2 mb-2 bg-gray-600 text-gray-200 font-medium hover:scale-105 transition-transform duration-200 cursor-pointer">CSS3</span>
<span className="inline-block px-4 py-2 text-sm rounded-full mr-2 mb-2 bg-gray-800 text-gray-100 font-medium hover:scale-105 transition-transform duration-200 cursor-pointer">Next.js</span>
</div>
</div>

<div className="p-6 rounded-xl border bg-gray-700/50 backdrop-blur-sm border-gray-600/50 hover:border-purple-500/50 group hover:scale-105 transition-all duration-300 hover:shadow-xl">
<h3 className="font-semibold mb-4 text-white group-hover:text-purple-300 transition-colors duration-300">Leadership & Management</h3>
<div className="space-y-3">
<span className="inline-block px-4 py-2 text-sm rounded-full mr-2 mb-2 bg-gray-600 text-gray-200 font-medium hover:scale-105 transition-transform duration-200 cursor-pointer">Strategic Planning</span>
<span className="inline-block px-4 py-2 text-sm rounded-full mr-2 mb-2 bg-gray-600 text-gray-200 font-medium hover:scale-105 transition-transform duration-200 cursor-pointer">Community Engagement</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
);
}
Loading