Some minor updates

Author: aelmizeb

.env.production

@@ -5,6 +5,7 @@
 # hosting with a CDN at a different path from your homepage in package.json
 # By default, PUBLIC_URL is set to the path specified as your homepage. If you
 # host at a subpath, you will still need to prefix PUBLIC_URL to static assets.
+# I used this first time for Github Pages, but now no need on a read DNS
 #NEXT_PUBLIC_BASE_PATH=/personal-website
 
 # Google analytics ID

public/profile.jpeg

@@ -17,7 +17,7 @@ export default function Hero() {
             {...scaleIn}
             transition={{ delay: 0.2 }}
           >
-            <Image src={`${basePath}/profile.jpeg`} alt="Profile" width={100} height={100} className="rounded-full mb-4 w-32 h-32 object-cover ring-2 ring-primary" />
+            <Image src={`${basePath}/profile.png`} alt="Profile" width={100} height={100} className="rounded-full mb-4 w-32 h-32 object-cover ring-2 ring-primary" />
           </motion.div>
           <motion.h1 
             className="text-4xl md:text-6xl font-bold mb-6"

public/profile.png

@@ -13,7 +13,7 @@ export default function Bio() {
         {...fadeInUp}
       >
         <p className="text-lg text-secondary max-w-3xl mx-auto text-center">
-          I&apos;m a passionate Full Stack Developer with expertise in building modern web applications.
+          I&apos;m a passionate Full Stack & Lead Developer with expertise in building modern web applications.
           Despite working in the backend, I am very much enthusiastic about frontend technologies. My expertise includes PHP, Magento, 
           Drupal, JavaScript, Nuxt, Vue, MySQL, Android, Flutter, Strapi. Additionally, I like to contribute to the open source community.
         </p>

src/app/components/Hero.tsx

@@ -54,7 +54,7 @@ export default function Skills() {
             <FaCode className="h-8 w-8 text-primary mb-4" />
             <h3 className="text-xl font-semibold mb-2">Frontend</h3>
             <ul className="text-secondary space-y-2">
-              <li>Vue / Nuxt.js</li>
+              <li>Vue / Nuxt</li>
               <li>TypeScript / JavaScript</li>
               <li>Angular</li>
               <li>HTML5 / CSS3</li>
@@ -74,7 +74,7 @@ export default function Skills() {
               <li>Docker / Docker Compose</li>
               <li>CI/CD / GitHub Actions</li>
               <li>Android / Flutter</li>
-              <li>Testing: Jest / Playwright</li>
+              <li>Jest / Playwright</li>
             </ul>
           </motion.div>
         </motion.div>

src/app/components/about/Bio.tsx

@@ -16,8 +16,31 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Abdellatif EL MIZEB Portfolio Website",
-  description: "Abdellatif EL MIZEB portfolio website using Next.js, Tailwind CSS, and Framer Motion.",
+  title: "Abdellatif EL MIZEB | Portfolio",
+  description: "Software Engineer specializing in Magento, Vue, Nuxt, and Cloud solutions.",
+  keywords: ["Abdellatif EL MIZEB", "Magento", "Nuxt", "Vue", "Strapi", "Developer","Lead Developer", "Portfolio", "Web Development"],
+  openGraph: {
+    title: "Abdellatif EL MIZEB | Portfolio",
+    description: "Lead & Fullstack developer",
+    url: "https://abdellatifelmizeb.com",
+    siteName: "Abdellatif Portfolio",
+    images: [
+      {
+        url: "https://abdellatifelmizeb.com/profile.png",
+        width: 1200,
+        height: 630,
+      },
+    ],
+    locale: "en_US",
+    type: "website",
+  },
+  /*twitter: {
+    card: "summary_large_image",
+    site: "@yourtwitter",
+    title: "Abdellatif EL MIZEB | Portfolio",
+    description: "Lead & Fullstack developer",
+    images: ["https://abdellatifelmizeb.com/profile.png"],
+  },*/
 };
 
 export default function RootLayout({

src/app/components/about/Skills.tsx

@@ -12,7 +12,7 @@ export const projects: Project[] = [
       },
       {
         title: 'Nuxt Dashboard Template',
-        description: 'A Nuxt 4 dashboard template styled with Tailwind CSS and developed with Nuxt 3, ECharts, Leaflet and GitHub Actions.',
+        description: 'A Nuxt 4 dashboard template styled with Tailwind CSS and developed with Nuxt 4, ECharts, Leaflet and GitHub Actions.',
         technologies: ['Nuxt 4', 'Vue 3', 'ECharts', 'Tailwind CSS', 'Leaflet', 'GitHub Actions'],
         githubLink: 'https://github.com/aelmizeb/nuxt-dashboard',
         demoLink: 'https://aelmizeb.github.io/nuxt-dashboard/',