diff --git a/apps/website/src/app/components/About.tsx b/apps/website/src/app/components/About.tsx
index 40f503fdb..0ed0ee931 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 5cc61c8e4..d27a8ea20 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 3af36bb9f..b44ad69df 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"