added: abubakrs info

app/layout.tsx

@@ -10,8 +10,8 @@ import { Toaster } from "react-hot-toast";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata = {
-  title: "Ricardo | Personal Portfolio",
-  description: "Ricardo is a full-stack developer with 8 years of experience.",
+  title: "Abubakr personal website",
+  description: "Abubakr is a full-stack developer with 8 years of experience.",
 };
 
 export default function RootLayout({

components/about.tsx

@@ -19,22 +19,9 @@ export default function About() {
     >
       <SectionHeading>About me</SectionHeading>
       <p className="mb-3">
-        After graduating with a degree in{" "}
-        <span className="font-medium">Accounting</span>, I decided to pursue my
-        passion for programming. I enrolled in a coding bootcamp and learned{" "}
-        <span className="font-medium">full-stack web development</span>.{" "}
-        <span className="italic">My favorite part of programming</span> is the
-        problem-solving aspect. I <span className="underline">love</span> the
-        feeling of finally figuring out a solution to a problem. My core stack
-        is{" "}
-        <span className="font-medium">
-          React, Next.js, Node.js, and MongoDB
-        </span>
-        . I am also familiar with TypeScript and Prisma. I am always looking to
-        learn new technologies. I am currently looking for a{" "}
-        <span className="font-medium">full-time position</span> as a software
-        developer.
-      </p>
+Software engineering grad (Pakistan) with a passion for web dev.
+ BootCamp honed my skills in <span className="font-medium">full-stack</span>. I thrive on <span className="italic">problem-solving</span> (love that "aha!" moment). My core skills: <span className="font-medium">React, Next.js, Node.js, MongoDB</span>. Familiar with TypeScript & Prisma. Always learning! Seeking a <span className="font-medium">full-time software developer</span> position.
+    </p>
 
       <p>
         <span className="italic">When I'm not coding</span>, I enjoy playing

components/footer.tsx

@@ -4,13 +4,13 @@ export default function Footer() {
   return (
     <footer className="mb-10 px-4 text-center text-gray-500">
       <small className="mb-2 block text-xs">
-        &copy; 2030 Ricardo. All rights reserved.
+        &copy; 2024 Abubakr. All rights reserved.
       </small>
-      <p className="text-xs">
+      {/* <p className="text-xs">
         <span className="font-semibold">About this website:</span> built with
         React & Next.js (App Router & Server Actions), TypeScript, Tailwind CSS,
         Framer Motion, React Email & Resend, Vercel hosting.
-      </p>
+      </p> */}
     </footer>
   );
 }

components/intro.tsx

@@ -32,7 +32,7 @@ export default function Intro() {
           >
             <Image
               src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?fit=crop&w=368&h=368&q=100"
-              alt="Ricardo portrait"
+              alt="Abubakr portrait"
               width="192"
               height="192"
               quality="95"
@@ -62,9 +62,9 @@ export default function Intro() {
         initial={{ opacity: 0, y: 100 }}
         animate={{ opacity: 1, y: 0 }}
       >
-        <span className="font-bold">Hello, I'm Ricardo.</span> I'm a{" "}
-        <span className="font-bold">full-stack developer</span> with{" "}
-        <span className="font-bold">8 years</span> of experience. I enjoy
+        <span className="font-bold">Hello, I'm Abubakr Kakar.</span> I'm a{" "}
+        <span className="font-bold">full-stack developer and mobile developer</span> with{" "}
+        <span className="font-bold">1 year</span> of experience. I enjoy
         building <span className="italic">sites & apps</span>. My focus is{" "}
         <span className="underline">React (Next.js)</span>.
       </motion.h1>

package.json

@@ -11,8 +11,6 @@
   "dependencies": {
     "@react-email/components": "^0.0.7",
     "@react-email/tailwind": "^0.0.8",
-    "@types/node": "20.3.2",
-    "@types/react": "18.2.14",
     "@types/react-dom": "18.2.6",
     "autoprefixer": "10.4.14",
     "clsx": "^1.2.1",
@@ -28,10 +26,12 @@
     "react-intersection-observer": "^9.5.2",
     "react-vertical-timeline-component": "^3.6.0",
     "resend": "^0.16.0",
-    "tailwindcss": "3.3.2",
-    "typescript": "5.1.5"
+    "tailwindcss": "3.3.2"
   },
   "devDependencies": {
-    "@types/react-vertical-timeline-component": "^3.3.3"
+    "@types/node": "20.12.11",
+    "@types/react": "18.3.1",
+    "@types/react-vertical-timeline-component": "^3.3.3",
+    "typescript": "5.4.5"
   }
 }