---
// 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";

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


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

<Default MobileTitle="SudoVanilla" NoSubHeader>
  <Fragment slot="body">
    <Hero
      Title="SudoVanilla"
      Description="Counting on the Open Web"
      VideoSrc="https://md.sudovanilla.org/videos/mp4/hero.mp4"
      VideoPoster="https://md.sudovanilla.org/images/hero-poster.png"
      VideoCredit="Drone Footage of Limmernsee in Switzerland by SwissHumanity Stories 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="Init Privacy"
      Description="Taking Back Control"
      Image="https://md.sudovanilla.org/images/smartmockups_lvh9a29d.jpg"
      CTA_Primary="View"
      CTA_Primary_Link="/init/"
      Label="New"
      LabelVarient="New"
    />
    <LargeCard
      Title="Zorn Player"
      Description="HTML5 Web Player"
      Image="https://md.sudovanilla.org/images/pl.png"
      CTA_Primary="Documentation"
      CTA_Primary_Link="/docs/zorn/introduction/"
    />
    <LargeCard
      Title="Penpot Desktop"
      Description="A Desktop-Like Experience"
      Image="https://md.sudovanilla.org/images/Z1.webp"
      CTA_Primary="Documentation"
      CTA_Primary_Link="/docs/penpot-desktop/introduction/"
    />
    <LargeCard
      Title="MinPluto"
      Description="Yet Another YouTube Frontend"
      Image="https://md.sudovanilla.org/images/mp.webp"
      Label="Discontinued"
      LabelVarient="Warning"
      CTA_Primary="Try Poke"
      CTA_Primary_Link="https://poketube.fun/"
    />
  </Fragment>
</Default>