diff --git a/src/app/Aswath/page.tsx b/src/app/Aswath/page.tsx
new file mode 100644
index 0000000..aad7249
--- /dev/null
+++ b/src/app/Aswath/page.tsx
@@ -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>
+  );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 41ec1ea..d2eb5a3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,6 +18,56 @@ export default function Home() {
         <main className="max-w-4xl mx-auto">
           <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
 
+            {/* Aswath Card */}
+            <Link href="/Aswath" className="group">
+              <div className="relative w-full h-32 [perspective:1000px]">
+                <div className="relative w-full h-full transition-transform duration-700 [transform-style:preserve-3d] group-hover:[transform:rotateY(180deg)]">
+                  
+                  {/* Front of Card */}
+                  <div className="absolute inset-0 w-full h-full [backface-visibility:hidden] bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl shadow-lg p-6 border border-gray-600">
+                    <div className="flex items-center space-x-4 h-full">
+                      <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-white">
+                          Aswath S A
+                        </h3>
+                        <p className="text-sm text-gray-300">
+                          Computer Science Engineering
+                        </p>
+                        <p className="text-xs text-gray-400 mt-1">
+                          Technology Consultant • Third Year
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+
+                  {/* Back of Card */}
+                  <div className="absolute inset-0 w-full h-full [backface-visibility:hidden] [transform:rotateY(180deg)] bg-gradient-to-br from-blue-600 via-purple-600 to-indigo-700 rounded-xl shadow-lg p-6 border border-blue-500/50">
+                    <div className="flex flex-col items-center justify-center h-full text-center space-y-2">
+                      <div className="w-16 h-16 bg-white/20 backdrop-blur-sm rounded-full flex items-center justify-center text-white font-bold text-2xl border-2 border-white/30">
+                        👨‍💻
+                      </div>
+                      <div>
+                        <h3 className="text-lg font-semibold text-white">
+                          Aswath S A
+                        </h3>
+                        <p className="text-sm text-blue-100">
+                          Full Stack Developer
+                        </p>
+                        <p className="text-xs text-blue-200 mt-1">
+                          Click to view profile →
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </Link>
+
             {/* David Brown Card */}
             <Link href="/david-brown" 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">