add pages and coming soon comp

apps/landing/src/app/about/page.tsx

@@ -0,0 +1,9 @@
+import { ComingSoon } from '../components/ComingSoon';
+
+export default function AboutPage() {
+  return (
+    <div>
+      <ComingSoon pageName='About' />
+    </div>
+  );
+}

apps/landing/src/app/companies/page.tsx

@@ -0,0 +1,9 @@
+import { ComingSoon } from '../components/ComingSoon';
+
+export default function CompaniesPage() {
+  return (
+    <div>
+      <ComingSoon pageName='Companies' />
+    </div>
+  );
+}

apps/landing/src/app/components/ComingSoon.tsx

@@ -0,0 +1,64 @@
+import React from 'react';
+import { ColoredDiv } from 'ui';
+
+import { container } from '../../styles/styles';
+
+type Props = {
+  pageName: string;
+};
+export const ComingSoon = ({ pageName }: Props) => {
+  return (
+    <section
+      className={`main-height mt-16 flex flex-col justify-center items-center gap-4 ${container}`}>
+      <h1 className='text-5xl'>{pageName}</h1>
+      <h1 className='text-3xl'>Coming Soon..</h1>
+      <div className='grid grid-cols-5 w-3/4'>
+        <ColoredDiv color='pink' direction='top' height={12} width={24} rotateZ={45} />
+        <ColoredDiv color='green' direction='bottom' height={8} width={8} rotateZ={22.5} />
+        <ColoredDiv
+          color='blue'
+          direction='top'
+          height={12}
+          width={12}
+          rotateZ={45}
+          className='rounded-full'
+        />
+        <ColoredDiv color='beige' direction='bottom' height={12} width={12} rotateZ={45} />
+        <ColoredDiv
+          color='black'
+          direction='top'
+          height={12}
+          width={18}
+          rotateZ={90}
+          className='rounded-3xl'
+        />
+        <ColoredDiv color='white' direction='bottom' height={10} width={14} rotateZ={15} />
+        <ColoredDiv color='orange' direction='bottom' height={16} width={6} rotateZ={90} />
+        <ColoredDiv
+          color='purple'
+          direction='top'
+          height={14}
+          width={8}
+          rotateZ={-35}
+          className='rounded-full'
+        />
+        <ColoredDiv
+          color='red'
+          direction='bottom'
+          height={16}
+          width={12}
+          rotateZ={45}
+          className='rounded-full'
+        />
+        <ColoredDiv
+          color='yellow'
+          direction='bottom'
+          height={14}
+          width={8}
+          rotateZ={45}
+          className='rounded-xl'
+        />
+      </div>
+    </section>
+  );
+};

apps/landing/src/app/components/Hero/HeroRight.tsx

@@ -86,7 +86,7 @@ export const HeroRight = () => {
           // textLocation='left'
           className='-top-[40%] -right-[2%]'
           // textClassName='right-3/4 bottom-3 md:left-1/2 md:bottom-0'
-          textClassName='right-3/4 bottom-3 md:right-1/2 md:bottom-1/3'
+          textClassName='right-3/4 bottom-3 md:right-3/4 md:bottom-1/3'
         />
       ),
     },

apps/landing/src/app/search/page.tsx

@@ -0,0 +1,9 @@
+import { ComingSoon } from '../components/ComingSoon';
+
+export default function SearchPage() {
+  return (
+    <div>
+      <ComingSoon pageName='Search' />
+    </div>
+  );
+}

apps/landing/src/app/society/page.tsx

@@ -0,0 +1,9 @@
+import { ComingSoon } from '../components/ComingSoon';
+
+export default function SocietyPage() {
+  return (
+    <div>
+      <ComingSoon pageName='Society' />
+    </div>
+  );
+}

apps/landing/src/components/Header/HeaderLeft.tsx

@@ -23,7 +23,7 @@ function HeaderLeft() {
       <BurgerMenu />
       <Link
         href={'/'}
-        className='relative md:flex hidden items-center w-full min-w-fit h-8 min-h-[2rem] hover:scale-105 hover:bg-base-300'>
+        className='relative md:flex hidden items-center w-fit p-2 rounded min-w-fit h-8 min-h-[2rem]'>
         <Image src={logoMint} alt='logo' width={800} height={800} className='h-4 w-fit' />
       </Link>
     </div>

apps/landing/src/components/Header/NavBar.tsx

@@ -10,7 +10,7 @@ function NavBar() {
     <>
       <Link
         href={'/'}
-        className='relative flex md:hidden items-center justify-center w-full min-w-fit h-8 min-h-[2rem] hover:scale-105 hover:bg-base-300'>
+        className='relative flex md:hidden items-center justify-center w-full min-w-fit h-8 min-h-[2rem] hover:bg-base-300'>
         <Image src={logoMint} alt='logo' width={800} height={800} className='h-4 w-fit' />
       </Link>
       <nav className='navbar-center hidden md:flex'>

apps/landing/src/components/Header/menuItems.ts

@@ -3,7 +3,7 @@ import { appUrl } from '../../consts';
 export const menuItems = [
   {
     title: 'Companies',
-    link: '/',
+    link: '/companies',
   },
   {
     title: 'Members',
@@ -15,7 +15,7 @@ export const menuItems = [
       },
       {
         title: 'Society',
-        link: '/profile',
+        link: '/society',
       },
     ],
   },