From 1402ae5e370fd2f0e608e51b8e0aced3acbbee10 Mon Sep 17 00:00:00 2001
From: MSG <59928086+MSghais@users.noreply.github.com>
Date: Sun, 4 Aug 2024 15:38:27 +0200
Subject: [PATCH] lint fix (#1)

---
 apps/website/src/app/components/About.tsx     | 15 ++++++-----
 .../src/app/components/HeroSection.tsx        | 26 +++++++++----------
 apps/website/src/app/components/Navbar.tsx    |  6 ++++-
 3 files changed, 27 insertions(+), 20 deletions(-)

diff --git a/apps/website/src/app/components/About.tsx b/apps/website/src/app/components/About.tsx
index 40f503fd..0ed0ee93 100644
--- a/apps/website/src/app/components/About.tsx
+++ b/apps/website/src/app/components/About.tsx
@@ -1,18 +1,21 @@
 'use client';
 
-import { motion } from 'framer-motion';
+import {motion} from 'framer-motion';
 
 export function About() {
   return (
     <div className="bg-black py-[40px] tab:py-[140px] text-center text-white text-base tab:text-[32px] leading-[32px] desktop:leading-[50px] font-normal z-[50] relative px-6 desktop:px-[171px]">
       <motion.p
-        animate={{ x: [-100, 0] }}
-        transition={{ ease: 'easeOut', duration: 1 }}
+        animate={{x: [-100, 0]}}
+        transition={{ease: 'easeOut', duration: 1}}
         className="gradient-text"
-        initial={{ opacity: 0 }}
-        whileInView={{ opacity: 1 }}
+        initial={{opacity: 0}}
+        whileInView={{opacity: 1}}
       >
-        The name &quot;Aligned Fam Kernel&quot; is inspired by our vision to align the web3 family together, in one Social graph. We build and fight together, not against. What if the treasure are the friends we made along the way? Then A decentralized social network should be a treasure trove of memories and connections!
+        The name &quot;Aligned Fam Kernel&quot; is inspired by our vision to align the web3 family
+        together, in one Social graph. We build and fight together, not against. What if the
+        treasure are the friends we made along the way? Then A decentralized social network should
+        be a treasure trove of memories and connections!
       </motion.p>
     </div>
   );
diff --git a/apps/website/src/app/components/HeroSection.tsx b/apps/website/src/app/components/HeroSection.tsx
index 5cc61c8e..d27a8ea2 100644
--- a/apps/website/src/app/components/HeroSection.tsx
+++ b/apps/website/src/app/components/HeroSection.tsx
@@ -1,28 +1,28 @@
 'use client';
 
-import { motion } from 'framer-motion';
+import {motion} from 'framer-motion';
 
 export function HeroSection() {
   return (
     <div className="desktop:h-[900px] h-[833px] w-full overflow-hidden relative pt-[98px] desktop:pt-[159px] flex justify-center bg-black desktop:bg-herobg bg-mobileHeroBg bg-no-repeat bg-bottom">
       <motion.img
-        animate={{ x: [500, 0] }}
+        animate={{x: [500, 0]}}
         transition={{
-          x: { duration: 1 },
+          x: {duration: 1},
         }}
-        initial={{ opacity: 0 }}
-        whileInView={{ opacity: 1 }}
+        initial={{opacity: 0}}
+        whileInView={{opacity: 1}}
         src="/assets/moon.svg"
         className="absolute top-5 desktop:top-[36px] right-[31px] desktop:right-[150px] w-[50px] desktop:w-auto"
         alt=""
       />
       <motion.div
-        animate={{ y: [1200, 0] }}
+        animate={{y: [1200, 0]}}
         transition={{
-          y: { duration: 1 },
+          y: {duration: 1},
         }}
-        initial={{ opacity: 0 }}
-        whileInView={{ opacity: 1 }}
+        initial={{opacity: 0}}
+        whileInView={{opacity: 1}}
         className="desktop:w-[773px] w-[85%] flex flex-col items-center text-white h-fit text-center relative z-[270]"
       >
         <h1 className="desktop:text-[72px] text-[36px] leading-[50px] desktop:leading-[80px] mb-3">
@@ -48,12 +48,12 @@ export function HeroSection() {
         src="/assets/degen-logo.png"
         className="absolute left-[-31px] desktop:left-2 bottom-[39px] desktop:bottom-[49px] z-[250] desktop:w-[380px] w-[210px]"
         alt=""
-        animate={{ x: [-500, 0] }}
+        animate={{x: [-500, 0]}}
         transition={{
-          x: { duration: 1 },
+          x: {duration: 1},
         }}
-        initial={{ opacity: 0 }}
-        whileInView={{ opacity: 1 }}
+        initial={{opacity: 0}}
+        whileInView={{opacity: 1}}
       />
     </div>
   );
diff --git a/apps/website/src/app/components/Navbar.tsx b/apps/website/src/app/components/Navbar.tsx
index 3af36bb9..b44ad69d 100644
--- a/apps/website/src/app/components/Navbar.tsx
+++ b/apps/website/src/app/components/Navbar.tsx
@@ -23,7 +23,11 @@ export function Navbar() {
       </div>
       <NavigationLinks />
       <div className="desktop:flex hidden items-center gap-x-4 font-bold text-sm leading-[16px]">
-        <button className="py-[15px] px-[48px] bg-white"><a href="https://app.afk-community" target='_blank'>Log in</a></button>
+        <button className="py-[15px] px-[48px] bg-white">
+          <a href="https://app.afk-community" target="_blank">
+            Log in
+          </a>
+        </button>
       </div>
       <button
         className="flex desktop:hidden"