feat: add description meta tag

lucsmachado · lucsmachado · commit 7bfb9a802e28 · 2023-12-21T15:19:30.000-03:00
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -1,16 +1,17 @@
 ---
 interface Props {
   title: string;
+  description: string;
 }
 
-const { title } = Astro.props;
+const { title, description } = Astro.props;
 ---
 
 <!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="description" content="Astro description" />
+    <meta name="description" content={description} />
     <meta name="viewport" content="width=device-width" />
     <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <meta name="generator" content={Astro.generator} />
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -4,6 +4,12 @@ import Experience from "../components/Experience.astro";
 import SocialMedia from "../components/SocialMedia.astro";
 import { Icon } from "astro-icon";
 
+const metadata = {
+  title: "Lucas Machado",
+  description:
+    "Lucas Machado is a software engineer who builds accessible and interactive user experiences for the web.",
+};
+
 const socialMedia = [
   {
     label: "GitHub",
@@ -23,7 +29,7 @@ const socialMedia = [
 ];
 ---
 
-<Layout title="Lucas Machado">
+<Layout {...metadata}>
   <div
     class="mx-auto min-h-screen max-w-screen-xl px-6 py-12 md:px-12 md:py-20 lg:px-24 lg:py-0 lg:flex lg:justify-between lg:gap-4"
   >
