Bump

v3xlabs · Oct 30, 2023 · b53f2ff · b53f2ff
1 parent 785dc69
commit b53f2ff
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 17 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -52,7 +52,7 @@ export default function RootLayout({
                 />
                 <style>
                     @import
-                    url('https://fonts.googleapis.com/css2?family=Flow+Circular&family=Work+Sans:wght@400;500&display=swap');
+                    url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500&display=swap');
                 </style>
             </head>
             <body className="w-full min-h-screen">

diff --git a/app/page.tsx b/app/page.tsx
@@ -1,5 +1,3 @@
-import { FiGithub } from 'react-icons/fi';
-
 import { ProjectBox } from '../components/ProjectBox/ProjectBox';
 
 export default function App() {
@@ -17,25 +15,26 @@ export default function App() {
                                 Swag Printing w Magical Powers
                             </p>
                         </div>
-                        <div className="flex gap-4">
-                            <a
-                                href="https://og.ax"
-                                target="_blank"
-                                className="flex items-center gap-2 font-bold px-4 py-2 bg-neutral-50 h-fit rounded-md hover:brightness-105 transition-all duration-200 hover:outline outline-[#1e1e1e]"
-                            >
-                                <FiGithub />
-                                <span className="hidden lg:inline">Github</span>
-                            </a>
-                        </div>
                     </div>
                     <img
                         src="/cards.svg"
                         alt=""
                         className="absolute bottom-0 left-0 right-0"
                     />
                 </div>
-                <div className="w-full bg-pink-200 col-span-2 lg:col-span-5 h-32 lg:h-[420px] row-span-1 lg:row-span-2 rounded-md" />
-                <div className="w-full bg-gray-200 h-48 col-span-2 lg:col-span-5 row-span-1 rounded-md" />
+                <div className="text-sm md:text-base row-start-1 col-start-1 w-full bg-white border col-span-2 lg:col-span-5 lg:min-h-[420px] row-span-1 lg:row-span-2 rounded-md p-4 md:p-8">
+                    <h2 className="text-base md:text-2xl">Hey there 👋</h2>
+                    <p className="mt-2">
+                        We are V3X Labs, a community of{' '}
+                        <b>open-source developers</b> driven to{' '}
+                        <b>make a difference</b>.
+                    </p>
+                    <p className="mt-2">
+                        You might know us from some of our <b>projects</b>; such
+                        as ENS Cards, ENS Tools, Scyllo & More
+                    </p>
+                </div>
+                <div className="hidden md:flex w-full bg-gray-200 h-48 col-span-2 lg:col-span-5 row-span-1 rounded-md" />
 
                 <ProjectBox
                     img="https://github.com/v3xlabs/.github/raw/master/projects/ens-tools-small.png#1"

diff --git a/components/NavBar/NavBar.tsx b/components/NavBar/NavBar.tsx
@@ -2,14 +2,14 @@ import { FC } from 'react';
 
 export const NavBar: FC = () => {
     return (
-        <header className="w-full p-8 pb-4 pt-6 md:pt-6 md:pb-4 md:px-8 flex justify-between items-start">
+        <header className="w-full p-4 md:pt-6 md:pb-4 md:px-8 flex justify-between items-start">
             <div className="flex flex-col justify-center mt-2">
                 <div className="bg-notblack w-fit font-bold">
                     <span className="text-white -1 mx-3">v3xlabs</span>
                 </div>
                 <div>Empowering open-source</div>
             </div>
-            <nav className="flex">
+            <nav className="md:flex hidden">
                 <ul className="grid grid-rows-3 grid-flow-col gap-x-4">
                     {[
                         ['.company', 'https://v3x.company'],