diff --git a/app/learn/[category]/page.tsx b/app/learn/[category]/page.tsx
index 44d7239..b94eeae 100644
--- a/app/learn/[category]/page.tsx
+++ b/app/learn/[category]/page.tsx
@@ -2,15 +2,15 @@
 import { useState } from 'react'
 import { Dialog, DialogPanel } from '@headlessui/react'
 import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline'
+import Logo from '../../components/logo';
+
 
 const Page = ({ params }: { params: { category: string }}) => {
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false)
 
   return (
-    <div className="bg-black">
-
+    <div>
       <div className="relative isolate px-6 pt-14 lg:px-8">
-      <div style={{ display:"flex", alignItems: 'center', justifyContent: 'center', paddingTop:'40px'}}><img className="flex" src="/logo-no-background.png" height="auto" width="40%" style={{ alignSelf: 'center'}}></img></div>
         <div
           className="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
           aria-hidden="true"
@@ -23,6 +23,8 @@ const Page = ({ params }: { params: { category: string }}) => {
             }}
           />
         </div>
+        <div style={{paddingTop: '72px'}}></div>
+        <Logo/>
         <div className="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
           <div className="text-center">
             <h1 className="text-4xl font-bold tracking-tight text-gray-50">