From 8d551726149ad1378f46cda144fcb51f4dd0fc39 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateus=20Felipe=20Gon=C3=A7alves?=
 <mateusfelipefg77@gmail.com>
Date: Wed, 13 Mar 2024 19:40:41 +0000
Subject: [PATCH] feat(ui): update background and arts on specific pages

---
 src/app/blog/layout.tsx     |  7 ++++++-
 src/app/layout.tsx          | 11 +++++------
 src/app/page.tsx            |  4 +++-
 src/app/projects/layout.tsx |  8 +++++++-
 4 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/app/blog/layout.tsx b/src/app/blog/layout.tsx
index faa29fde..1cb4eeef 100644
--- a/src/app/blog/layout.tsx
+++ b/src/app/blog/layout.tsx
@@ -3,5 +3,10 @@ export default function BlogLayout({
 }: {
   children: React.ReactNode
 }) {
-  return <div className="content-vertical-spaces">{children}</div>
+  return (
+    <div className="content-vertical-spaces">
+      <div className="absolute top-0 -z-50 h-full w-full bg-[radial-gradient(rgba(0,0,0,0.05)_1px,transparent_1px)] [background-size:16px_16px] dark:bg-[radial-gradient(rgba(255,255,255,0.05)_1px,transparent_1px)]" />
+      {children}
+    </div>
+  )
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d2d38e63..e98d85c5 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -96,13 +96,12 @@ export default function RootLayout({
         className={`scroll-smooth ${inter.variable} ${dancingScript.variable}`}
       >
         <Providers>
-          <Header />
-          <div>{children}</div>
+          <div className="relative">
+            <Header />
+            <div>{children}</div>
 
-          <div className="fixed left-0 top-10 -z-50 hidden h-64 w-64 bg-[url(/assets/robin-bird-bro.svg)] bg-contain bg-bottom bg-no-repeat opacity-10 dark:opacity-5 md:block " />
-
-          <div className="fixed bottom-0 right-0 -z-50 hidden h-96 w-96 bg-[url(/assets/server-status-bro-light.svg)] bg-contain bg-bottom bg-no-repeat opacity-10 dark:bg-[url(/assets/server-status-bro-dark.svg)] dark:opacity-5 md:block " />
-          <Footer />
+            <Footer />
+          </div>
         </Providers>
       </body>
     </html>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 93f8c5a3..095b1fed 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,11 +9,13 @@ import deconstructedRobotBroDark from './_components/deconstructed-robot-bro-dar
 export default function Page() {
   return (
     <div className="content-container relative m-auto mb-10 flex min-h-screen flex-col items-center justify-between py-10">
+      <div className="absolute left-36 top-52 -z-50 h-64 w-64 bg-[conic-gradient(transparent,rgb(0,0,0))] opacity-15 blur-2xl dark:bg-[conic-gradient(transparent,rgb(255,255,255))]" />
+
       <div className="absolute h-full w-full bg-[url(/assets/deconstructed-robot-bro.svg)] bg-fixed bg-center bg-no-repeat opacity-10 dark:opacity-5 md:hidden" />
       <div />
       <div className="flex w-full items-center justify-center gap-12 md:justify-between">
         <div className="flex flex-col gap-4">
-          <span className="w-min text-7xl font-bold text-black dark:text-neutral-50 md:w-max">
+          <span className="w-min text-7xl font-bold text-black drop-shadow-2xl dark:text-neutral-50 md:w-max">
             Mateus Felipe,
           </span>
           <span className="flex items-center text-2xl text-neutral-400 md:text-3xl ">
diff --git a/src/app/projects/layout.tsx b/src/app/projects/layout.tsx
index 122de35b..b2dd9333 100644
--- a/src/app/projects/layout.tsx
+++ b/src/app/projects/layout.tsx
@@ -12,5 +12,11 @@ export default function AboutLayout({
 }: {
   children: React.ReactNode
 }) {
-  return <div className="content-vertical-spaces">{children}</div>
+  return (
+    <div className="content-vertical-spaces">
+      <div className="fixed bottom-0 right-0 -z-50 hidden h-96 w-96 bg-[url(/assets/server-status-bro-light.svg)] bg-contain bg-bottom bg-no-repeat opacity-10 dark:bg-[url(/assets/server-status-bro-dark.svg)] dark:opacity-5 md:block " />
+
+      {children}
+    </div>
+  )
 }