diff --git a/src/components/Header.astro b/src/components/Header.astro
index 3a982f7..974e93b 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -6,9 +6,10 @@ import { SITE_TITLE } from '../consts';
 <header style="width: 100%" class="font-sans sticky top-0 md:static bg-white underline-offset-4 z-40">
     <nav>
         <div class="flex items-center space-x-8">
-            <HeaderLink href="/"><img src="/akemi_silly_transparent.png" /></HeaderLink>
+            <HeaderLink href="/"><img style="padding: 2px;" src="/favicon.png" /></HeaderLink>
             <HeaderLink href="/blog">Blog</HeaderLink>
             <HeaderLink href="/unix">Unix</HeaderLink>
+            <HeaderLink href="/llama">Llama</HeaderLink>
             <HeaderLink href="/meow">Meow</HeaderLink>
         </div>
         <div class="fun-quote" style="margin: 0">
diff --git a/src/consts.ts b/src/consts.ts
index aecca39..4832067 100644
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -2,4 +2,4 @@
 // You can import this data from anywhere in your site by using the `import` keyword.
 
 export const SITE_TITLE = 'noway.moe';
-export const SITE_DESCRIPTION = 'MoE website?';
+export const SITE_DESCRIPTION = "Akemi's personal website!";
diff --git a/src/content/config.ts b/src/content/config.ts
index e591fc3..cd186b9 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -10,6 +10,7 @@ const blog = defineCollection({
 		pubDate: z.coerce.date(),
 		updatedDate: z.coerce.date().optional(),
 		heroImage: z.string().optional(),
+		heroText: z.string().optional(),
 	}),
 });
 
@@ -25,4 +26,16 @@ const unix = defineCollection({
 	}),
 });
 
-export const collections = { blog, unix };
+const llama = defineCollection({
+	type: 'content',
+	// Type-check frontmatter using a schema
+	schema: z.object({
+		title: z.string(),
+		description: z.string(),
+		// Transform string to Date object
+		updateDate: z.coerce.date(),
+		heroImage: z.string().optional(),
+	}),
+});
+
+export const collections = { blog, unix, llama };
diff --git a/src/content/unix/quantization.md b/src/content/llama/quantization.md
similarity index 100%
rename from src/content/unix/quantization.md
rename to src/content/llama/quantization.md
diff --git a/src/layouts/LlamaPost.astro b/src/layouts/LlamaPost.astro
new file mode 100644
index 0000000..99ca8aa
--- /dev/null
+++ b/src/layouts/LlamaPost.astro
@@ -0,0 +1,42 @@
+---
+import type { CollectionEntry } from 'astro:content';
+import BaseHead from '../components/BaseHead.astro';
+import Header from '../components/Header.astro';
+import Footer from '../components/Footer.astro';
+import FormattedDate from '../components/FormattedDate.astro';
+import { Code } from 'astro:components';
+
+import '../styles/markdown.css';
+
+type Props = CollectionEntry<'llama'>['data'];
+
+const { title, description, updateDate, heroImage } = Astro.props;
+---
+
+<html lang="en">
+    <head>
+        <BaseHead title={title} description={description} />
+    </head>
+
+    <body>
+        <Header />
+        <main>
+            <article>
+                <div class="markdown-title">
+                    <h1 class="markdown-title">{title}</h1>
+                    <div class="date">
+                        Updated on <FormattedDate date={updateDate} />
+                    </div>
+                </div>
+
+                <div class="prose">
+                    <div class="hero-image">
+                        {heroImage && <img width={1020} height={510} src={heroImage} alt="" />}
+                    </div>
+                    <slot />
+                </div>
+            </article>
+        </main>
+        <Footer />
+    </body>
+</html>
diff --git a/src/pages/llama/[...slug].astro b/src/pages/llama/[...slug].astro
new file mode 100644
index 0000000..d438d00
--- /dev/null
+++ b/src/pages/llama/[...slug].astro
@@ -0,0 +1,20 @@
+---
+import { type CollectionEntry, getCollection } from 'astro:content';
+import LlamaPost from '../../layouts/LlamaPost.astro';
+
+export async function getStaticPaths() {
+	const posts = await getCollection('llama');
+	return posts.map((post) => ({
+		params: { slug: post.slug },
+		props: post,
+	}));
+}
+type Props = CollectionEntry<'llama'>;
+
+const post = Astro.props;
+const { Content } = await post.render();
+---
+
+<LlamaPost {...post.data}>
+	<Content />
+</LlamaPost>
diff --git a/src/pages/llama/index.astro b/src/pages/llama/index.astro
new file mode 100644
index 0000000..3cc0964
--- /dev/null
+++ b/src/pages/llama/index.astro
@@ -0,0 +1,75 @@
+---
+import BaseHead from '../../components/BaseHead.astro';
+import Header from '../../components/Header.astro';
+import Footer from '../../components/Footer.astro';
+import { SITE_TITLE, SITE_DESCRIPTION } from '../../consts';
+import { getCollection } from 'astro:content';
+import FormattedDate from '../../components/FormattedDate.astro';
+
+import "../../styles/post-listing.css"
+
+const posts = (await getCollection('llama')).sort(
+    (a, b) => b.data.updateDate.valueOf() - a.data.updateDate.valueOf()
+);
+---
+
+<!doctype html>
+<html lang="en">
+    <head>
+        <BaseHead title={SITE_TITLE} description={SITE_DESCRIPTION} />
+    </head>
+    <body>
+        <Header />
+        <main class="post-listing">
+            <section>
+                <h1
+                    class="text-center mt-8 mb-4 text-6xl"
+                    style="font-family: var(--font-title);">
+                    Local Llamas!
+                </h1>
+                <p
+                    class="text-center mb-4 text-lg">
+                    In the last year, the open source Large Language Model
+                    (llama) community has made huge strides. In this exciting
+                    time of innovation, I've decided to write down some of what
+                    I learned!
+
+                </p>
+                <p
+                    class="text-center mb-4 text-lg">
+                    A "<i>local</i> llama" refers to an open-source llama that's
+                    being hosted by an individual not a company, typically on a
+                    high-end personal computer.
+                </p>
+                <p
+                    class="text-center mb-4 text-lg">
+                </p>
+                <hr class="m-4" style="border: 1px solid black;" />
+                <ul>
+                    {
+                        posts.map((post) => (
+                            <li>
+                                <a href={`/llama/${post.slug}/`}>
+                                    <img
+                                        width={720}
+                                        height={360}
+                                        class="rounded-2xl grayscale"
+                                        src={ post.data.heroImage ? post.data.heroImage : "/terminal.webp" }
+                                        alt="" />
+                                    <h4
+                                        class="title text-xl">
+                                        {post.data.title}
+                                    </h4>
+                                    <p class="date">
+                                       Updated on <FormattedDate date={post.data.updateDate} />
+                                    </p>
+                                </a>
+                            </li>
+                        ))
+                    }
+                </ul>
+            </section>
+        </main>
+        <Footer />
+    </body>
+</html>
