diff --git a/public/blog-pic.jpg b/public/blog-pic.jpg
new file mode 100644
index 0000000..6bf6eb7
Binary files /dev/null and b/public/blog-pic.jpg differ
diff --git a/public/gradient.avif b/public/gradient.avif
new file mode 100644
index 0000000..be1d43d
Binary files /dev/null and b/public/gradient.avif differ
diff --git a/src/components/Pattern.astro b/src/components/Pattern.astro
new file mode 100644
index 0000000..594a57c
--- /dev/null
+++ b/src/components/Pattern.astro
@@ -0,0 +1,15 @@
+<div class="bg-gray-50 lg:absolute lg:top-0 lg:right-0 lg:w-1/2 relative">
+    <svg
+    class="absolute top-0 left-0 hidden h-48 w-fulltranslate-x-1/2 transform fill-white lg:block"
+    viewBox="0 0 100 100"
+    preserveAspectRatio="none"
+    aria-hidden="true"
+  >
+    <polygon points="0,0 100,50 50,100 0,100"></polygon>
+  </svg>
+    <img
+      class="aspect-[3/2] object-cover lg:aspect-auto lg:h-48 lg:w-full"
+      src="/gradient.avif"
+      alt=""
+    />
+  </div>
\ No newline at end of file
diff --git a/src/data.js b/src/data.js
index 0571e2f..d579c16 100644
--- a/src/data.js
+++ b/src/data.js
@@ -1,8 +1,9 @@
 export const navLinks = [
-  { index: 1, name: "Acasă", href: "/" },
-  { index: 2, name: "Blog", href: "/blog" },
-  { index: 3, name: "Despre", href: "/despre" },
-  { index: 4, name: "Contact", href: "/#contact" },
+  { index: 1, name: "Home", href: "/" },
+  { index: 2, name: "Blog", href: "/blog/" },
+  { index: 3, name: "Despre", href: "/despre/" },
+  { index: 4, name: "Regulament", href: "/regulament/" },
+  { index: 5, name: "Confidențialitate", href: "/confidentialitate/" },
 ];
 
 export const sponsors = [
diff --git a/src/layouts/OtherLayout.astro b/src/layouts/OtherLayout.astro
index e33b8d8..c9591e8 100644
--- a/src/layouts/OtherLayout.astro
+++ b/src/layouts/OtherLayout.astro
@@ -1,6 +1,7 @@
 ---
 import Navbar from "../components/Navbar.astro";
 import Footer from "../components/Footer.astro";
+import Pattern from "../components/Pattern.astro";
 
 interface Props {
   title: string;
@@ -38,6 +39,7 @@ const { title } = Astro.props;
     >
       <slot />
     </div>
+    <Pattern/>
     <Footer />
   </body>
 </html>
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index 7ff1dd1..eaee958 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -1,11 +1,12 @@
 ---
 import Layout from "../layouts/Layout.astro";
 import PostsList from "../components/PostsList.astro";
+import Pattern from "../components/Pattern.astro";
 ---
 
 <Layout title="Blog | CoderDojo Alba Iulia">
   <div class="bg-white py-24 sm:py-32">
-    <div class="relative">
+    <div class="relative z-50">
       <div class="mx-auto max-w-7xl px-6 lg:px-8 -mt-4 md:pt-24">
         <div class="mx-auto max-w-2xl lg:max-w-4xl">
           <h2
@@ -24,5 +25,6 @@ import PostsList from "../components/PostsList.astro";
         </div>
       </div>
     </div>
+    <Pattern/>
   </div>
-</Layout>
+</Layout>
\ No newline at end of file
diff --git a/src/pages/despre.astro b/src/pages/despre.astro
index f08cb63..37d9202 100644
--- a/src/pages/despre.astro
+++ b/src/pages/despre.astro
@@ -1,6 +1,7 @@
 ---
 import Layout from "../layouts/Layout.astro";
 import Mentors from "../components/Mentors.astro";
+import Pattern from "../components/Pattern.astro";
 ---
 
 <Layout title="Despre | CoderDojo Alba Iulia">
@@ -133,5 +134,6 @@ import Mentors from "../components/Mentors.astro";
       </figure>
       <Mentors />
     </div>
+    <Pattern/>
   </div>
 </Layout>