Added AI Section

src/app/page.tsx

@@ -12,8 +12,7 @@ import Projects from "@/components/Projects";
 
 export const metadata: Metadata = {
   title: "Sai Santosh Kottakota - Tech Lead",
-  description:
-    "Experienced Tech Lead specializing in React, Node.js, and modern web technologies",
+  description: "Tech Lead skilled in modern web technologies, Web3, and AI.",
 };
 
 export default function Page() {

src/components/Header.tsx

@@ -69,9 +69,10 @@ const Header = () => {
 
       <section className="mb-12 max-sm:text-center">
         <p className="max-w-2xl text-gray-300">
-          Experienced Tech Lead with expertise in modern web technologies.
-          Passionate about creating efficient, scalable, and innovative
-          solutions for complex problems.
+          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.
         </p>
         <Button asChild variant="secondary" className="mt-4">
           <Link

src/components/Skills.tsx

@@ -33,6 +33,12 @@ import AlchemyLogo from "@/logos/alchemy.svg";
 import HardhatLogo from "@/logos/hardhat.svg";
 import InfuraLogo from "@/logos/infura.svg";
 import MetamaskLogo from "@/logos/metamask.svg";
+import TensorflowLogo from "@/logos/tensorflow.svg";
+import PythonLogo from "@/logos/python.svg";
+import OpenAILogo from "@/logos/openai.svg";
+import OllamaLogo from "@/logos/ollama.svg";
+import LanceDBLogo from "@/logos/lancedb.svg";
+import PhidataLogo from "@/logos/phidata.svg";
 
 const seggregatedSkills = {
   frontend: [
@@ -55,6 +61,7 @@ const seggregatedSkills = {
     { name: "Docker", logo: DockerLogo },
     { name: "GraphQL", logo: GraphqlLogo },
     { name: "Microservices", logo: MicroservicesLogo },
+    { name: "Python", logo: PythonLogo },
   ],
   misc: [
     { name: "Electron.JS", logo: ElectronLogo },
@@ -66,10 +73,20 @@ const seggregatedSkills = {
   ],
   web3: [
     { name: "Solidity", logo: SolidityLogo },
-    { name: "Ethers", logo: EthersLogo },
+    { name: "Ethers.JS", logo: EthersLogo },
     { name: "Hardhat", logo: HardhatLogo },
     { name: "Alchemy", logo: AlchemyLogo },
   ],
+  ai: [
+    {
+      name: "OpenAI",
+      logo: OpenAILogo,
+    },
+    { name: "Ollama", logo: OllamaLogo },
+    { name: "Phidata", logo: PhidataLogo },
+    { name: "LanceDB", logo: LanceDBLogo },
+    { name: "Tensorflow.JS", logo: TensorflowLogo },
+  ],
 };
 
 const ITEMS_TO_SHOW = 4;