diff --git a/next.config.js b/next.config.js
index b97848d..074b341 100644
--- a/next.config.js
+++ b/next.config.js
@@ -39,6 +39,15 @@ const nextConfig = {
   },
 
   staticPageGenerationTimeout: 600,
+
+  async rewrites() {
+    return [
+      {
+        source: '/downloads/cv.pdf',
+        destination: '/api/cv.pdf',
+      },
+    ];
+  },
 };
 
 module.exports = nextConfig;
diff --git a/src/app/(public)/about/free-time/page.tsx b/src/app/(public)/about/page.tsx
similarity index 98%
rename from src/app/(public)/about/free-time/page.tsx
rename to src/app/(public)/about/page.tsx
index 43b02a1..383681e 100644
--- a/src/app/(public)/about/free-time/page.tsx
+++ b/src/app/(public)/about/page.tsx
@@ -109,7 +109,7 @@ const AboutFreeTimePage = async () => {
     <main className='min-h-main'>
       <section className='dark:bg-dark bg-white'>
         <div className='layout relative flex flex-col py-12'>
-          <h1 className='mb-5'>Free Time</h1>
+          <h1 className='mb-5'>About me</h1>
 
           <div className='mb-5'>
             <p>
diff --git a/src/app/(public)/about/work/page.tsx b/src/app/(public)/about/work/page.tsx
deleted file mode 100644
index 99a1ac6..0000000
--- a/src/app/(public)/about/work/page.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-import Image from 'next/image';
-import * as React from 'react';
-import ReactMarkdown from 'react-markdown';
-
-import Heading from '@/components/atoms/headings/Heading';
-import Education from '@/components/organisms/about-work/Education';
-import Intro from '@/components/organisms/about-work/Intro';
-import Languages from '@/components/organisms/about-work/Languages';
-import Publications from '@/components/organisms/about-work/Publications';
-import WorkExperience from '@/components/organisms/about-work/WorkExperience';
-
-import { queryJobs } from '@/queries/jobs';
-import { queryLanguages } from '@/queries/languages';
-import { queryPublications } from '@/queries/publications';
-import { querySchools } from '@/queries/schools';
-import { queryIntro } from '@/queries/short-texts';
-import { querySkills } from '@/queries/skills';
-
-import { Icon } from '@/types/Icon';
-import { Skill } from '@/types/Skill';
-
-export const metadata = {
-  title: 'About my Work | MartaCodes.it',
-  description: 'About page',
-};
-
-const queryData = async () => {
-  const intro = await queryIntro();
-
-  const jobs = await queryJobs();
-  const languages = await queryLanguages();
-  const publications = await queryPublications();
-  const schools = await querySchools();
-  const skills = await querySkills();
-
-  return {
-    intro,
-    jobs,
-    languages,
-    publications,
-    schools,
-    skills,
-  };
-};
-
-const AboutPage = async () => {
-  const { intro, jobs, languages, publications, schools, skills } =
-    await queryData();
-
-  const iconDimension = 36;
-
-  return (
-    <main className='min-h-main'>
-      <section className='dark:bg-dark bg-white'>
-        <div className='layout relative flex flex-col py-12'>
-          <Heading title='aboutWork.title' />
-
-          <Intro intro={intro} />
-
-          <div className='mb-10 grid grid-cols-1 gap-5 md:grid-cols-3 md:gap-6'>
-            {skills.map((skill: Skill) => (
-              <div
-                key={skill.title}
-                className='skill-container rounded p-4 shadow-md dark:bg-slate-900 dark:drop-shadow-md'
-              >
-                <div className='flex'>
-                  {skill.icons.map((icon: Icon) => (
-                    <Image
-                      key={icon.id}
-                      height={iconDimension}
-                      width={iconDimension}
-                      alt={icon.name}
-                      src={icon.url}
-                    />
-                  ))}
-                </div>
-
-                <h3>{skill.title}</h3>
-
-                <span className='skill-description text-justify font-light'>
-                  <ReactMarkdown>{skill.description}</ReactMarkdown>
-                </span>
-              </div>
-            ))}
-          </div>
-
-          <hr />
-
-          <WorkExperience jobs={jobs} />
-
-          <hr />
-
-          <Education schools={schools} />
-
-          <hr />
-
-          <Languages languages={languages} />
-
-          <hr />
-
-          <Publications publications={publications} />
-        </div>
-      </section>
-    </main>
-  );
-};
-
-export default AboutPage;
diff --git a/src/app/(public)/cv/page.tsx b/src/app/(public)/cv/page.tsx
index c6f5f93..3bb8d65 100644
--- a/src/app/(public)/cv/page.tsx
+++ b/src/app/(public)/cv/page.tsx
@@ -1,18 +1,107 @@
+import Image from 'next/image';
 import * as React from 'react';
+import ReactMarkdown from 'react-markdown';
 
+import Heading from '@/components/atoms/headings/Heading';
+import Education from '@/components/organisms/about-work/Education';
+import Intro from '@/components/organisms/about-work/Intro';
+import Languages from '@/components/organisms/about-work/Languages';
+import Publications from '@/components/organisms/about-work/Publications';
+import WorkExperience from '@/components/organisms/about-work/WorkExperience';
 import CvCard from '@/components/organisms/cv/CvCard';
 
+import { queryJobs } from '@/queries/jobs';
+import { queryLanguages } from '@/queries/languages';
+import { queryPublications } from '@/queries/publications';
+import { querySchools } from '@/queries/schools';
+import { queryIntro } from '@/queries/short-texts';
+import { querySkills } from '@/queries/skills';
+
+import { Icon } from '@/types/Icon';
+import { Skill } from '@/types/Skill';
+
 export const metadata = {
-  title: 'CV | MartaCodes.it',
-  description: 'CV page',
+  title: 'About my Work | MartaCodes.it',
+  description: 'About page',
+};
+
+const queryData = async () => {
+  const intro = await queryIntro();
+
+  const jobs = await queryJobs();
+  const languages = await queryLanguages();
+  const publications = await queryPublications();
+  const schools = await querySchools();
+  const skills = await querySkills();
+
+  return {
+    intro,
+    jobs,
+    languages,
+    publications,
+    schools,
+    skills,
+  };
 };
 
-const CVPage = async () => {
+const AboutPage = async () => {
+  const { intro, jobs, languages, publications, schools, skills } =
+    await queryData();
+
+  const iconDimension = 36;
+
   return (
     <main className='min-h-main'>
-      <section>
+      <section className='dark:bg-dark bg-white'>
         <div className='layout relative flex flex-col py-12'>
-          <h1 className='mb-5 text-center'>CV</h1>
+          <Heading title='aboutWork.title' />
+
+          <Intro intro={intro} />
+
+          <div className='mb-10 grid grid-cols-1 gap-5 md:grid-cols-2 lg:grid-cols-3 lg:gap-6'>
+            {skills.map((skill: Skill) => (
+              <div
+                key={skill.title}
+                className='skill-container rounded p-4 shadow-md dark:bg-slate-900 dark:drop-shadow-md'
+              >
+                <div className='flex'>
+                  {skill.icons.map((icon: Icon) => (
+                    <Image
+                      key={icon.id}
+                      height={iconDimension}
+                      width={iconDimension}
+                      alt={icon.name}
+                      src={icon.url}
+                    />
+                  ))}
+                </div>
+
+                <h3>{skill.title}</h3>
+
+                <span className='skill-description text-justify font-light'>
+                  <ReactMarkdown>{skill.description}</ReactMarkdown>
+                </span>
+              </div>
+            ))}
+          </div>
+
+          <hr />
+
+          <WorkExperience jobs={jobs} />
+
+          <hr />
+
+          <Education schools={schools} />
+
+          <hr />
+
+          <Languages languages={languages} />
+
+          <hr />
+
+          <Publications publications={publications} />
+
+          <hr />
 
           <CvCard />
         </div>
@@ -21,4 +110,4 @@ const CVPage = async () => {
   );
 };
 
-export default CVPage;
+export default AboutPage;
diff --git a/src/components/atoms/headings/SectionHeading.tsx b/src/components/atoms/headings/SectionHeading.tsx
index 3d461cf..ab828b2 100644
--- a/src/components/atoms/headings/SectionHeading.tsx
+++ b/src/components/atoms/headings/SectionHeading.tsx
@@ -14,7 +14,7 @@ const SectionHeading = ({ titlePrefix }: SectionHeadingProps) => {
   const titleIconDimension = 36;
 
   return (
-    <div className='m-2 flex flex-col items-center'>
+    <div className='m-2 mb-3 flex flex-col items-center'>
       <Image
         className='h-auto'
         src={t(`${titlePrefix}.icon`)}
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index b9ef515..d8d4521 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -1,14 +1,10 @@
 'use client';
 
-import { MenuItem } from '@mui/material';
-import { Menu } from '@mui/material';
-import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import * as React from 'react';
 import { useEffect, useState } from 'react';
 import Headroom from 'react-headroom';
 import { useTranslation } from 'react-i18next';
-import { AiFillCaretDown, AiFillCaretUp } from 'react-icons/ai';
 
 import { useOnKeyDown } from '@/hooks/useOnKeyDown';
 
@@ -23,8 +19,9 @@ import UnstyledLink from '@/components/links/UnstyledLink';
 import { MobileMenu } from '@/components/molecules/MobileMenu/MobileMenu';
 
 export const links = [
-  { href: '/projects', label: 'headerMenu.projects' },
+  { href: '/about', label: 'headerMenu.about' },
   { href: '/cv', label: 'headerMenu.cv' },
+  { href: '/projects', label: 'headerMenu.projects' },
   { href: '/uses', label: 'headerMenu.uses' },
   { href: '/contacts', label: 'headerMenu.contact' },
 ];
@@ -36,15 +33,6 @@ export default function Header() {
 
   const [isOpen, setIsOpen] = useState(false);
 
-  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
-  const open = Boolean(anchorEl);
-  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-
   const pathname = usePathname();
 
   useEffect(() => {
@@ -76,40 +64,6 @@ export default function Header() {
             </UnstyledLink>
 
             <ul className='hidden items-center justify-between space-x-6 text-lg md:flex'>
-              <li>
-                <span
-                  className='animated-underline-2 dark:animated-underline flex items-center rounded-sm font-medium text-slate-950 dark:text-blue-50'
-                  aria-controls={open ? 'basic-menu' : undefined}
-                  aria-haspopup='true'
-                  aria-expanded={open ? 'true' : undefined}
-                  onClick={handleClick}
-                >
-                  {t('headerMenu.about')}
-                  {!open && <AiFillCaretDown className='ms-1.5' />}
-                  {open && <AiFillCaretUp className='ms-1.5' />}
-                </span>
-                <Menu
-                  id='basic-menu'
-                  anchorEl={anchorEl}
-                  open={open}
-                  onClose={handleClose}
-                  MenuListProps={{
-                    'aria-labelledby': 'basic-button',
-                  }}
-                >
-                  <MenuItem onClick={handleClose}>
-                    <Link href='/about/work'>
-                      👔 {t('headerMenu.aboutWork')}
-                    </Link>
-                  </MenuItem>
-                  <MenuItem onClick={handleClose}>
-                    <Link href='/about/free-time'>
-                      🪁 {t('headerMenu.aboutFreeTime')}
-                    </Link>
-                  </MenuItem>
-                </Menu>
-              </li>
-
               {links.map(({ href, label }) => (
                 <li key={`${href}${label}`}>
                   <UnstyledLink
diff --git a/src/components/molecules/MobileMenu/MobileMenu.tsx b/src/components/molecules/MobileMenu/MobileMenu.tsx
index cece002..0b2ce50 100644
--- a/src/components/molecules/MobileMenu/MobileMenu.tsx
+++ b/src/components/molecules/MobileMenu/MobileMenu.tsx
@@ -19,11 +19,6 @@ export interface MobileMenuProps {
 export const MobileMenu = ({ isOpen }: MobileMenuProps) => {
   const { t } = useTranslation();
 
-  const mobileLinks = [
-    { href: '/about/work', label: 'headerMenu.aboutWorkMobile' },
-    { href: '/about/free-time', label: 'headerMenu.aboutFreeTimeMobile' },
-    ...links,
-  ];
   const navigationVariants = {
     hidden: { opacity: 0, x: -50 },
     visible: (custom: number) => ({
@@ -49,7 +44,7 @@ export const MobileMenu = ({ isOpen }: MobileMenuProps) => {
             }}
           >
             <ul className='align-center flex h-full flex-col justify-center gap-4 text-center'>
-              {mobileLinks.map(({ href, label }, i) => (
+              {links.map(({ href, label }, i) => (
                 <NavigationItem
                   key={href}
                   href={href}
diff --git a/src/components/organisms/about-work/Intro.tsx b/src/components/organisms/about-work/Intro.tsx
index 9f06077..ff193d2 100644
--- a/src/components/organisms/about-work/Intro.tsx
+++ b/src/components/organisms/about-work/Intro.tsx
@@ -19,7 +19,9 @@ const Intro = ({ intro }: IntroProps) => {
       <SectionHeading titlePrefix='aboutWork.softwareDevelopment' />
 
       <div className='mb-5'>
-        <ReactMarkdown>{intro.content.replace('8', noOfYears)}</ReactMarkdown>
+        <ReactMarkdown className='text-justify'>
+          {intro.content.replace('8', noOfYears)}
+        </ReactMarkdown>
       </div>
     </div>
   );
diff --git a/src/components/organisms/about-work/Languages.tsx b/src/components/organisms/about-work/Languages.tsx
index 960f90c..fd27356 100644
--- a/src/components/organisms/about-work/Languages.tsx
+++ b/src/components/organisms/about-work/Languages.tsx
@@ -16,11 +16,11 @@ const Languages = ({ languages }: LanguageProps) => {
     <div className='mb-6 mt-4'>
       <SectionHeading titlePrefix='aboutWork.languages' />
 
-      <div className='mt-4 grid grid-cols-1 gap-3 md:grid-cols-4 md:gap-6'>
+      <div className='mt-4 grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4 lg:gap-6 justify-items-center'>
         {languages.map((language) => (
           <div
             key={language.id}
-            className='flex flex-row items-center rounded-md p-4 shadow-md dark:bg-slate-900 md:w-64'
+            className='flex flex-row items-center rounded-md p-4 shadow-md dark:bg-slate-900 w-full sm:w-64'
           >
             <Image
               src={language.flag.url}
diff --git a/src/components/organisms/about-work/Publications.tsx b/src/components/organisms/about-work/Publications.tsx
index 76cdb85..311cde8 100644
--- a/src/components/organisms/about-work/Publications.tsx
+++ b/src/components/organisms/about-work/Publications.tsx
@@ -17,13 +17,15 @@ const Publications = ({ publications }: PublicationProps) => {
     <div className='mb-6 mt-4'>
       <SectionHeading titlePrefix='aboutWork.publications' />
 
-      <div className='mt-4 grid grid-cols-1 gap-3 md:grid-cols-3 md:gap-8'>
+      <div className='mt-4 grid grid-cols-1 md:grid-cols-2 gap-3 lg:grid-cols-3 lg:gap-8'>
         {publications.map((publication) => (
           <div
             key={publication.id}
-            className='flex h-[8.5rem] flex-col justify-between rounded-md p-4 shadow-md dark:bg-slate-900 md:h-40'
+            className='flex min-h-fit max-h-60 flex-col justify-between rounded-md p-4 shadow-md dark:bg-slate-900 lg:max-h-40 lg:h-40'
           >
-            <span className='font-semibold'>{publication.title}</span>
+            <span className='font-semibold mb-2 md:mb-auto'>
+              {publication.title}
+            </span>
 
             <div className='flex flex-row justify-between'>
               <div className='flex flex-col'>
diff --git a/src/components/organisms/cv/CvCard.tsx b/src/components/organisms/cv/CvCard.tsx
index 7a2197e..1babe6d 100644
--- a/src/components/organisms/cv/CvCard.tsx
+++ b/src/components/organisms/cv/CvCard.tsx
@@ -1,6 +1,5 @@
 'use client';
 
-import Image from 'next/image';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { FaDownload } from 'react-icons/fa';
@@ -10,38 +9,15 @@ import Button from '@/components/buttons/Button';
 const CvCard = () => {
   const { t } = useTranslation();
 
-  const width = 1200;
-
   return (
-    <>
-      <div className='flex justify-center p-3'>
-        <a
-          href='http://bit.ly/pancaldi_cv'
-          target='_blank'
-          rel='noopener noreferrer'
-        >
-          <Button color='dark'>
-            <FaDownload className='me-2' />
-            {t('cv.download')}
-          </Button>
-        </a>
-      </div>
-
-      <div className='md:p-4 drop-shadow-xl'>
-        <Image
-          src='https://res.cloudinary.com/dwrurydlt/image/upload/v1694635077/Pancaldi_CV_aug23_1_103473c4e7.webp'
-          alt='CV Page 1'
-          width={width}
-          height={0}
-        />
-        <Image
-          src='https://res.cloudinary.com/dwrurydlt/image/upload/v1694635671/Pancaldi_CV_aug23_77a1e29cab.webp'
-          alt='CV Page 2'
-          width={width}
-          height={0}
-        />
-      </div>
-    </>
+    <div className='flex justify-center p-3 mt-6'>
+      <a href='/downloads/cv.pdf' target='_blank' rel='noopener noreferrer'>
+        <Button color='dark'>
+          <FaDownload className='me-2' />
+          {t('cv.download')}
+        </Button>
+      </a>
+    </div>
   );
 };
 
diff --git a/src/data/locales/en.json b/src/data/locales/en.json
index bd7b456..0b191e1 100644
--- a/src/data/locales/en.json
+++ b/src/data/locales/en.json
@@ -5,6 +5,7 @@
     "aboutWorkMobile": "About ~ Work & Career",
     "aboutFreeTime": "Free Time",
     "aboutFreeTimeMobile": "About ~ Free Time",
+    "experience": "Work",
     "projects": "Projects",
     "cv": "CV",
     "uses": "Uses",
@@ -20,7 +21,7 @@
     "feedback": "Feedback"
   },
   "aboutWork": {
-    "title": "Work & Career",
+    "title": "My CV",
     "softwareDevelopment": {
       "title": "Software Development",
       "icon": "https://res.cloudinary.com/dwrurydlt/image/upload/v1692734473/laptop_4a3ba3b30c.svg"
@@ -42,7 +43,9 @@
       "icon": "https://res.cloudinary.com/dwrurydlt/image/upload/v1692894192/newspaper_e15ec94d21.svg"
     }
   },
-  "aboutFreeTime": {},
+  "about": {
+    "title": "Su di me"
+  },
   "projects": {
     "readMore": "Read More"
   },
diff --git a/src/data/locales/it.json b/src/data/locales/it.json
index 9a28906..cd347b2 100644
--- a/src/data/locales/it.json
+++ b/src/data/locales/it.json
@@ -1,6 +1,6 @@
 {
   "headerMenu": {
-    "about": "About",
+    "about": "Su di me",
     "aboutWork": "Lavoro",
     "aboutWorkMobile": "About ~ Lavoro",
     "aboutFreeTime": "Tempo Libero",
@@ -20,7 +20,7 @@
     "feedback": "Feedback"
   },
   "aboutWork": {
-    "title": "Carriera Lavorativa",
+    "title": "CV",
     "softwareDevelopment": {
       "title": "Sviluppo Software",
       "icon": "https://res.cloudinary.com/dwrurydlt/image/upload/v1692734473/laptop_4a3ba3b30c.svg"
@@ -40,12 +40,15 @@
     "publications": {
       "title": "Pubblicazioni",
       "icon": "https://res.cloudinary.com/dwrurydlt/image/upload/v1692894192/newspaper_e15ec94d21.svg"
-    },
-    "projects": {
-      "readMore": "Leggi di più"
-    },
-    "cv": {
-      "download": "Scarica PDF"
     }
+  },
+  "about": {
+    "title": "About me"
+  },
+  "projects": {
+    "readMore": "Leggi di più"
+  },
+  "cv": {
+    "download": "Scarica PDF"
   }
 }
diff --git a/src/pages/api/cv.pdf.ts b/src/pages/api/cv.pdf.ts
new file mode 100644
index 0000000..dd90425
--- /dev/null
+++ b/src/pages/api/cv.pdf.ts
@@ -0,0 +1,32 @@
+/* eslint-disable no-console */
+import { NextApiRequest, NextApiResponse } from 'next';
+import fetch from 'node-fetch';
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse,
+) {
+  try {
+    const cloudinaryUrl =
+      'https://res.cloudinary.com/dwrurydlt/image/upload/v1694634540/Pancaldi_CV_aug23_258811b6b1.pdf';
+
+    const cloudinaryResponse = await fetch(cloudinaryUrl);
+
+    if (!cloudinaryResponse.ok) {
+      console.error(
+        'Error fetching the PDF from Cloudinary:',
+        cloudinaryResponse.statusText,
+      );
+      res.status(500).end('Internal Server Error');
+      return;
+    }
+
+    res.setHeader('Content-Type', 'application/pdf');
+    res.setHeader('Content-Disposition', 'inline; filename=cv.pdf');
+
+    cloudinaryResponse.body.pipe(res);
+  } catch (error) {
+    console.error('Error:', error);
+    res.status(500).end('Internal Server Error');
+  }
+}