diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..0559422
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,9 @@
+FROM oven/bun:alpine
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN bun install
+COPY . .
+RUN bun run build
+EXPOSE 2020
+
+CMD ["bun", "start", "-p", "2020"]
\ No newline at end of file
diff --git a/README.md b/README.md
index c403366..9088f0a 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,4 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
+## Sosyal Medya Bio Sayfası
 
 ```bash
 npm run dev
@@ -13,24 +9,3 @@ pnpm dev
 # or
 bun dev
 ```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/app/page.tsx b/app/page.tsx
index 840cb9e..9d67cf3 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -22,81 +22,84 @@ export default function Home() {
     <>
       <BackgroundGradientAnimation>
         <div className="absolute z-50 inset-0 h-screen w-screen bg-black bg-opacity-50 overflow-hidden">
-          <div className="flex justify-center text-center pt-12 md:pt-8">
-            <button className="inline-flex h-16 w-16 px-4 animate-shimmer items-center justify-center rounded-full border border-slate-800 bg-[linear-gradient(110deg,#000103,45%,#1e2631,55%,#000103)] bg-[length:200%_100%] font-medium text-slate-400 transition-colors focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50">
+          <div className="absolute z-0 flex flex-col items-center justify-center justify-items-center h-screen w-screen">
+            <div className="flex justify-center text-center pt-4 sm:pt-8">
+              <button className="inline-flex h-16 w-16 px-4 animate-shimmer items-center justify-center rounded-full border border-slate-800 bg-[linear-gradient(110deg,#000103,45%,#1e2631,55%,#000103)] bg-[length:200%_100%] font-medium text-slate-400 transition-colors focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50">
+                <Link href={"https://netinternet.com.tr"} aria-label="Netinternet">
+                  <Image src={niLogo} alt={""} width={48} height={48} />
+                </Link>
+              </button>
+            </div>
+            <div className="flex text-center p-4 sm:pt-8 justify-center justify-items-center">
               <Link href={"https://netinternet.com.tr"} aria-label="Netinternet">
-                <Image src={niLogo} alt={""} width={48} height={48} />
+                <Image
+                  src={netinternet}
+                  alt={""}
+                  priority={false}
+                  loading="lazy"
+                  width={200}
+                />
               </Link>
-            </button>
-          </div>
-          <div className="flex text-center p-12 md:p-8 justify-center justify-items-center">
-            <Link href={"https://netinternet.com.tr"} aria-label="Netinternet">
-              <Image
-                src={netinternet}
-                alt={""}
-                priority={false}
-                loading="lazy"
-                width={240} />
-            </Link>
-          </div>
-          <div className="items-center flex justify-center text-white pt-2 gap-x-6">
-            <Link href={"https://www.facebook.com/netinternet"} aria-label="Facebook"><FaFacebook className="w-8 h-8" /></Link>
-            <Link href={"https://twitter.com/netinternet"} aria-label="Twitter"><BsTwitterX className="w-8 h-8" /></Link>
-            <Link href={"https://www.instagram.com/netinternet/"} aria-label="Instagram"><FaInstagram className="w-8 h-8" /></Link>
-            <Link href={"https://www.linkedin.com/company/netinternet"} aria-label="LinkedIn"><FaLinkedin className="w-8 h-8" /></Link>
-            <Link href={"https://github.com/netinternet"} aria-label="GitHub"><FaGithub className="w-8 h-8" /></Link>
-          </div>
-          <div className="flex flex-wrap w-full justify-center pt-12">
-            <button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
-              <BsRouter className="left-[5%] absolute w-6 h-6" />
-              <Link href={"https://www.netinternet.com.tr/altyapi-sorgula"}>
-                <h1>İnternet</h1>
-              </Link>
-            </button>
-            <button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
-              <BsHddNetwork className="left-[5%] absolute w-6 h-6" />
-              <Link href={"https://www.netinternet.com.tr/sunucu-barindirma"}>
-                Veri Merkezi
-              </Link>
-            </button>
-            <button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
-              <Link href={"https://www.netinternet.com.tr/waf-hizmeti"}>
-                <div className="absolute w-6 h-6 left-[5%]">
-                  <Image src={waf} alt="" fill />
-                </div>
-                Heimwall
-              </Link>
-            </button>
-            <button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
-              <Link href={"https://www.ilkbyte.com"}>
-                <IoMdCloudOutline className="left-[5%] absolute w-6 h-6" />
-                İlkbyte
-              </Link>
-            </button>
-            <button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
-              <Link href={"https://www.netinternet.com.tr/hosting/cpanel"}>
-                <CgServer className="left-[5%] absolute w-6 h-6" />
-                Hosting
-              </Link>
-            </button>
-            <button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
-              <Link href={"https://www.netinternet.com.tr/domain"}>
-                <TbWorldWww className="left-[5%] absolute w-6 h-6" />
-                Alan Adı
-              </Link>
-            </button>
-            <button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
-              <Link href={"https://www.netinternet.com.tr/ssd-vds-sanal-sunucu"}>
-                <HiOutlineServerStack className="left-[5%] absolute w-6 h-6" />
-                SSD VDS Sunucu
-              </Link>
-            </button>
-            <button className="inline-flex h-12 w-2/3 md:h-16 mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
-              <Link href={"https://www.netinternet.com.tr/campaigns"}>
-                <MdCampaign className="left-[5%] absolute w-6 h-6" />
-                Kampanyalar
-              </Link>
-            </button>
+            </div>
+            <div className="items-center flex justify-center text-white pt-4 pb-2 sm:pt-8 gap-x-6">
+              <Link href={"https://www.facebook.com/netinternet"} aria-label="Facebook"><FaFacebook className="w-6 h-6 sm:w-8 sm:h-8" /></Link>
+              <Link href={"https://twitter.com/netinternet"} aria-label="Twitter"><BsTwitterX className="w-6 h-6 sm:w-8 sm:h-8" /></Link>
+              <Link href={"https://www.instagram.com/netinternet/"} aria-label="Instagram"><FaInstagram className="w-6 h-6 sm:w-8 sm:h-8" /></Link>
+              <Link href={"https://www.linkedin.com/company/netinternet"} aria-label="LinkedIn"><FaLinkedin className="w-6 h-6 sm:w-8 sm:h-8" width={8} height={8} /></Link>
+              <Link href={"https://github.com/netinternet"} aria-label="GitHub"><FaGithub className="w-6 h-6 sm:w-8 sm:h-8" /></Link>
+            </div>
+            <div className="flex flex-wrap w-full justify-center pt-4 sm:pt-8">
+              <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
+                <BsRouter className="left-[5%] absolute w-6 h-6" />
+                <Link href={"https://www.netinternet.com.tr/altyapi-sorgula"}>
+                  <h1>İnternet</h1>
+                </Link>
+              </button>
+              <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
+                <BsHddNetwork className="left-[5%] absolute w-6 h-6" />
+                <Link href={"https://www.netinternet.com.tr/sunucu-barindirma"}>
+                  Veri Merkezi
+                </Link>
+              </button>
+              <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
+                <Link href={"https://www.netinternet.com.tr/waf-hizmeti"}>
+                  <div className="absolute w-6 h-6 left-[5%]">
+                    <Image src={waf} alt="" fill />
+                  </div>
+                  Heimwall
+                </Link>
+              </button>
+              <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
+                <Link href={"https://www.ilkbyte.com"}>
+                  <IoMdCloudOutline className="left-[5%] absolute w-6 h-6" />
+                  İlkbyte
+                </Link>
+              </button>
+              <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
+                <Link href={"https://www.netinternet.com.tr/hosting/cpanel"}>
+                  <CgServer className="left-[5%] absolute w-6 h-6" />
+                  Hosting
+                </Link>
+              </button>
+              <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
+                <Link href={"https://www.netinternet.com.tr/domain"}>
+                  <TbWorldWww className="left-[5%] absolute w-6 h-6" />
+                  Alan Adı
+                </Link>
+              </button>
+              <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
+                <Link href={"https://www.netinternet.com.tr/ssd-vds-sanal-sunucu"}>
+                  <HiOutlineServerStack className="left-[5%] absolute w-6 h-6" />
+                  SSD VDS Sunucu
+                </Link>
+              </button>
+              <button className="inline-flex h-12 w-2/3 md:h-16 mb-2 sm:mb-4 items-center justify-center backdrop-blur-lg border border-black rounded-2xl hover:shadow-[0px_0px_4px_4px_rgba(0,0,0,0.2)] hover:bg-white/[0.1] hover:bg-opacity-20 hover:backdrop-blur-lg focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50 bg-black/[0.5] text-slate-300 transition duration-200">
+                <Link href={"https://www.netinternet.com.tr/campaigns"}>
+                  <MdCampaign className="left-[5%] absolute w-6 h-6" />
+                  Kampanyalar
+                </Link>
+              </button>
+            </div>
           </div>
         </div >
       </BackgroundGradientAnimation >
diff --git a/bun.lockb b/bun.lockb
index fe125e9..9e613d2 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/deploy.sh b/deploy.sh
new file mode 100644
index 0000000..f8b2116
--- /dev/null
+++ b/deploy.sh
@@ -0,0 +1,11 @@
+#!/bin/bash
+host="app1.ni.net.tr"
+app="ni-link"
+copy="./"
+
+ssh root@$host "mkdir -p /home/$app"
+
+rsync -avz --delete $copy root@$host:/home/$app/
+
+ssh root@$host "docker-compose down $app && docker rmi ni-link-web"
+ssh root@$host "cd /home/$app; docker-compose up -d"
\ No newline at end of file
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..3b45b4a
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,13 @@
+version: "3"
+
+services:
+  web:
+    container_name: ni-link
+    build:
+      context: .
+      dockerfile: Dockerfile
+    ports:
+      - "2020:2020"
+    environment:
+      - NODE_ENV=production
+    restart: on-failure
diff --git a/package.json b/package.json
index 38530a0..32dff82 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "@tabler/icons-react": "^3.2.0",
     "clsx": "^2.1.0",
     "framer-motion": "^11.1.3",
-    "next": "14.2.1",
+    "next": "^14.2.2",
     "react": "^18",
     "react-dom": "^18",
     "react-element-to-jsx-string": "^15.0.0",