lint fix

AFK-AlignedFamKernel · Aug 4, 2024 · d172162 · d172162
1 parent 1eef438
commit d172162
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 20 deletions.
diff --git 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
@@ -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
@@ -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"