Skip to content

Add Adarsh S to person directory #4

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
adarshs2680-coder wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add Adarsh S to person directory #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
91 changes: 91 additions & 0 deletions src/app/ADARSHS/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
import Navbar from "@/components/Navbar";

export default function ADARSHSPage() {
return (
<div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800">
<Navbar />
<div className="container mx-auto px-4 py-12">

{/* Person Profile */}
<div className="max-w-4xl mx-auto">
<div className="bg-white dark:bg-gray-800 rounded-2xl shadow-xl overflow-hidden">
{/* Header */}
<div className="bg-gradient-to-r from-green-500 to-blue-600 px-8 py-12">
<div className="flex items-center space-x-6">
<div className="flex-shrink-0">
<div className="w-24 h-24 bg-blue-600 rounded-full flex items-center justify-center text-white font-semibold text-4xl">
A {/* First letter of your name */}
</div>
</div>
<div className="flex-1">
<h1 className="text-3xl md:text-4xl font-bold text-white mb-2">
ADARSH S
</h1>
<p className="text-xl text-blue-100 mb-2">COMPUTER SCIENCE STUDENT</p>
<p className="text-blue-200">Age: 20• SECOND YEAR</p>
</div>
</div>
</div>

{/* Content */}
<div className="p-8">
{/* Bio Section */}
<div className="mb-8">
<h2 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
About
</h2>
<p className="text-gray-700 dark:text-gray-300 leading-relaxed">
Hello! I am Adarsh S, a passionate student and developer. I love exploring new technologies and building innovative solutions. In my free time, I enjoy coding, reading tech blogs, and contributing to open-source projects.
</p>
</div>

{/* Skills Section */}
<div className="mb-8">
<h2 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
Skills & Interests
</h2>
<div className="flex flex-wrap gap-3">
<span className="px-4 py-2 bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 rounded-full text-sm font-medium">
JavaScript
</span>
<span className="px-4 py-2 bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 rounded-full text-sm font-medium">
HTML/CSS
</span>
<span className="px-4 py-2 bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 rounded-full text-sm font-medium">
web development
</span>
{/* Add more skills/interests as needed */}
</div>
</div>

{/* Contact Section */}
<div className="mb-8">
<h2 className="text-2xl font-semibold text-gray-900 dark:text-white mb-4">
Get in Touch
</h2>
<div className="space-y-3">
<div className="flex items-center space-x-3">
<span className="text-gray-600 dark:text-gray-400">📧</span>
<span className="text-gray-700 dark:text-gray-300">adarshs2680@gmail.com</span>
</div>
<div className="flex items-center space-x-3">
<span className="text-gray-600 dark:text-gray-400">🔗</span>
<a href="www.linkedin.com/in/adarsh-s-77265a32b" className="text-blue-600 dark:text-blue-400 hover:underline">
LinkedIn Profile
</a>
</div>
<div className="flex items-center space-x-3">
<span className="text-gray-600 dark:text-gray-400">🐙</span>
<a href="https://github.com/adarshs2680-coder" className="text-blue-600 dark:text-blue-400 hover:underline">
GitHub Profile
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
);
}
25 changes: 24 additions & 1 deletion src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,29 @@ export default function Home() {

<main className="max-w-4xl mx-auto">
<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
{/* Adarsh S Card */}
<Link href="/ADARSHS" className="group">
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-lg hover:shadow-xl transition-all duration-300 p-6 border border-gray-200 dark:border-gray-700 hover:scale-105">
<div className="flex items-center space-x-4">
<div className="flex-shrink-0">
<div className="w-12 h-12 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full flex items-center justify-center text-white font-semibold text-lg">
A
</div>
</div>
<div className="flex-1">
<h3 className="text-xl font-semibold text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">
ADARSH S
</h3>
<p className="text-sm text-gray-600 dark:text-gray-400">
COMPUTER SCIENCE STUDENT
</p>
<p className="text-xs text-gray-500 dark:text-gray-500 mt-1">
Age: 20 • SECOND YEAR
</p>
</div>
</div>
</div>
</Link>

{/* David Brown Card */}
<Link href="/david-brown" className="group">
Expand All @@ -29,7 +52,7 @@ export default function Home() {
</div>
<div className="flex-1">
<h3 className="text-xl font-semibold text-gray-900 dark:text-white group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">
David Brown
DAVID BROWN
</h3>
<p className="text-sm text-gray-600 dark:text-gray-400">
Computer Science Student
Expand Down