diff --git a/package.json b/package.json
index eb50d51..22b8639 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "dotenv": "^16.4.5",
     "embla-carousel": "^8.1.5",
     "embla-carousel-react": "^8.1.5",
+    "eslint-plugin-tailwindcss": "^3.17.4",
     "lucide-react": "^0.376.0",
     "next": "14.2.3",
     "next-themes": "^0.3.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3f27c93..9d113f1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -47,6 +47,9 @@ dependencies:
   embla-carousel-react:
     specifier: ^8.1.5
     version: 8.1.5(react@18.3.1)
+  eslint-plugin-tailwindcss:
+    specifier: ^3.17.4
+    version: 3.17.4(tailwindcss@3.4.3)
   lucide-react:
     specifier: ^0.376.0
     version: 0.376.0(react@18.3.1)
@@ -2232,6 +2235,17 @@ packages:
       string.prototype.matchall: 4.0.11
     dev: true
 
+  /eslint-plugin-tailwindcss@3.17.4(tailwindcss@3.4.3):
+    resolution: {integrity: sha512-gJAEHmCq2XFfUP/+vwEfEJ9igrPeZFg+skeMtsxquSQdxba9XRk5bn0Bp9jxG1VV9/wwPKi1g3ZjItu6MIjhNg==}
+    engines: {node: '>=18.12.0'}
+    peerDependencies:
+      tailwindcss: ^3.4.0
+    dependencies:
+      fast-glob: 3.3.2
+      postcss: 8.4.38
+      tailwindcss: 3.4.3
+    dev: false
+
   /eslint-scope@7.2.2:
     resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
diff --git a/src/components/game.tsx b/src/components/game.tsx
deleted file mode 100644
index c040af2..0000000
--- a/src/components/game.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-'use client';
-
-// import { Button } from "@/components/ui/button"
-// import { Input } from "@/components/ui/input"
-// import { Label } from "@/components/ui/label"
-import {
-  Sheet,
-  SheetClose,
-  SheetContent,
-  SheetDescription,
-  SheetFooter,
-  SheetHeader,
-  SheetTitle,
-  SheetTrigger
-} from '@/components/ui/sheet';
-import { Button } from './ui/button';
-import { Icons } from './icons';
-import Image from 'next/image';
-import { cn } from '@/lib/utils';
-import Form, { useZodForm } from './ui/form';
-import { gameSchema } from '@/lib/validations/game';
-import { Input } from './ui/input';
-import useLiveCountdown from '@/hooks/use-live-countdown';
-import { useEffect } from 'react';
-
-export function SheetDemo() {
-  const { secondsLeft, startTimeout } = useLiveCountdown();
-
-  useEffect(() => {
-    startTimeout(60);
-  }, [startTimeout]);
-
-  const form = useZodForm({
-    schema: gameSchema
-  });
-
-  return (
-    <Sheet>
-      <SheetTrigger asChild>
-        <Button variant="outline">Open</Button>
-      </SheetTrigger>
-      <SheetContent
-        className="w-screen border-0"
-        onInteractOutside={e => {
-          e.preventDefault();
-        }}
-        onEscapeKeyDown={e => {
-          e.preventDefault();
-        }}
-      >
-        <div className="container mx-auto min-h-screen w-full max-w-screen-xl">
-          <div className="space-y-[44px]">
-            <div className="flex items-center justify-between">
-              <Button variant={'text'}>
-                {' '}
-                <Icons.CaretLeft className="size-6" />
-                Return
-              </Button>
-              <div className="space-x-[15px]">
-                <span>points</span>
-                <span>1500</span>
-              </div>
-            </div>
-            <div className="inline-flex h-full w-full items-start gap-6 rounded-lg border border-primary bg-white/[0.20] p-6 backdrop-blur-[8px]">
-              {/* image */}
-              <div className="">
-                <Image
-                  src={'/images/Xleafgreen_property_NFT5_apartment.webp'}
-                  alt=""
-                  width={583}
-                  height={574}
-                  priority
-                />
-              </div>
-              {/* data */}
-              <div className="flex w-full max-w-[439px] flex-col gap-6 px-4">
-                <div className="space-y-[18px]">
-                  <h1 className="text-[0.875rem] font-medium">Property 1</h1>
-                  <DescriptionList title="Type" description="Apartment" />
-                  <p>One bed luxury apartment,</p>
-                  <div className="flex w-full items-center">
-                    <DescriptionList title="Bedrooms" description="1" />
-                    <DescriptionList title="Bathrooms" description="1" />
-                  </div>
-                  <DescriptionList title="Size" description="552 sqft / 51 sqm" />
-                  <DescriptionList title="Town/city" description="Hertford" />
-                  <DescriptionList title="Post code" description="SG235TH" />
-                </div>
-                <div className="space-y-[18px]">
-                  <h1 className="text-[0.875rem] font-medium">Key features</h1>
-                  <p>
-                    Private balcony. Communal roof terrace. Resident's concierge service. Close
-                    proximity to green spaces. 999 year lease with peppercorn ground rent
-                  </p>
-                </div>
-                <div className="space-y-5">
-                  <Form form={form}>
-                    <Input
-                      placeholder="Enter your guess"
-                      className="py-5 outline-none placeholder:text-center placeholder:text-[1rem] placeholder:font-medium placeholder:opacity-[0.5]"
-                      {...form.register}
-                    />
-                    <Button fullWidth>Guess Now</Button>
-                  </Form>
-                </div>
-              </div>
-              {/* timer */}
-              <div className="flex size-[147px] items-center justify-center rounded-full border-[2.94px] border-primary-200 bg-primary px-8 py-[40px] shadow-time">
-                <span className="font-heading text-[2.84569rem] font-bold">
-                  {secondsLeft > 0 && `${secondsLeft}`}
-                </span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </SheetContent>
-    </Sheet>
-  );
-}
-
-interface DescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
-  title: string;
-  description?: string;
-}
-
-const DescriptionList = ({ className, title, description }: DescriptionProps) => {
-  return (
-    <div className="text-0.875rem flex items-center gap-1 font-sans">
-      <dt>{title}:</dt>
-      <dd className={cn('font-light', className)}>{description}</dd>
-    </div>
-  );
-};
diff --git a/src/lib/queries.ts b/src/lib/queries.ts
index 53b9fd6..5151acb 100644
--- a/src/lib/queries.ts
+++ b/src/lib/queries.ts
@@ -69,7 +69,7 @@ export async function getNextListingId() {
   const output = result.toHuman();
   return output;
 }
-export async function getNextOfferId(){
+export async function getNextOfferId() {
   const api = await getApi();
   const result = await api.query.gameModule.nextOfferId();
   const output = result.toHuman();
@@ -80,10 +80,9 @@ export async function getOffers(id: number) {
   const api = await getApi();
   const result = await api.query.gameModule.offers(id);
   const output = result.toHuman();
-  return
+  return;
 }
 
-
 export async function getPalletVersion() {
   const api = await getApi();
   const result = await api.query.gameModule.palletVersion();
@@ -91,32 +90,30 @@ export async function getPalletVersion() {
   return output;
 }
 
-export async function isRoundActive(){
+export async function isRoundActive() {
   const api = await getApi();
   const result = await api.query.gameModule.roundActive();
   const output = result.toHuman();
   return output;
 }
 
-
-export async function getRoundChampion(id: number){
+export async function getRoundChampion(id: number) {
   const api = await getApi();
   const result = await api.query.gameModule.roundChampion(id);
   const output = result.toHuman();
   return output;
 }
 
-export async function getGameProperties(){
+export async function getGameProperties() {
   const api = await getApi();
   const result = await api.query.gameModule.gameProperties();
   const output = result.toHuman();
   return output;
 }
 
-export async function getCollectionColor(id: number){
+export async function getCollectionColor(id: number) {
   const api = await getApi();
   const result = await api.query.gameModule.collectionColor(id);
   const output = result.toHuman();
   return output;
 }
-