diff --git a/public/Sai_Santosh_Kottakota_AI_Dev_Resume.pdf b/public/Sai_Santosh_Kottakota_AI_Dev_Resume.pdf
new file mode 100644
index 0000000..e62f32b
Binary files /dev/null and b/public/Sai_Santosh_Kottakota_AI_Dev_Resume.pdf differ
diff --git a/public/Sai_Santosh_Kottakota_Resume.pdf b/public/Sai_Santosh_Kottakota_Resume.pdf
index bfeb08d..abfe9c4 100644
Binary files a/public/Sai_Santosh_Kottakota_Resume.pdf and b/public/Sai_Santosh_Kottakota_Resume.pdf differ
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 65a9671..c2403da 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -71,8 +71,7 @@ const Header = () => {
         <p className="max-w-2xl text-gray-300">
           Experienced Tech Lead with expertise in modern web technologies, Web3,
           and AI. Skilled in developing efficient, scalable, and innovative
-          solutions, including advanced Retrieval-Augmented Generation (RAG)
-          systems.
+          solutions using cutting edge tech.
         </p>
         <Button asChild variant="secondary" className="mt-4">
           <Link
diff --git a/src/components/Skills.tsx b/src/components/Skills.tsx
index 464cc91..a9d5d88 100644
--- a/src/components/Skills.tsx
+++ b/src/components/Skills.tsx
@@ -41,7 +41,7 @@ import LanceDBLogo from "@/logos/lancedb.svg";
 import PhidataLogo from "@/logos/phidata.svg";
 
 const seggregatedSkills = {
-  frontend: [
+  Frontend: [
     { name: "React", logo: ReactLogo },
     { name: "Typescript", logo: TypescriptLogo },
     { name: "Tailwind", logo: TailwindLogo },
@@ -54,7 +54,7 @@ const seggregatedSkills = {
     { name: "Redux", logo: ReduxLogo },
     { name: "Vitest/Jest", logo: VitestLogo },
   ],
-  backend: [
+  Backend: [
     { name: "Node.JS", logo: NodejsLogo },
     { name: "Postgres", logo: PostgresqlLogo },
     { name: "Firebase", logo: FirebaseLogo },
@@ -63,21 +63,13 @@ const seggregatedSkills = {
     { name: "Microservices", logo: MicroservicesLogo },
     { name: "Python", logo: PythonLogo },
   ],
-  misc: [
-    { name: "Electron.JS", logo: ElectronLogo },
-    { name: "Web Extensions", logo: WebextensionsLogo },
-    { name: "WebRTC", logo: WebrtcLogo },
-    { name: "Metamask", logo: MetamaskLogo },
-    { name: "Thingsboard", logo: ThingsboardLogo },
-    { name: "Infura", logo: InfuraLogo },
-  ],
-  web3: [
+  Web3: [
     { name: "Solidity", logo: SolidityLogo },
     { name: "Ethers.JS", logo: EthersLogo },
     { name: "Hardhat", logo: HardhatLogo },
     { name: "Alchemy", logo: AlchemyLogo },
   ],
-  ai: [
+  AI: [
     {
       name: "OpenAI",
       logo: OpenAILogo,
@@ -87,6 +79,14 @@ const seggregatedSkills = {
     { name: "LanceDB", logo: LanceDBLogo },
     { name: "Tensorflow.JS", logo: TensorflowLogo },
   ],
+  Misc: [
+    { name: "Electron.JS", logo: ElectronLogo },
+    { name: "Web Extensions", logo: WebextensionsLogo },
+    { name: "WebRTC", logo: WebrtcLogo },
+    { name: "Metamask", logo: MetamaskLogo },
+    { name: "Thingsboard", logo: ThingsboardLogo },
+    { name: "Infura", logo: InfuraLogo },
+  ],
 };
 
 const ITEMS_TO_SHOW = 4;
@@ -98,7 +98,7 @@ function SkillSection({
   onToggle,
 }: {
   title: string;
-  skills: typeof seggregatedSkills.frontend;
+  skills: typeof seggregatedSkills.Frontend;
   expanded: boolean;
   onToggle: () => void;
 }) {
@@ -107,9 +107,7 @@ function SkillSection({
 
   return (
     <div className="flex-1 min-w-[250px]">
-      <h3 className="text-xl font-semibold mb-4 capitalize text-gray-100">
-        {title}
-      </h3>
+      <h3 className="text-xl font-semibold mb-4 text-gray-100">{title}</h3>
       <div className="space-y-2">
         {displayedSkills.map((skill) => (
           <Card
@@ -165,7 +163,7 @@ const Skills = () => {
       {(
         Object.entries(seggregatedSkills) as [
           keyof typeof seggregatedSkills,
-          typeof seggregatedSkills.frontend
+          typeof seggregatedSkills.Frontend
         ][]
       ).map(([category, skills]) => (
         <SkillSection