sudovanilla-website/src/pages/index.astro

---
// Layout
import Default from "@layouts/Default.astro";

// Components
import Hero from "@components/Hero.astro";
import Heading from "@components/Heading.astro";
import Posts from "@components/blog/posts.astro";
import LargeCard from "@components/Feature.astro";
import {Zorn} from "@minpluto/zorn"

// List Posts
import { getCollection } from "astro:content";
const posts = await getCollection("posts");

// Icons
import { BookmarkBook, ReportColumns } from "@iconoir/vue";
---

<Default MobileTitle="SudoVanilla" NoSubHeader>
  <Fragment slot="body">
    <Hero
      Title="SudoVanilla"
      Description="Counting on the Open Web"
      UseImage
      Image="https://images.pexels.com/photos/2026454/pexels-photo-2026454.jpeg"
      Credit="Spiez, BE, Switzerland. Shot by Tanathip Rattanatum on Pexels."
    />
    <Heading Title="Blog" Description="Tips, Tricks, and Updates">
      <slot slot="icon">
        <BookmarkBook width={32} height={32} />
      </slot>
    </Heading>
    <Posts GetPosts={posts} PrefixSlug="/blog/"/>
    <Heading Title="Projects" Description="What I've Made">
      <slot slot="icon">
        <ReportColumns width={32} height={32} />
      </slot>
    </Heading>
    <LargeCard
      Title="MinPluto"
      Description="Yet Another YouTube Frontend"
      Image="https://md.sudovanilla.org/images/mp.webp"
      CTA_Primary="Source Code"
      CTA_Primary_Link="https://ark.sudovanilla.org/MinPluto/MinPluto/"
    />
    <LargeCard
      Title="Zorn Player"
      Description="Video Player for Astro"
      Image="https://md.sudovanilla.org/images/Screenshot%20from%202024-08-27%2001-41-34.png"
      CTA_Primary="Documentation"
      CTA_Primary_Link="/docs/zorn/introduction/"
      Custom
    >
    <Zorn
      Title="Ennie and Yoyki: Non-Girly Games"
      Poster="https://md.sudovanilla.org/images/eay-p-v.jpg"
      Video="https://md.sudovanilla.org/videos/webm/Ennie-and-Yoyki.webm"
      CustomControlsWithMenu
      Milieu
      SettingsMenu
    ></Zorn>
    </LargeCard>
    <LargeCard
      Title="Init Privacy"
      Description="Taking Back Control"
      Image="https://md.sudovanilla.org/images/smartmockups_lvh9a29d.jpg"
      CTA_Primary="View"
      CTA_Primary_Link="/init/"
    />
    <LargeCard
      Title="Penpot Desktop"
      Description="A Desktop-Like Experience"
      Image="https://md.sudovanilla.org/images/Z1.webp"
      Label="Discontinued"
      LabelVarient="Warning"
      CTA_Primary="Documentation"
      CTA_Primary_Link="/docs/penpot-desktop/introduction/"
    />
  </Fragment>
</Default>