From edcfdf39ba34e50d10d93cd4adb4b58f13e80cce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Batuhan=20Y=2E=20Y=C4=B1lmaz?=
 <70820809+B4tuhanY1lmaz@users.noreply.github.com>
Date: Sat, 3 Feb 2024 18:57:07 +0300
Subject: [PATCH] Small design improvements

---
 app/blog/page.jsx           |  2 +-
 app/photos/page.jsx         | 17 +++++++++++------
 components/footer/index.jsx |  2 +-
 components/hero-section.jsx |  2 +-
 components/ui/badge.jsx     | 34 ++++++++++++++++++++++++++++++++++
 public/pages/test.md        |  5 +++++
 6 files changed, 53 insertions(+), 9 deletions(-)
 create mode 100644 components/ui/badge.jsx
 create mode 100644 public/pages/test.md

diff --git a/app/blog/page.jsx b/app/blog/page.jsx
index 2111842..c2f12ad 100644
--- a/app/blog/page.jsx
+++ b/app/blog/page.jsx
@@ -22,7 +22,7 @@ function BlogPage() {
 
     return (
         <div className="justify-center">
-            <div className="items-center py-10">
+            <div className="items-center">
                 <HeroSection
                     title={"Server Updates"}
                 />
diff --git a/app/photos/page.jsx b/app/photos/page.jsx
index f2de72a..9b6d845 100644
--- a/app/photos/page.jsx
+++ b/app/photos/page.jsx
@@ -1,7 +1,10 @@
-import fs from "fs";
-import path from "path";
-import localFont from "next/font/local";
-import GalleryItem from "@/components/gallery-item";
+import fs from "fs"
+import path from "path"
+
+import localFont from "next/font/local"
+import GalleryItem from "@/components/gallery-item"
+import HeroSection from "@/components/hero-section"
+
 
 const myFont = localFont({
     src: "./Minecraft.woff2",
@@ -22,8 +25,10 @@ async function GalleryPage() {
     const photos = gallery.pngFiles;
     return (
         <div className="justify-center">
-            <div className="items-center py-10">
-                <h1 className={`text-4xl text-center items-center ${myFont.className}`}>Gallery</h1>
+            <div className="items-center">
+                <HeroSection
+                    title={"Server Gallery"}
+                />
             </div>
             <div className="container ml-auto px-5 py-2">
                 <div className="justify-center items-center md:ml-[70px]">
diff --git a/components/footer/index.jsx b/components/footer/index.jsx
index f1c3bed..40118db 100644
--- a/components/footer/index.jsx
+++ b/components/footer/index.jsx
@@ -9,7 +9,7 @@ function Footer() {
     return (
         <footer className="flex flex-col items-center justify-center mb-10">
             <div className="flex gap-5 text-lg text-gray-500 mb-2">
-                <Link href="https://github.com/B4tuhanY1lmaz/tbnmc-website"> <BsGithub /> </Link>
+                <Link href="https://github.com/B4tuhanY1lmaz/Caesium"> <BsGithub /> </Link>
                 <Link href="https://discord.gg/8dAHkxbKPf"> <BsDiscord /> </Link>
                 <Link href="/feed.xml"> <BsFillRssFill /> </Link>
             </div>
diff --git a/components/hero-section.jsx b/components/hero-section.jsx
index b67a580..715baa0 100644
--- a/components/hero-section.jsx
+++ b/components/hero-section.jsx
@@ -12,7 +12,7 @@ function HeroSection({ title }) {
 
             </div>
             <div className={`absolute bottom-0 left-0 right-o top-0 h-full w-full 
-                    overflow-hidden bg-fixed bg-black/60`}
+                    overflow-hidden bg-fixed bg-black/40`}
             >
                 <div className="flex flex-col h-full items-center justify-center">
                     <h1 className={`text-lg sm:text-xl md:text-2xl mb-4 ${MinecraftFont.className}`}>{title}</h1>
diff --git a/components/ui/badge.jsx b/components/ui/badge.jsx
new file mode 100644
index 0000000..6806f40
--- /dev/null
+++ b/components/ui/badge.jsx
@@ -0,0 +1,34 @@
+import * as React from "react"
+import { cva } from "class-variance-authority";
+
+import { cn } from "@/libs/utils"
+
+const badgeVariants = cva(
+    "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+    {
+        variants: {
+            variant: {
+                default:
+                    "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+                secondary:
+                    "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+                destructive:
+                    "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+                outline: "text-foreground",
+            },
+        },
+        defaultVariants: {
+            variant: "default",
+        },
+    }
+)
+
+function Badge({
+                   className,
+                   variant,
+                   ...props
+               }) {
+    return (<div className={cn(badgeVariants({ variant }), className)} {...props} />);
+}
+
+export { Badge, badgeVariants }
\ No newline at end of file
diff --git a/public/pages/test.md b/public/pages/test.md
new file mode 100644
index 0000000..5bb9e66
--- /dev/null
+++ b/public/pages/test.md
@@ -0,0 +1,5 @@
+---
+title: Test
+url: test
+---
+Testttt
\ No newline at end of file