1 files changed, 77 insertions, 0 deletions
diff --git a/layouts/repository/single.html b/layouts/repository/single.html
new file mode 100644
index 0000000..ce2c305
--- /dev/null
+++ b/layouts/repository/single.html
@@ -0,0 +1,77 @@
+{{ define "main" }}
+<article class="mx-auto px-4 py-12 max-w-7xl">
+  <div class="content-grid">
+    <!-- Breadcrumb -->
+    {{ partial "breadcrumb.html" . }}
+
+    <!-- Page Title (Hero) -->
+    <div class="mb-12">
+      <h1 class="text-5xl md:text-6xl font-bold mb-4 text-accent animate-fade-in">
+        {{ i18n "repositoryTitle" }}
+      </h1>
+      <p class="text-xl text-text-dim animate-fade-in-delay">
+        {{ i18n "repositorySubtitle" }}
+      </p>
+    </div>
+
+    <!-- Page Content (markdown sections) -->
+    <div class="prose dark:prose-invert max-w-none mb-12">
+      {{ .Content }}
+    </div>
+
+    <!-- Social sharing (inline mode) -->
+    <div class="mb-12">
+      {{ partial "social-share.html" (dict "page" . "mode" "inline") }}
+    </div>
+
+    <!-- Repository Cards Section -->
+    <section class="mt-16">
+      <h2 class="text-3xl font-bold mb-8">{{ i18n "githubReposTitle" }}</h2>
+
+      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        {{ range $.Site.Data.repos.repos }}
+        <div class="border border-border rounded-lg overflow-hidden hover:shadow-lg transition-shadow">
+          <!-- Card Image -->
+          <img
+            src="{{ .image }}"
+            alt="{{ .name }}"
+            class="w-full h-48 object-cover"
+            loading="lazy"
+          />
+
+          <!-- Card Content -->
+          <div class="p-6">
+            <h3 class="text-xl font-bold mb-2">{{ .name }}</h3>
+
+            <p class="text-text-dim mb-4">
+              {{ i18n .description_key }}
+            </p>
+
+            <!-- Tags -->
+            {{ if .tags }}
+            <div class="flex flex-wrap gap-2 mb-4">
+              {{ range .tags }}
+              <span class="text-xs px-2 py-1 bg-border/20 rounded">
+                {{ . }}
+              </span>
+              {{ end }}
+            </div>
+            {{ end }}
+
+            <!-- GitHub Link -->
+            <a
+              href="{{ .github_url }}"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="btn btn-primary w-full text-center"
+            >
+              {{ i18n "visitGithub" }} →
+            </a>
+          </div>
+        </div>
+        {{ end }}
+      </div>
+    </section>
+  </div>
+</article>
+{{ end }}