landing: drop astro-icon

landing-page/astro.config.mjs

@@ -3,7 +3,6 @@ import { defineConfig } from "astro/config";
 
 import react from "@astrojs/react";
 import tailwindcss from "@tailwindcss/vite";
-import icon from "astro-icon";
 // used for build-time generation of diagrams
 // import rehypeMermaid from "rehype-mermaid";
 import mermaid from "astro-mermaid";
@@ -30,7 +29,6 @@ export default defineConfig({
   },
   integrations: [
     react(),
-    icon(),
     mermaid({
       autoTheme: true,
       mermaidConfig: {

landing-page/package.json

@@ -12,14 +12,12 @@
     "@astrojs/react": "^5.0.1",
     "@fontsource-variable/handjet": "^5.2.6",
     "@fontsource-variable/inter": "^5.2.6",
-    "@iconify-json/material-symbols-light": "^1.2.30",
     "@swmansion/popcorn": "workspace:*",
     "@tailwindcss/vite": "^4.1.11",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "ghostty-web": "^0.4.0",
     "astro": "^6.0.6",
-    "astro-icon": "^1.1.5",
     "astro-mermaid": "^1.3.1",
     "chokidar": "^4.0.3",
     "highlight.js": "^11.11.1",

landing-page/src/components/Header.astro

@@ -1,5 +1,7 @@
 ---
-import { Icon } from "astro-icon/components";
+import LogoText from "../icons/logo-text.svg";
+import Hamburger from "../icons/hamburger.svg";
+import Close from "../icons/close.svg";
 
 const linkClass = "transition-colors duration-300 hover:text-orange-100";
 const openNewTab = { target: "_blank", rel: "noopener noreferrer" };
@@ -11,8 +13,7 @@ const openNewTab = { target: "_blank", rel: "noopener noreferrer" };
   >
     <div class="nav-wide:gap-10 flex items-center gap-4 lg:gap-6">
       <a href="/" class="flex-shrink-0">
-        <Icon
-          name="logo-text"
+        <LogoText
           class="text-brown-100 text-2xl transition-colors duration-300 md:text-4xl"
           data-logo
         />
@@ -55,13 +56,11 @@ const openNewTab = { target: "_blank", rel: "noopener noreferrer" };
       data-mobile-menu-toggle
       aria-label="Toggle mobile menu"
     >
-      <Icon
-        name="hamburger"
+      <Hamburger
         class="text-brown-header text-2xl transition-colors duration-300"
         data-hamburger-icon
       />
-      <Icon
-        name="close"
+      <Close
         class="text-light-20 hidden text-2xl transition-colors duration-300"
         data-close-icon
       />

landing-page/src/components/Intro.astro

@@ -1,11 +1,11 @@
 ---
-import { Icon } from "astro-icon/components";
 import Button, { buttonGroupClass } from "./Button.astro";
 import Section from "./Section.astro";
+import Logo from "../icons/logo.svg";
 ---
 
 <Section id="intro" background="light" class="pt-20 pb-20 lg:pt-24 lg:pb-24">
-  <Icon name="logo" class="text-brown-70 text-8xl" />
+  <Logo class="text-brown-70 text-8xl" />
   <h1
     class="font-handjet text-brown-70 mb-8 text-center text-[80px] leading-none font-semibold tracking-normal md:text-[120px] lg:mt-4 lg:text-[200px]"
   >

landing-page/src/pages/demos/eval.astro

@@ -1,7 +1,7 @@
 ---
 import Layout from "../../layouts/Layout.astro";
 import Section from "../../components/Section.astro";
-import { Icon } from "astro-icon/components";
+import DeleteForever from "../../icons/delete-forever.svg";
 ---
 
 <Layout>
@@ -70,10 +70,9 @@ end"
           id="logs"
           class="scrollbar-color flex max-h-64 min-h-24 flex-col overflow-y-auto rounded-lg font-mono text-sm whitespace-pre-wrap">
         </pre>
-        <Icon
+        <DeleteForever
           id="clear"
           class="self-end transition-colors duration-200 hover:text-orange-100"
-          name="material-symbols-light:delete-forever-outline-rounded"
           width="24"
           height="24"
         />