diff --git a/app/page.tsx b/app/page.tsx
index 9d67cf3..667a996 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -21,16 +21,16 @@ export default function Home() {
   return (
     <>
       <BackgroundGradientAnimation>
-        <div className="absolute z-50 inset-0 h-screen w-screen bg-black bg-opacity-50 overflow-hidden">
+        <div className="absolute z-50 inset-0 h-screen w-screen bg-black bg-opacity-40 overflow-hidden">
           <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">
+            <div className="flex justify-center text-center pt-4 sm:pt-6">
               <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">
+            <div className="flex text-center p-4 sm:pt-6 justify-center justify-items-center">
               <Link href={"https://netinternet.com.tr"} aria-label="Netinternet">
                 <Image
                   src={netinternet}
@@ -41,27 +41,27 @@ export default function Home() {
                 />
               </Link>
             </div>
-            <div className="items-center flex justify-center text-white pt-4 pb-2 sm:pt-8 gap-x-6">
+            <div className="items-center flex justify-center text-white pt-4 pb-2 sm:pt-6 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">
+            <div className="flex flex-wrap w-full justify-center pt-4 sm:pt-6">
+              <button className="inline-flex h-12 w-2/3 sm: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  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">
+              <button className="inline-flex h-12 w-2/3 sm: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">
+              <button className="inline-flex h-12 w-2/3 sm: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 />
@@ -69,31 +69,31 @@ export default function Home() {
                   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">
+              <button className="inline-flex h-12 w-2/3 sm: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">
+              <button className="inline-flex h-12 w-2/3 sm: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">
+              <button className="inline-flex h-12 w-2/3 sm: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">
+              <button className="inline-flex h-12 w-2/3 sm: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">
+              <button className="inline-flex h-12 w-2/3 sm: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
diff --git a/bun.lockb b/bun.lockb
index 9e613d2..a666156 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/deploy.sh b/deploy.sh
index f8b2116..5934783 100644
--- a/deploy.sh
+++ b/deploy.sh
@@ -7,5 +7,5 @@ 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 "docker stop $app && 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/package.json b/package.json
index 32dff82..7acdccc 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,10 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "test:chrome": "bunx playwright test --headed --browser=chromium",
+    "test:firefox": "bunx playwright test --headed --browser=firefox",
+    "test:safari": "bunx playwright test --headed --browser=webkit"
   },
   "dependencies": {
     "@svgr/webpack": "^8.1.0",
@@ -21,10 +24,12 @@
     "tailwind-merge": "^2.2.2"
   },
   "devDependencies": {
+    "@playwright/test": "^1.43.1",
     "@types/bun": "latest",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "autoprefixer": "^10.4.19",
     "eslint": "^8",
     "eslint-config-next": "14.2.1",
     "postcss": "^8",
diff --git a/postcss.config.mjs b/postcss.config.mjs
index 1a69fd2..2ef30fc 100644
--- a/postcss.config.mjs
+++ b/postcss.config.mjs
@@ -2,6 +2,7 @@
 const config = {
   plugins: {
     tailwindcss: {},
+    autoprefixer: {},
   },
 };
 
diff --git a/tests/browser.test.ts b/tests/browser.test.ts
new file mode 100644
index 0000000..9693936
--- /dev/null
+++ b/tests/browser.test.ts
@@ -0,0 +1,6 @@
+import { test } from '@playwright/test'
+
+test('test browser', async ({ page }) => {
+  await page.goto('http://127.0.0.1:3000/')
+  await page.pause()
+})