fmt lint

src/components/footer/footer.css.ts

@@ -1,7 +1,6 @@
-import { type ComplexStyleRule, style } from "@vanilla-extract/css";
+import { style } from "@vanilla-extract/css";
 import { mediaQuery } from "~/breakpoint.css";
 import { vars } from "~/theme.css";
-import { navItem } from "../header/nav.css";
 
 export const footer = style({
   display: "grid",

src/components/footer/footer.tsx

@@ -112,7 +112,8 @@ export default component$(() => {
           >
             <div class={footerTileTitle}>Qwik</div>
             <div class={footerTileSubtitle}>
-              Qwik is a new kind of web framework that can deliver instant loading web applications at any size or complexity
+              Qwik is a new kind of web framework that can deliver instant
+              loading web applications at any size or complexity
             </div>
           </a>
           <a

src/components/header/header.tsx

@@ -21,7 +21,7 @@ export default component$(() => {
       <div class={wrapper}>
         <div class={leftSide}>
           <a href="#landing-page">
-            <img src={LogoSvg} width={100} height={40} class={navItem}/>
+            <img src={LogoSvg} width={100} height={40} class={navItem} />
           </a>
         </div>
         <div class={rightSide}>

src/components/header/nav.css.ts

@@ -9,6 +9,6 @@ export const navItem = style({
   animationTimingFunction: vars.transitions.timingFunction,
   ":hover": {
     color: vars.color.textHighlight,
-    backgroundColor: vars.color.backgroundHighlight
+    backgroundColor: vars.color.backgroundHighlight,
   },
 });

src/components/hero/index.tsx

@@ -17,9 +17,7 @@ export default component$(() => {
           <h1 class={titleText}>
             The Ultimate Nexus of Exchange, Transfer, and Business Solutions
           </h1>
-          <p class={subText}>
-            Run Your crypto business with us!
-          </p>
+          <p class={subText}>Run Your crypto business with us!</p>
         </div>
         <img
           src={HeroSvg}

src/components/technology/index.tsx

@@ -1,5 +1,12 @@
 import { component$ } from "@builder.io/qwik";
-import { description, descriptionBox, descriptionText, infobox, technology, titleText } from "./index.css";
+import {
+  description,
+  descriptionBox,
+  descriptionText,
+  infobox,
+  technology,
+  titleText,
+} from "./index.css";
 
 import ServerSvg from "~/media/home/server.svg";
 import LaptopSvg from "~/media/home/laptop.svg";
@@ -17,12 +24,12 @@ export default component$(() => {
           <div q:slot="description" class={description}>
             <div class={descriptionBox}>
               <div class={descriptionText}>
-                Surely you're asking yourself, why should you trust us? The answer
-                is simple - you don't have to. With KSOX, trust takes on a new
-                dimension. Leveraging zk-STARK technology, we ensure that all crypto
-                assets are securely stored in a smart contract, inaccessible to
-                anyone but you. Only requests authenticated by users get processed –
-                we simply cannot act on your behalf
+                Surely you're asking yourself, why should you trust us? The
+                answer is simple - you don't have to. With KSOX, trust takes on
+                a new dimension. Leveraging zk-STARK technology, we ensure that
+                all crypto assets are securely stored in a smart contract,
+                inaccessible to anyone but you. Only requests authenticated by
+                users get processed – we simply cannot act on your behalf
               </div>
             </div>
           </div>
@@ -35,12 +42,13 @@ export default component$(() => {
           <div q:slot="description" class={description}>
             <div class={descriptionBox}>
               <div class={descriptionText}>
-              Ever envisioned a world where contactless payments are the norm?
-            KSOX brings this reality closer to you with its state-of-the-art NFC
-            payment capabilities. Now you can handle transactions as simply as
-            if using a conventional card. Imagine stepping into your favorite
-            bar or cafe, paying with cryptocurrency effortlessly, and not having
-            to worry about your bank's solvency ever again!
+                Ever envisioned a world where contactless payments are the norm?
+                KSOX brings this reality closer to you with its state-of-the-art
+                NFC payment capabilities. Now you can handle transactions as
+                simply as if using a conventional card. Imagine stepping into
+                your favorite bar or cafe, paying with cryptocurrency
+                effortlessly, and not having to worry about your bank's solvency
+                ever again!
               </div>
             </div>
           </div>
@@ -53,11 +61,12 @@ export default component$(() => {
           <div q:slot="description" class={description}>
             <div class={descriptionBox}>
               <div class={descriptionText}>
-              But the innovation doesn't stop there. KSOX's unique feature allows
-            you to generate temporary 6-digit codes for smooth and easy fund
-            transfers. This feature, well-established in online payments, paves
-            the way for a seamless integration of cryptocurrency into your
-            online transactions, bringing elegance and simplicity together
+                But the innovation doesn't stop there. KSOX's unique feature
+                allows you to generate temporary 6-digit codes for smooth and
+                easy fund transfers. This feature, well-established in online
+                payments, paves the way for a seamless integration of
+                cryptocurrency into your online transactions, bringing elegance
+                and simplicity together
               </div>
             </div>
           </div>