крутые гифки

README.md

@@ -1 +1,4 @@
-# ПОРНО
+# ПОРНО
+## собсна говоря а как запустить эту ебалу!?
+блять а я нахуй сам понятия не имею но по идее склонить репо и в директории 
+проекта запустить `npm run dev` и в браузере зайти на localhost:3000

src/app/page.js

@@ -1,6 +1,7 @@
 import Image from "next/image";
 import Link from "next/link";
 import awesome from "/public/awesome.jpg";
+import diablo from "/public/diablo.gif";
 import localFont from "next/font/local";
 import styles from "./styles.css";
 
@@ -12,10 +13,13 @@ const jetbrainsMonoRegular = localFont({
 export default function Page() {
   return (
       <>
-          <div className={`text-center `}>
-              <center><Image src={awesome} alt="fuck you"/></center>
-              <h1>⛧ BIGBON INDUSTRIES ⛧</h1>
-              <br/>
+          <div className={`text-center`}>
+              <center><Image src={awesome} alt=""/></center>
+              <div className={`flex items-center  justify-center`}>
+                  <Image unoptimized={true} src={diablo} width={32} height={32} alt=""/>
+                  <p>BIGBON INDUSTRIES</p>
+                  <Image unoptimized={true} src={diablo} width={32} height={32} alt=""/>
+              </div>
               <div className={jetbrainsMonoRegular.className}>
                   <Link href="https://git.bonsystems.ru">[ forgejo ]</Link>
                   <Link href="https://jellyfin.bonsystems.ru">[ jellyfin ]</Link>

src/app/styles.css

@@ -2,6 +2,11 @@
     color: black;
 }
 
+p {
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
 .lmao {
     position: absolute;
     bottom: 0;