hero and features

2022-11-04 21:59:18 +05:30
parent f6f484e67d
commit bfb5c99b5a
9 changed files with 115 additions and 12 deletions
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,11 +1,18 @@
 ---
+import { getImage } from "@astrojs/image";
 import Navbar from "@components/navbar/navbar.astro";
-
 import "@fontsource/inter/variable.css";

 export interface Props {
  title: string;
 }
+const { src } = await getImage({
+  src: "../../assets/hero.png",
+  width: 800,
+  height: 742,
+  format: "avif",
+});
+console.log(src);

 const { title } = Astro.props;
 ---
@@ -17,6 +24,8 @@ const { title } = Astro.props;
    <meta name="viewport" content="width=device-width" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="generator" content={Astro.generator} />
+
+    <link rel="preload" as="image" href={src} alt="Hero" />
    <title>{title} {title && "|"} Astro Ship</title>
  </head>
  <body>