From 1fbc541a5d120f03da86cc05e09054ff8215ee48 Mon Sep 17 00:00:00 2001
From: kali <kali@0day.0day.com>
Date: Sat, 1 Jun 2024 17:07:56 +0300
Subject: [PATCH] Alighned logo on all pages

---
 app/about-us/page.tsx       |  4 ++++
 app/learn/cybersec/page.tsx |  7 ++++---
 app/page.tsx                |  4 +++-
 app/sessionconfig/page.tsx  | 30 +++++++++++++++++++++++++++---
 4 files changed, 38 insertions(+), 7 deletions(-)

diff --git a/app/about-us/page.tsx b/app/about-us/page.tsx
index 1c0a9c2..e3076b9 100644
--- a/app/about-us/page.tsx
+++ b/app/about-us/page.tsx
@@ -1,3 +1,5 @@
+import Logo from '../components/logo';
+
 const people = [
     {
       name: 'Andrei Banu',
@@ -35,6 +37,8 @@ const people = [
             }}
           />
         </div>
+        <Logo/>
+        <div style={{paddingBottom: '100px'}}></div>
         <div className="mx-auto grid max-w-7xl gap-x-8 gap-y-20 px-6 lg:px-8 xl:grid-cols-3">
           <div className="max-w-2xl">
             <h2 className="text-3xl font-bold tracking-tight text-gray-200 sm:text-4xl">Meet our leadership</h2>
diff --git a/app/learn/cybersec/page.tsx b/app/learn/cybersec/page.tsx
index 4872899..2478392 100644
--- a/app/learn/cybersec/page.tsx
+++ b/app/learn/cybersec/page.tsx
@@ -2,15 +2,14 @@
 import { useState } from 'react'
 import { Dialog, DialogPanel } from '@headlessui/react'
 import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline'
+import Logo from '../../components/logo';
 
 export default function Example() {
   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 +22,8 @@ export default function Example() {
             }}
           />
         </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">
diff --git a/app/page.tsx b/app/page.tsx
index fcd0779..7dff660 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -2,6 +2,7 @@
 import { Fragment } from 'react'
 import { Menu, MenuButton, MenuItem, MenuItems, Transition } from '@headlessui/react'
 import { ChevronDownIcon } from '@heroicons/react/20/solid'
+import Logo from './components/logo';
 function classNames(...classes) {
   return classes.filter(Boolean).join(' ')
 }
@@ -20,7 +21,8 @@ export default function Example() {
             }}
           />
         </div>
-      <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 style={{paddingTop: '128px'}}></div>
+        <Logo/>
       <div className="mx-auto max-w-7xl py-24 sm:px-6 sm:py-32 lg:px-8">
         <div className="relative isolate overflow-hidden bg-gray-900 px-6 pt-16 shadow-2xl sm:rounded-3xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-24 lg:pt-0">
           <svg
diff --git a/app/sessionconfig/page.tsx b/app/sessionconfig/page.tsx
index 6e29fc9..50c18c7 100644
--- a/app/sessionconfig/page.tsx
+++ b/app/sessionconfig/page.tsx
@@ -13,12 +13,24 @@ export default function Example() {
 
     const cards = [
       ["Learn cybersecurity", "Learning cybersecurity is like becoming a guardian of the digital realm.\nIt's about mastering the art of protecting information, systems, and networks from cyber threats.\nFrom understanding encryption algorithms to detecting malware, every lesson equips you with tools to fortify against cyber-attacks.", "/learn/cybersec" ],
-      ["Learn geography", "It's cool ig", "/learn/geography"],
-      ["Learn C++", "Don't.", "/learn/cpp"]
+      ["Learn geography", "Geography is the study of our world's intricate tapestry — from the towering peaks of the Himalayas to the vast expanse of the Sahara Desert. It's about understanding the relationships between people, places, and the environment.", "/learn/geography"],
+      ["Learn C++", "As a powerful, versatile language, C++ teaches you the fundamentals of object-oriented programming while offering fine-grained control over system resources. You'll explore concepts like classes, inheritance, and polymorphism, alongside memory management and pointers.", "/learn/cpp"]
     ];
   return (
     
-    <div className="bg-black py-24 sm:py-32" style = {{ alignItems: 'center', justifyContent: 'center' }}>
+    <div className="py-24 sm:py-32" style = {{ alignItems: 'center', justifyContent: 'center' }}>
+        <div
+          className="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
+          aria-hidden="true"
+        >
+          <div
+            className="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
+            style={{
+              clipPath:
+                'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',
+            }}
+          />
+        </div>
       <Logo/>
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         { cards.map((elem) => {
@@ -42,6 +54,18 @@ export default function Example() {
         </TopicCard>
   */}
       </div>
+      <div
+          className="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
+          aria-hidden="true"
+        >
+          <div
+            className="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
+            style={{
+              clipPath:
+                'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',
+            }}
+          />
+        </div>
     </div>
   )
 }