diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 7020ae6..c7feff6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,12 +1,8 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
 import "../styles/globals.css";
 
 import { ThemeProvider } from "@/components/theme-provider";
 import { MenubarComponent } from "@/components/navigation";
-import { ProfileLeft } from "@/components/left-profile-component";
-
-const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
   title: process.env.WEBSITE_TITLE,
@@ -31,14 +27,9 @@ export default function RootLayout({
           <section className="pt-8 px-4">
             <MenubarComponent />
           </section>
-          <div className="flex flex-col md:flex-row py-6 px-3">
-          <div>
-            <ProfileLeft />
-          </div>
           <main className="p-6 w-full">
             {children}
           </main>
-          </div>
         </ThemeProvider>
       </body>
     </html>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index a2532c3..b49fbae 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,11 +1,17 @@
 "use client";
 import * as React from "react";
 import { About } from "@/components/about";
+import { ProfileLeft } from "@/components/left-profile-component";
 
 export default function Home() {
   return (
-    <div className="flex flex-col md:flex-row">
-      <About />
+    <div className="flex flex-col md:flex-row gap-5">
+      <div>
+        <ProfileLeft />
+      </div>
+      <div>
+        <About />
+      </div>
     </div>
   );
 }
diff --git a/src/components/about.tsx b/src/components/about.tsx
index 1212e05..a469ec5 100644
--- a/src/components/about.tsx
+++ b/src/components/about.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 
-import Socials from '@/components/social'
+import { Socials } from '@/components/social'
 
 import DownloadCv from './download-cv'
 
@@ -13,7 +13,7 @@ export function About() {
         <div className='flex flex-col gap-8 p-3 mt-5'>
             <div className='flex flex-col gap-2 text-3xl md:text-4xl font-semibold'>
                 <p>Hello, This is <span className=" inline-block bg-gradient-to-r from-cyan-600 to-purple-200 text-transparent bg-clip-text">Akibur Rahman</span>, </p>
-                <p className='text-2xl md:text-3xl'>and I&apos;m professional <span className="bg-gradient-to-r from-red-500 to-purple-400 text-transparent bg-clip-text">Software Engineer</span></p>
+                <p className='text-2xl md:text-3xl'>and I&apos;m a professional <span className="bg-gradient-to-r from-red-500 to-purple-400 text-transparent bg-clip-text">Software Engineer</span></p>
             </div>
             <Socials />
             <p className='text-lg md:text-xl font-semibold'>&gt; Who am I?</p>
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
new file mode 100644
index 0000000..203caf9
--- /dev/null
+++ b/src/components/footer.tsx
@@ -0,0 +1,34 @@
+import React from 'react';
+
+import { Socials } from '@/components/social'
+
+// the card components
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardFooter,
+    CardHeader,
+    CardTitle
+  } from "@/components/ui/card"
+
+import Logo from '../../public/logo';
+
+
+const Footer = () => {
+return (
+    <footer className="p-6">
+        <Card className="flex flex-col gap-4 rounded-none">
+            <CardHeader className='flex flex-row items-center'>
+                <Logo fill='#fff' className='h-5 w-auto'/>
+                <CardTitle className='px-4 leading-6'>Beyond the Pixel,<br/> Beyond Expectations</CardTitle>
+            </CardHeader>
+            <CardContent>
+                {/* <Socials /> */}
+            </CardContent>
+        </Card>
+    </footer>
+);
+};
+
+export default Footer;
\ No newline at end of file
diff --git a/src/components/left-profile-component.tsx b/src/components/left-profile-component.tsx
index 37adb79..ef59105 100644
--- a/src/components/left-profile-component.tsx
+++ b/src/components/left-profile-component.tsx
@@ -15,7 +15,6 @@ import {
     Card,
     CardContent,
     CardDescription,
-    CardFooter,
     CardHeader,
     CardTitle
 } from "@/components/ui/card"
@@ -29,11 +28,9 @@ import {
 import {
     Badge
 } from "@/components/ui/badge"
-import { useTheme } from 'next-themes';
 
 import { skills } from '@/lib/skills-list';
 
-import Socials from '@/components/social';
 import { Button } from './ui/button';
 
 
@@ -42,8 +39,6 @@ import { Button } from './ui/button';
 // type CardProps = React.ComponentProps<typeof Card>;
 
 export function ProfileLeft() {
-    // get the current theme
-    const { theme } = useTheme();
     return (
         <Card className="left-0 top-0 w-full lg:w-[500px] h-fit max-h-max flex flex-col p-3 border-none">
             <div className='flex justify-center p-3'>
@@ -57,7 +52,7 @@ export function ProfileLeft() {
                     Akibur Rahman
                 </CardTitle>
                 <CardDescription className='text-md lg:text-lg'>
-                    Junior Software Engineer | <Button variant='link' className='text-md lg:text-lg px-0'> 
+                    Software Engineer II | <Button variant='link' className='text-md lg:text-lg px-0'> 
                             <a href='https://www.linkedin.com/company/pridesys-it-ltd' target='_blank'>Pridesys IT Ltd</a>
                         </Button>
                 </CardDescription>
@@ -66,17 +61,19 @@ export function ProfileLeft() {
         <CardContent className='my-3'>
             <div className='space-y-3'>
                 <div >
-                    <p className='font-medium my-2'>
+                    <p className='font-medium text-lg my-2'>
                         • Personal Details
                     </p>
                     <p className='text-sm lg:text-md ml-3 my-2'>
                         <span className='font-medium'>✉ Email:</span> 
                         <span className='ml-2'>
-                            <a href='mailto:cadetakib1689+profile@gmail.com' className='text-blue-500 hover:underline'> cadetakib1689@gmail.com</a>
+                            <Button variant='link' className='px-0'>
+                                <a href='mailto:ak.akibur.rahman+profilee@gmail.com'> ak.akibur.rahman@gmail.com</a>
+                            </Button>
                         </span>
                         <br/>
                         <span className='font-medium'>📞 Phone:</span>
-                        <span className='ml-2'>+880 1521 705298</span>
+                        <span className='ml-2'>+880 1550 008 035</span>
                         <br/>
                         <span className='font-medium'>🏠 Address:</span>
                         <span className='ml-2'>Dhaka, Bangladesh</span>
@@ -101,12 +98,6 @@ export function ProfileLeft() {
                 )}
             </div>
         </CardContent>
-        <CardFooter className='flex flex-col items-start space-y-3'>
-            <p className='font-medium text-md lg:text-lg'>
-                Socials
-            </p>
-            <Socials />   
-        </CardFooter>
     </Card>
     );
 }
diff --git a/src/components/social.tsx b/src/components/social.tsx
index 67189a8..1c485b7 100644
--- a/src/components/social.tsx
+++ b/src/components/social.tsx
@@ -19,9 +19,9 @@ import {
 
 import { useTheme } from 'next-themes';
 
-const Socials = () => {
+export function Socials () {
     const { theme } = useTheme();
-  return (
+    return (
     <div className='flex flex-row space-x-3 w-fill'>
                 <a href={NEXT_PUBLIC_GITHUB}>
                     <Avatar className='w-6 h-6'>
@@ -56,5 +56,3 @@ const Socials = () => {
             </div> 
   )
 }
-
-export default Socials
diff --git a/src/lib/education.tsx b/src/lib/education.tsx
index 0022589..e381056 100644
--- a/src/lib/education.tsx
+++ b/src/lib/education.tsx
@@ -1,52 +1,24 @@
 export const timeline = [
     {
-        title: "Secondary and Higher Secondary Certificate",
+        title: "Secondary School Certificate",
         subtitle: "Cumilla Cadet College",
-        date: "2012-2018",
-        description: "Passed my SSC & HSC exams with a GPA of 5.00 out of 5.00. Was awarded a scholarship for outstanding performance in both exams.",
-        tags: ["SSC", "HSC"],
+        date: "2016",
+        description: "Completed my Secondary School Certificate (SSC) from Cumilla Cadet College with a GPA of 5.00 out of 5.00. Received a scholarship for my outstanding results.",
+        tags: ["SSC"],
     },
     {
-        title: "Started BSc. in Computer Science and Engineering",
-        subtitle: "Bangladesh University of Engineering and Technology (BUET)",
-        date: "April, 2019",
-        description: "Enrolled in the Computer Science and Engineering program at BUET, started learning the basics of computer science and engineering with C.",
-        tags: ["C"],
-    },
-    {
-        title: "Started Learning Object-Oriented Programming",
-        subtitle: "BUET",
-        date: "October, 2019",
-        description: "Started learning object-oriented programming with C++ and Java. Completed the course from Tim Buchalka's Java Masterclass. Helped me understand the basics of object-oriented programming.",
-        tags: ["C++", "Java", "OOP"],
-    },
-    {
-        title: "Got hands-on experience with Data Structures and Algorithms",
-        subtitle: "BUET",
-        date: "January, 2021",
-        description: "Started learning data structures and algorithms with C++. Completed the course from Abdul Bari's Data Structures and Algorithms course. Helped me understand the basics of data structures and algorithms. Also started to learn Python.",
-        tags: ["DSA", "Python", "C++", "Algorithms"],
-    },
-    {
-        title: "Learned Database and made a 3 tier web application",
-        subtitle: "BUET",
-        date: "October, 2021",
-        description: "Learned database management systems and made a 3 tier web application using Node.js, Express.js, and Oracle Database. First time working with a database and backend technologies.",
-        tags: ["Database", "Node.js", "Express.js", "Oracle"],
-    },
-    {
-        title: "The infimous 3rd year of BSc. in CSE",
-        subtitle: "BUET",
-        date: "August, 2022",
-        description: "In my 3rd year of BSc. in CSE at BUET. Learned about computer networks, computer architecture, and operating systems. Also started learning about machine learning and artificial intelligence. Made a 4 bit MIPS processor in a group project. Also made a compiler for subset of C language. ",
-        tags: ["Computer Networks", "Computer Architecture", "Operating Systems", "Machine Learning", "Artificial Intelligence"],
+        title: "Higher Secondary Certificate",
+        subtitle: "Cumilla Cadet College",
+        date: "2018",
+        description: "Completed my Higher Secondary Certificate (HSC) from Cumilla Cadet College with a GPA of 5.00 out of 5.00. Received a scholarship for my outstanding results.",
+        tags: ["HSC"],
     },
     {
-        title: "Graduation from BUET",
-        subtitle: "BUET",
-        date: "April, 2024",
-        description: "In the final year of my BSc. in CSE at BUET, Working on my thesis on machine learning. Also Built a project on OCR using machine learning. Graduated with a CGPA of 3.6 out of 4.00. Started learning about the System Design and coded a deployment pipeline for a project. Also started learning about cloud computing.",
-        tags: ["Graduation", "Machine Learning", "Thesis", "System Design", "Deployment Pipeline", "Cloud Computing"],
+        title: "BSc. in Computer Science and Engineering",
+        subtitle: "Bangladesh University of Engineering and Technology (BUET)",
+        date: "April, 2019 - May, 2024",
+        description: "Completed my Bachelor of Science degree in Computer Science and Engineering from Bangladesh University of Engineering and Technology (BUET) with a CGPA of 3.63 out of 4.00. Learned a lot about computer science and engineering fundamentals, which has stoked my interest in creativity and technological problem-solving.",
+        tags: ["C", "C++", "Java", "DSA", "DBMS", "OS", "Computer Networks", "Software Engineering", "Machine Learning", "Deep Learning", "Computer Vision", "Natural Language Processing", "Web Development", "Android Development", "Data Science", "Artificial Intelligence", "Robotics", "Cyber Security"],
     },
 ]