diff --git a/apps/arkmarket/src/app/(authenticated)/layout.tsx b/apps/arkmarket/app/(authenticated)/layout.tsx
similarity index 100%
rename from apps/arkmarket/src/app/(authenticated)/layout.tsx
rename to apps/arkmarket/app/(authenticated)/layout.tsx
diff --git a/apps/arkmarket/src/app/(authenticated)/portfolio/components/Portfolio.tsx b/apps/arkmarket/app/(authenticated)/portfolio/components/Portfolio.tsx
similarity index 100%
rename from apps/arkmarket/src/app/(authenticated)/portfolio/components/Portfolio.tsx
rename to apps/arkmarket/app/(authenticated)/portfolio/components/Portfolio.tsx
diff --git a/apps/arkmarket/src/app/(authenticated)/portfolio/page.tsx b/apps/arkmarket/app/(authenticated)/portfolio/page.tsx
similarity index 100%
rename from apps/arkmarket/src/app/(authenticated)/portfolio/page.tsx
rename to apps/arkmarket/app/(authenticated)/portfolio/page.tsx
diff --git a/apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/asset-infos.tsx b/apps/arkmarket/app/assets/[contract_address]/[token_id]/components/asset-infos.tsx
similarity index 100%
rename from apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/asset-infos.tsx
rename to apps/arkmarket/app/assets/[contract_address]/[token_id]/components/asset-infos.tsx
diff --git a/apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/asset.tsx b/apps/arkmarket/app/assets/[contract_address]/[token_id]/components/asset.tsx
similarity index 100%
rename from apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/asset.tsx
rename to apps/arkmarket/app/assets/[contract_address]/[token_id]/components/asset.tsx
diff --git a/apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/cancel-listing.tsx b/apps/arkmarket/app/assets/[contract_address]/[token_id]/components/cancel-listing.tsx
similarity index 100%
rename from apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/cancel-listing.tsx
rename to apps/arkmarket/app/assets/[contract_address]/[token_id]/components/cancel-listing.tsx
diff --git a/apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/create-listing.tsx b/apps/arkmarket/app/assets/[contract_address]/[token_id]/components/create-listing.tsx
similarity index 100%
rename from apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/create-listing.tsx
rename to apps/arkmarket/app/assets/[contract_address]/[token_id]/components/create-listing.tsx
diff --git a/apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/create-offer.tsx b/apps/arkmarket/app/assets/[contract_address]/[token_id]/components/create-offer.tsx
similarity index 100%
rename from apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/create-offer.tsx
rename to apps/arkmarket/app/assets/[contract_address]/[token_id]/components/create-offer.tsx
diff --git a/apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/fulfill-listing.tsx b/apps/arkmarket/app/assets/[contract_address]/[token_id]/components/fulfill-listing.tsx
similarity index 100%
rename from apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/fulfill-listing.tsx
rename to apps/arkmarket/app/assets/[contract_address]/[token_id]/components/fulfill-listing.tsx
diff --git a/apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/fulfill-offer.tsx b/apps/arkmarket/app/assets/[contract_address]/[token_id]/components/fulfill-offer.tsx
similarity index 100%
rename from apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/fulfill-offer.tsx
rename to apps/arkmarket/app/assets/[contract_address]/[token_id]/components/fulfill-offer.tsx
diff --git a/apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/token-activity.tsx b/apps/arkmarket/app/assets/[contract_address]/[token_id]/components/token-activity.tsx
similarity index 100%
rename from apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/token-activity.tsx
rename to apps/arkmarket/app/assets/[contract_address]/[token_id]/components/token-activity.tsx
diff --git a/apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/token-offers.tsx b/apps/arkmarket/app/assets/[contract_address]/[token_id]/components/token-offers.tsx
similarity index 97%
rename from apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/token-offers.tsx
rename to apps/arkmarket/app/assets/[contract_address]/[token_id]/components/token-offers.tsx
index 89de644..621d4d2 100644
--- a/apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/components/token-offers.tsx
+++ b/apps/arkmarket/app/assets/[contract_address]/[token_id]/components/token-offers.tsx
@@ -46,7 +46,7 @@ const TokenOffers: React.FC<TokenOffersProps> = ({ token }) => {
   const { address, account } = useAccount();
   const isOwner = address && areAddressesEqual(token.owner, address);
   const { fulfillOffer } = useFulfillOffer();
-  if (account === undefined) return null;
+  const isConnected = account !== undefined;
 
   return (
     <div className="space-y-2">
@@ -100,7 +100,7 @@ const TokenOffers: React.FC<TokenOffersProps> = ({ token }) => {
                       <TableCell>
                         {truncateString(offer.offer_maker, 8)}
                       </TableCell>
-                      {isOwner && (
+                      {isConnected && isOwner && (
                         <TableCell>
                           <Button
                             className="opacity-0 transition-opacity group-hover:opacity-100"
diff --git a/apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/data.ts b/apps/arkmarket/app/assets/[contract_address]/[token_id]/data.ts
similarity index 100%
rename from apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/data.ts
rename to apps/arkmarket/app/assets/[contract_address]/[token_id]/data.ts
diff --git a/apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/page.tsx b/apps/arkmarket/app/assets/[contract_address]/[token_id]/page.tsx
similarity index 100%
rename from apps/arkmarket/src/app/(authenticated)/assets/[contract_address]/[token_id]/page.tsx
rename to apps/arkmarket/app/assets/[contract_address]/[token_id]/page.tsx
diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/components/collection.tsx b/apps/arkmarket/app/collection/[collectionAddress]/components/collection.tsx
similarity index 84%
rename from apps/arkmarket/src/app/collection/[collectionAddress]/components/collection.tsx
rename to apps/arkmarket/app/collection/[collectionAddress]/components/collection.tsx
index 48cbaba..9770c04 100644
--- a/apps/arkmarket/src/app/collection/[collectionAddress]/components/collection.tsx
+++ b/apps/arkmarket/app/collection/[collectionAddress]/components/collection.tsx
@@ -3,8 +3,8 @@
 import React from "react";
 import { useQuery } from "react-query";
 
-import { fetchCollection } from "../queries/fetchCollection";
-import { fetchCollectionMarket } from "../queries/fetchCollectionMarket";
+import { fetchTokensMarketdata } from "../queries/fetchTokensMarketdata";
+import { fetchTokensMetadata } from "../queries/fetchTokensMetadata";
 import { mergeTokenData } from "../utils";
 import { columns } from "./columns";
 import { DataTable } from "./data-table";
@@ -26,7 +26,7 @@ export default function Collection({
     isLoading: collectionDataIsLoading,
   }: any = useQuery(
     "tokens",
-    async () => await fetchCollection(collectionAddress),
+    async () => await fetchTokensMetadata(collectionAddress),
     {
       initialData: initialCollectionData,
       refetchInterval: 10_000,
@@ -39,7 +39,7 @@ export default function Collection({
     isLoading: collectionMarketIsLoading,
   }: any = useQuery(
     "collectionMarket",
-    async () => await fetchCollectionMarket(collectionAddress),
+    async () => await fetchTokensMarketdata(collectionAddress),
     {
       initialData: initialCollectionMarketData,
       refetchInterval: 10_000,
diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/components/columns.tsx b/apps/arkmarket/app/collection/[collectionAddress]/components/columns.tsx
similarity index 100%
rename from apps/arkmarket/src/app/collection/[collectionAddress]/components/columns.tsx
rename to apps/arkmarket/app/collection/[collectionAddress]/components/columns.tsx
diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/components/data-table-column-header.tsx b/apps/arkmarket/app/collection/[collectionAddress]/components/data-table-column-header.tsx
similarity index 100%
rename from apps/arkmarket/src/app/collection/[collectionAddress]/components/data-table-column-header.tsx
rename to apps/arkmarket/app/collection/[collectionAddress]/components/data-table-column-header.tsx
diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/components/data-table-faceted-filter.tsx b/apps/arkmarket/app/collection/[collectionAddress]/components/data-table-faceted-filter.tsx
similarity index 100%
rename from apps/arkmarket/src/app/collection/[collectionAddress]/components/data-table-faceted-filter.tsx
rename to apps/arkmarket/app/collection/[collectionAddress]/components/data-table-faceted-filter.tsx
diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/components/data-table-pagination.tsx b/apps/arkmarket/app/collection/[collectionAddress]/components/data-table-pagination.tsx
similarity index 100%
rename from apps/arkmarket/src/app/collection/[collectionAddress]/components/data-table-pagination.tsx
rename to apps/arkmarket/app/collection/[collectionAddress]/components/data-table-pagination.tsx
diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/components/data-table-toolbar.tsx b/apps/arkmarket/app/collection/[collectionAddress]/components/data-table-toolbar.tsx
similarity index 100%
rename from apps/arkmarket/src/app/collection/[collectionAddress]/components/data-table-toolbar.tsx
rename to apps/arkmarket/app/collection/[collectionAddress]/components/data-table-toolbar.tsx
diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/components/data-table.tsx b/apps/arkmarket/app/collection/[collectionAddress]/components/data-table.tsx
similarity index 100%
rename from apps/arkmarket/src/app/collection/[collectionAddress]/components/data-table.tsx
rename to apps/arkmarket/app/collection/[collectionAddress]/components/data-table.tsx
diff --git a/apps/arkmarket/app/collection/[collectionAddress]/components/header.tsx b/apps/arkmarket/app/collection/[collectionAddress]/components/header.tsx
new file mode 100644
index 0000000..bae077f
--- /dev/null
+++ b/apps/arkmarket/app/collection/[collectionAddress]/components/header.tsx
@@ -0,0 +1,15 @@
+import React from "react";
+
+interface HeaderProps {
+  collectionMetadata: unknown;
+}
+
+const Header = ({ collectionMetadata }: HeaderProps) => {
+  return (
+    <div className="border-b">
+      <div className="flex h-16 items-center px-4">Header</div>
+    </div>
+  );
+};
+
+export default Header;
diff --git a/apps/arkmarket/app/collection/[collectionAddress]/layout.tsx b/apps/arkmarket/app/collection/[collectionAddress]/layout.tsx
new file mode 100644
index 0000000..feb98e2
--- /dev/null
+++ b/apps/arkmarket/app/collection/[collectionAddress]/layout.tsx
@@ -0,0 +1,25 @@
+import "@ark-market/ui/globals.css";
+
+import CollectionHeader from "./components/header";
+import { fetchCollectionMetadata } from "./queries/fetchCollectionMetadata";
+
+interface CollectionLayoutProps {
+  children: React.ReactNode;
+  params: { collectionAddress: string };
+}
+
+export default async function CollectionLayout({
+  children,
+  params,
+}: CollectionLayoutProps) {
+  const { collectionAddress } = params;
+  const collectionMetadata: unknown =
+    await fetchCollectionMetadata(collectionAddress);
+
+  return (
+    <div>
+      <CollectionHeader collectionMetadata={collectionMetadata} />
+      <div>{children}</div>
+    </div>
+  );
+}
diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/page.tsx b/apps/arkmarket/app/collection/[collectionAddress]/page.tsx
similarity index 71%
rename from apps/arkmarket/src/app/collection/[collectionAddress]/page.tsx
rename to apps/arkmarket/app/collection/[collectionAddress]/page.tsx
index 8933c4d..7d83c37 100644
--- a/apps/arkmarket/src/app/collection/[collectionAddress]/page.tsx
+++ b/apps/arkmarket/app/collection/[collectionAddress]/page.tsx
@@ -1,6 +1,6 @@
 import Collection from "./components/collection";
-import { fetchCollection } from "./queries/fetchCollection";
-import { fetchCollectionMarket } from "./queries/fetchCollectionMarket";
+import { fetchTokensMarketdata } from "./queries/fetchTokensMarketdata";
+import { fetchTokensMetadata } from "./queries/fetchTokensMetadata";
 
 interface CollectionPageProps {
   params: {
@@ -12,9 +12,9 @@ export default async function CollectionPage({ params }: CollectionPageProps) {
   const { collectionAddress } = params;
 
   const initialCollectionData: unknown =
-    await fetchCollection(collectionAddress);
+    await fetchTokensMetadata(collectionAddress);
   const initialCollectionMarketData: unknown =
-    await fetchCollectionMarket(collectionAddress);
+    await fetchTokensMarketdata(collectionAddress);
 
   return (
     <main className="container py-16">
diff --git a/apps/arkmarket/app/collection/[collectionAddress]/queries/fetchCollectionMetadata.ts b/apps/arkmarket/app/collection/[collectionAddress]/queries/fetchCollectionMetadata.ts
new file mode 100644
index 0000000..5fd1d59
--- /dev/null
+++ b/apps/arkmarket/app/collection/[collectionAddress]/queries/fetchCollectionMetadata.ts
@@ -0,0 +1,16 @@
+import { env } from "~/env";
+
+export async function fetchCollectionMetadata(contract_address: string) {
+  const response = await fetch(
+    `${env.NEXT_PUBLIC_NFT_API_URL}/v1/contracts/${contract_address}`,
+    {
+      headers: {
+        "x-api-key": env.NEXT_PUBLIC_NFT_API_KEY,
+      },
+    },
+  );
+  if (!response.ok) {
+    throw new Error("Failed to fetch data");
+  }
+  return response.json();
+}
diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/queries/fetchCollectionMarket.ts b/apps/arkmarket/app/collection/[collectionAddress]/queries/fetchTokensMarketdata.ts
similarity index 84%
rename from apps/arkmarket/src/app/collection/[collectionAddress]/queries/fetchCollectionMarket.ts
rename to apps/arkmarket/app/collection/[collectionAddress]/queries/fetchTokensMarketdata.ts
index c2d6e6a..74adfb3 100644
--- a/apps/arkmarket/src/app/collection/[collectionAddress]/queries/fetchCollectionMarket.ts
+++ b/apps/arkmarket/app/collection/[collectionAddress]/queries/fetchTokensMarketdata.ts
@@ -2,7 +2,7 @@ import { validateAndParseAddress } from "starknet";
 
 import { env } from "~/env";
 
-export async function fetchCollectionMarket(collectionAddress: string) {
+export async function fetchTokensMarketdata(collectionAddress: string) {
   const response = await fetch(
     `${env.NEXT_PUBLIC_ORDERBOOK_API_URL}/tokens/collection/${validateAndParseAddress(collectionAddress)}`,
   );
diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/queries/fetchCollection.ts b/apps/arkmarket/app/collection/[collectionAddress]/queries/fetchTokensMetadata.ts
similarity index 84%
rename from apps/arkmarket/src/app/collection/[collectionAddress]/queries/fetchCollection.ts
rename to apps/arkmarket/app/collection/[collectionAddress]/queries/fetchTokensMetadata.ts
index 6f6bd21..3ce196c 100644
--- a/apps/arkmarket/src/app/collection/[collectionAddress]/queries/fetchCollection.ts
+++ b/apps/arkmarket/app/collection/[collectionAddress]/queries/fetchTokensMetadata.ts
@@ -2,7 +2,7 @@ import { validateAndParseAddress } from "starknet";
 
 import { env } from "~/env";
 
-export const fetchCollection = async (collectionAddress: string) => {
+export const fetchTokensMetadata = async (collectionAddress: string) => {
   const response = await fetch(
     `${env.NEXT_PUBLIC_NFT_API_URL}/v1/tokens/${validateAndParseAddress(collectionAddress)}`,
     {
diff --git a/apps/arkmarket/src/app/collection/[collectionAddress]/utils/index.ts b/apps/arkmarket/app/collection/[collectionAddress]/utils/index.ts
similarity index 100%
rename from apps/arkmarket/src/app/collection/[collectionAddress]/utils/index.ts
rename to apps/arkmarket/app/collection/[collectionAddress]/utils/index.ts
diff --git a/apps/arkmarket/src/app/collections/page.tsx b/apps/arkmarket/app/collections/page.tsx
similarity index 100%
rename from apps/arkmarket/src/app/collections/page.tsx
rename to apps/arkmarket/app/collections/page.tsx
diff --git a/apps/arkmarket/src/app/layout.tsx b/apps/arkmarket/app/layout.tsx
similarity index 100%
rename from apps/arkmarket/src/app/layout.tsx
rename to apps/arkmarket/app/layout.tsx
diff --git a/apps/arkmarket/app/page.tsx b/apps/arkmarket/app/page.tsx
new file mode 100644
index 0000000..97f763b
--- /dev/null
+++ b/apps/arkmarket/app/page.tsx
@@ -0,0 +1,58 @@
+import Link from "next/link";
+
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@ark-market/ui/components/card";
+import {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+} from "@ark-market/ui/components/carousel";
+
+export default async function HomePage() {
+  return (
+    <main className="container py-12">
+      <div className="flex flex-col space-y-4">
+        <Carousel
+          opts={{
+            align: "start",
+          }}
+          className="w-full"
+        >
+          <CarouselContent>
+            {Array.from({ length: 5 }).map((_, index) => (
+              <CarouselItem key={index} className="md:basis-1/2 lg:basis-1/3">
+                <div className="p-1">
+                  <Link
+                    href={`/collection/${"0x32d99485b22f2e58c8a0206d3b3bb259997ff0db70cffd25585d7dd9a5b0546"}`}
+                  >
+                    <Card>
+                      <CardHeader>
+                        <CardTitle>Everai</CardTitle>
+                      </CardHeader>
+                      <CardContent>
+                        <CardDescription>
+                          Collection description
+                        </CardDescription>
+                      </CardContent>
+                      <CardFooter>Floor price 0.2 eth</CardFooter>
+                    </Card>
+                  </Link>
+                </div>
+              </CarouselItem>
+            ))}
+          </CarouselContent>
+          <CarouselPrevious />
+          <CarouselNext />
+        </Carousel>
+      </div>
+    </main>
+  );
+}
diff --git a/apps/arkmarket/src/components/auth-switcher.tsx b/apps/arkmarket/components/auth-switcher.tsx
similarity index 100%
rename from apps/arkmarket/src/components/auth-switcher.tsx
rename to apps/arkmarket/components/auth-switcher.tsx
diff --git a/apps/arkmarket/src/components/authentication.tsx b/apps/arkmarket/components/authentication.tsx
similarity index 100%
rename from apps/arkmarket/src/components/authentication.tsx
rename to apps/arkmarket/components/authentication.tsx
diff --git a/apps/arkmarket/src/components/header.tsx b/apps/arkmarket/components/header.tsx
similarity index 100%
rename from apps/arkmarket/src/components/header.tsx
rename to apps/arkmarket/components/header.tsx
diff --git a/apps/arkmarket/components/icons.tsx b/apps/arkmarket/components/icons.tsx
new file mode 100644
index 0000000..01a230a
--- /dev/null
+++ b/apps/arkmarket/components/icons.tsx
@@ -0,0 +1,24 @@
+import React from "react";
+
+type IconProps = React.HTMLAttributes<SVGElement>;
+
+export const Icons = {
+  logo: (props: IconProps) => (
+    <svg
+      width="95"
+      height="95"
+      viewBox="0 0 95 95"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <circle cx="47.4238" cy="47" r="47" fill="#63D056" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M47.3448 78.8654C66.511 82.4541 84.4313 68.1791 87.2369 53.3224C89.5641 40.8078 78.1305 31.0202 60.6526 27.7384C39.9004 23.8615 19.8112 30.8775 17.2007 44.6607C14.632 58.5044 29.8668 75.5835 47.3448 78.8654ZM67.5151 61.4883C71.2494 62.4889 75.4354 58.9755 76.8648 53.6408C78.2942 48.3061 76.4258 43.1704 72.6915 42.1698C68.9573 41.1692 64.7713 44.6827 63.3419 50.0173C61.9124 55.352 63.7809 60.4877 67.5151 61.4883ZM70.8451 50.9925C72.7122 51.4928 74.6314 50.3848 75.1317 48.5177C75.632 46.6505 74.524 44.7314 72.6568 44.2311C70.7897 43.7308 68.8705 44.8388 68.3702 46.7059C67.8699 48.5731 68.978 50.4923 70.8451 50.9925ZM57.4542 50.1715C56.3819 56.569 52.1067 61.1844 47.9053 60.4802C43.7039 59.7759 41.1674 54.0188 42.2397 47.6213C43.312 41.2237 47.5872 36.6083 51.7886 37.3126C55.99 38.0168 58.5266 43.7739 57.4542 50.1715ZM52.5965 39.8912C54.7304 40.463 55.9967 42.6563 55.425 44.7902C54.8532 46.9241 52.6599 48.1904 50.526 47.6186C48.3921 47.0468 47.1258 44.8535 47.6976 42.7196C48.2693 40.5858 50.4627 39.3194 52.5965 39.8912Z"
+        fill="white"
+      />
+    </svg>
+  ),
+};
diff --git a/apps/arkmarket/src/components/main-nav.tsx b/apps/arkmarket/components/main-nav.tsx
similarity index 77%
rename from apps/arkmarket/src/components/main-nav.tsx
rename to apps/arkmarket/components/main-nav.tsx
index 2aec2be..ed5daac 100644
--- a/apps/arkmarket/src/components/main-nav.tsx
+++ b/apps/arkmarket/components/main-nav.tsx
@@ -6,6 +6,9 @@ import { usePathname } from "next/navigation";
 
 import { cn } from "@ark-market/ui/lib/utils";
 
+import { Icons } from "~/components/icons";
+import { siteConfig } from "~/config/site";
+
 const mainNavLinks = [
   { name: "Home", href: "/" },
   { name: "Collections", href: "/collections" },
@@ -23,6 +26,12 @@ export function MainNav({
       className={cn("flex items-center space-x-4 lg:space-x-6", className)}
       {...props}
     >
+      <Link href="/" className="flex items-center space-x-2">
+        <Icons.logo className="h-6 w-6" />
+        <span className="hidden font-bold sm:inline-block">
+          {siteConfig.name}
+        </span>
+      </Link>
       {mainNavLinks.map((mainNavLink) => {
         const isActiveLink = mainNavLink.href === pathname;
 
diff --git a/apps/arkmarket/src/components/media.tsx b/apps/arkmarket/components/media.tsx
similarity index 100%
rename from apps/arkmarket/src/components/media.tsx
rename to apps/arkmarket/components/media.tsx
diff --git a/apps/arkmarket/src/components/providers.tsx b/apps/arkmarket/components/providers.tsx
similarity index 100%
rename from apps/arkmarket/src/components/providers.tsx
rename to apps/arkmarket/components/providers.tsx
diff --git a/apps/arkmarket/src/components/starknet-provider.tsx b/apps/arkmarket/components/starknet-provider.tsx
similarity index 100%
rename from apps/arkmarket/src/components/starknet-provider.tsx
rename to apps/arkmarket/components/starknet-provider.tsx
diff --git a/apps/arkmarket/src/components/user-nav.tsx b/apps/arkmarket/components/user-nav.tsx
similarity index 100%
rename from apps/arkmarket/src/components/user-nav.tsx
rename to apps/arkmarket/components/user-nav.tsx
diff --git a/apps/arkmarket/config/site.ts b/apps/arkmarket/config/site.ts
new file mode 100644
index 0000000..67ac3fa
--- /dev/null
+++ b/apps/arkmarket/config/site.ts
@@ -0,0 +1,13 @@
+export const siteConfig = {
+  name: "ArkMarket",
+  url: "https://market.arkproject.dev",
+  ogImage: "",
+  description:
+    "Clean and simple ArkProject marketplace starter repo using Turbo repo.",
+  links: {
+    twitter: "https://twitter.com/ArkProjectNFTs",
+    github: "https://github.com/ArkProjectNFTs/ark-market",
+  },
+};
+
+export type SiteConfig = typeof siteConfig;
diff --git a/apps/arkmarket/src/env.ts b/apps/arkmarket/env.ts
similarity index 100%
rename from apps/arkmarket/src/env.ts
rename to apps/arkmarket/env.ts
diff --git a/apps/arkmarket/next.config.js b/apps/arkmarket/next.config.js
index e714843..113d562 100644
--- a/apps/arkmarket/next.config.js
+++ b/apps/arkmarket/next.config.js
@@ -2,7 +2,7 @@ import { fileURLToPath } from "url";
 import createJiti from "jiti";
 
 // Import env files to validate at build time. Use jiti so we can load .ts files in here.
-createJiti(fileURLToPath(import.meta.url))("./src/env");
+createJiti(fileURLToPath(import.meta.url))("./env");
 
 /** @type {import("next").NextConfig} */
 const config = {
diff --git a/apps/arkmarket/public/logo.svg b/apps/arkmarket/public/logo.svg
new file mode 100644
index 0000000..8f3c1be
--- /dev/null
+++ b/apps/arkmarket/public/logo.svg
@@ -0,0 +1,4 @@
+<svg width="95" height="95" viewBox="0 0 95 95" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="47.4238" cy="47" r="47" fill="#63D056"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.3448 78.8654C66.511 82.4541 84.4313 68.1791 87.2369 53.3224C89.5641 40.8078 78.1305 31.0202 60.6526 27.7384C39.9004 23.8615 19.8112 30.8775 17.2007 44.6607C14.632 58.5044 29.8668 75.5835 47.3448 78.8654ZM67.5151 61.4883C71.2494 62.4889 75.4354 58.9755 76.8648 53.6408C78.2942 48.3061 76.4258 43.1704 72.6915 42.1698C68.9573 41.1692 64.7713 44.6827 63.3419 50.0173C61.9124 55.352 63.7809 60.4877 67.5151 61.4883ZM70.8451 50.9925C72.7122 51.4928 74.6314 50.3848 75.1317 48.5177C75.632 46.6505 74.524 44.7314 72.6568 44.2311C70.7897 43.7308 68.8705 44.8388 68.3702 46.7059C67.8699 48.5731 68.978 50.4923 70.8451 50.9925ZM57.4542 50.1715C56.3819 56.569 52.1067 61.1844 47.9053 60.4802C43.7039 59.7759 41.1674 54.0188 42.2397 47.6213C43.312 41.2237 47.5872 36.6083 51.7886 37.3126C55.99 38.0168 58.5266 43.7739 57.4542 50.1715ZM52.5965 39.8912C54.7304 40.463 55.9967 42.6563 55.425 44.7902C54.8532 46.9241 52.6599 48.1904 50.526 47.6186C48.3921 47.0468 47.1258 44.8535 47.6976 42.7196C48.2693 40.5858 50.4627 39.3194 52.5965 39.8912Z" fill="white"/>
+</svg>
diff --git a/apps/arkmarket/src/app/page.tsx b/apps/arkmarket/src/app/page.tsx
deleted file mode 100644
index 4228ad7..0000000
--- a/apps/arkmarket/src/app/page.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import Link from "next/link";
-
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-} from "@ark-market/ui/components/card";
-
-export default async function HomePage() {
-  return (
-    <main className="container py-12">
-      <div className="flex flex-col space-y-4">
-        <h1>Homepage</h1>
-        <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
-          <Link
-            href={`/collection/${"0x32d99485b22f2e58c8a0206d3b3bb259997ff0db70cffd25585d7dd9a5b0546"}`}
-          >
-            <Card>
-              <CardHeader>
-                <CardTitle>Everai</CardTitle>
-              </CardHeader>
-              <CardContent>
-                <CardDescription>Collection description</CardDescription>
-              </CardContent>
-              <CardFooter>0.2 eth</CardFooter>
-            </Card>
-          </Link>
-        </div>
-      </div>
-    </main>
-  );
-}
diff --git a/apps/arkmarket/tailwind.config.ts b/apps/arkmarket/tailwind.config.ts
index 20ddc2f..3331a2c 100644
--- a/apps/arkmarket/tailwind.config.ts
+++ b/apps/arkmarket/tailwind.config.ts
@@ -1,7 +1,8 @@
 import type { Config } from "tailwindcss";
-import baseConfig from "@ark-market/tailwind-config/web";
 import { fontFamily } from "tailwindcss/defaultTheme";
 
+import baseConfig from "@ark-market/tailwind-config/web";
+
 export default {
   // We need to append the path to the UI package to the content array so that
   // those classes are included correctly.
diff --git a/apps/arkmarket/tsconfig.json b/apps/arkmarket/tsconfig.json
index 84b2869..2f1890f 100644
--- a/apps/arkmarket/tsconfig.json
+++ b/apps/arkmarket/tsconfig.json
@@ -10,7 +10,7 @@
     "baseUrl": ".",
     "paths": {
       "~/*": [
-        "./src/*"
+        "./*"
       ]
     },
     "plugins": [
diff --git a/apps/arkmarket/src/types/index.ts b/apps/arkmarket/types/index.ts
similarity index 100%
rename from apps/arkmarket/src/types/index.ts
rename to apps/arkmarket/types/index.ts
diff --git a/apps/arkmarket/src/types/schema.ts b/apps/arkmarket/types/schema.ts
similarity index 100%
rename from apps/arkmarket/src/types/schema.ts
rename to apps/arkmarket/types/schema.ts
diff --git a/packages/ui/components.json b/packages/ui/components.json
index a106f64..089b0c7 100644
--- a/packages/ui/components.json
+++ b/packages/ui/components.json
@@ -11,7 +11,8 @@
     "prefix": ""
   },
   "aliases": {
-    "components": "@/components",
-    "utils": "@ark-market/ui/lib/utils"
+    "components": "@ark-market/ui/components",
+    "utils": "@ark-market/ui/lib/utils",
+    "ui": "@ark-market/ui/components"
   }
 }
diff --git a/packages/ui/package.json b/packages/ui/package.json
index e7980d2..026bcfb 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -7,11 +7,11 @@
     "./globals.css": "./src/globals.css",
     "./postcss.config": "./postcss.config.js",
     "./lib/*": "./src/lib/*.ts",
-    "./components/*": "./src/components/ui/*.tsx"
+    "./components/*": "./src/components/*.tsx"
   },
   "license": "MIT",
   "scripts": {
-    "add": "pnpm dlx shadcn-ui add",
+    "add": "pnpm dlx shadcn-ui add -p src/components",
     "clean": "rm -rf .turbo node_modules",
     "format": "prettier --check . --ignore-path ../../.gitignore",
     "lint": "eslint .",
@@ -34,6 +34,7 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "cmdk": "^1.0.0",
+    "embla-carousel-react": "^8.0.2",
     "ethers": "^6.11.1",
     "next-themes": "^0.2.1",
     "react-hook-form": "^7.51.1",
diff --git a/packages/ui/src/components/ui/accordion.tsx b/packages/ui/src/components/accordion.tsx
similarity index 100%
rename from packages/ui/src/components/ui/accordion.tsx
rename to packages/ui/src/components/accordion.tsx
diff --git a/packages/ui/src/components/ui/avatar.tsx b/packages/ui/src/components/avatar.tsx
similarity index 100%
rename from packages/ui/src/components/ui/avatar.tsx
rename to packages/ui/src/components/avatar.tsx
diff --git a/packages/ui/src/components/ui/badge.tsx b/packages/ui/src/components/badge.tsx
similarity index 100%
rename from packages/ui/src/components/ui/badge.tsx
rename to packages/ui/src/components/badge.tsx
diff --git a/packages/ui/src/components/ui/button.tsx b/packages/ui/src/components/button.tsx
similarity index 72%
rename from packages/ui/src/components/ui/button.tsx
rename to packages/ui/src/components/button.tsx
index 22eace6..f87dd1d 100644
--- a/packages/ui/src/components/ui/button.tsx
+++ b/packages/ui/src/components/button.tsx
@@ -1,16 +1,15 @@
-import type { VariantProps } from "class-variance-authority";
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "@ark-market/ui/lib/utils";
+import { cn } from "@ark-market/ui/lib/utils"
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {
-        primary:
+        default:
           "bg-primary text-primary-foreground shadow hover:bg-primary/90",
         destructive:
           "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
@@ -22,37 +21,37 @@ const buttonVariants = cva(
         link: "text-primary underline-offset-4 hover:underline",
       },
       size: {
+        default: "h-9 px-4 py-2",
         sm: "h-8 rounded-md px-3 text-xs",
-        md: "h-9 px-4 py-2",
         lg: "h-10 rounded-md px-8",
-        icon: "size-9",
+        icon: "h-9 w-9",
       },
     },
     defaultVariants: {
-      variant: "primary",
-      size: "md",
+      variant: "default",
+      size: "default",
     },
-  },
-);
+  }
+)
 
-interface ButtonProps
+export interface ButtonProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
     VariantProps<typeof buttonVariants> {
-  asChild?: boolean;
+  asChild?: boolean
 }
 
 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
+    const Comp = asChild ? Slot : "button"
     return (
       <Comp
         className={cn(buttonVariants({ variant, size, className }))}
         ref={ref}
         {...props}
       />
-    );
-  },
-);
-Button.displayName = "Button";
+    )
+  }
+)
+Button.displayName = "Button"
 
-export { Button, buttonVariants };
+export { Button, buttonVariants }
diff --git a/packages/ui/src/components/ui/card.tsx b/packages/ui/src/components/card.tsx
similarity index 100%
rename from packages/ui/src/components/ui/card.tsx
rename to packages/ui/src/components/card.tsx
diff --git a/packages/ui/src/components/carousel.tsx b/packages/ui/src/components/carousel.tsx
new file mode 100644
index 0000000..e5a04c1
--- /dev/null
+++ b/packages/ui/src/components/carousel.tsx
@@ -0,0 +1,262 @@
+"use client"
+
+import * as React from "react"
+import { ArrowLeftIcon, ArrowRightIcon } from "@radix-ui/react-icons"
+import useEmblaCarousel, {
+  type UseEmblaCarouselType,
+} from "embla-carousel-react"
+
+import { cn } from "@ark-market/ui/lib/utils"
+import { Button } from "@ark-market/ui/components/button"
+
+type CarouselApi = UseEmblaCarouselType[1]
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
+type CarouselOptions = UseCarouselParameters[0]
+type CarouselPlugin = UseCarouselParameters[1]
+
+type CarouselProps = {
+  opts?: CarouselOptions
+  plugins?: CarouselPlugin
+  orientation?: "horizontal" | "vertical"
+  setApi?: (api: CarouselApi) => void
+}
+
+type CarouselContextProps = {
+  carouselRef: ReturnType<typeof useEmblaCarousel>[0]
+  api: ReturnType<typeof useEmblaCarousel>[1]
+  scrollPrev: () => void
+  scrollNext: () => void
+  canScrollPrev: boolean
+  canScrollNext: boolean
+} & CarouselProps
+
+const CarouselContext = React.createContext<CarouselContextProps | null>(null)
+
+function useCarousel() {
+  const context = React.useContext(CarouselContext)
+
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />")
+  }
+
+  return context
+}
+
+const Carousel = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement> & CarouselProps
+>(
+  (
+    {
+      orientation = "horizontal",
+      opts,
+      setApi,
+      plugins,
+      className,
+      children,
+      ...props
+    },
+    ref
+  ) => {
+    const [carouselRef, api] = useEmblaCarousel(
+      {
+        ...opts,
+        axis: orientation === "horizontal" ? "x" : "y",
+      },
+      plugins
+    )
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false)
+    const [canScrollNext, setCanScrollNext] = React.useState(false)
+
+    const onSelect = React.useCallback((api: CarouselApi) => {
+      if (!api) {
+        return
+      }
+
+      setCanScrollPrev(api.canScrollPrev())
+      setCanScrollNext(api.canScrollNext())
+    }, [])
+
+    const scrollPrev = React.useCallback(() => {
+      api?.scrollPrev()
+    }, [api])
+
+    const scrollNext = React.useCallback(() => {
+      api?.scrollNext()
+    }, [api])
+
+    const handleKeyDown = React.useCallback(
+      (event: React.KeyboardEvent<HTMLDivElement>) => {
+        if (event.key === "ArrowLeft") {
+          event.preventDefault()
+          scrollPrev()
+        } else if (event.key === "ArrowRight") {
+          event.preventDefault()
+          scrollNext()
+        }
+      },
+      [scrollPrev, scrollNext]
+    )
+
+    React.useEffect(() => {
+      if (!api || !setApi) {
+        return
+      }
+
+      setApi(api)
+    }, [api, setApi])
+
+    React.useEffect(() => {
+      if (!api) {
+        return
+      }
+
+      onSelect(api)
+      api.on("reInit", onSelect)
+      api.on("select", onSelect)
+
+      return () => {
+        api?.off("select", onSelect)
+      }
+    }, [api, onSelect])
+
+    return (
+      <CarouselContext.Provider
+        value={{
+          carouselRef,
+          api: api,
+          opts,
+          orientation:
+            orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+          scrollPrev,
+          scrollNext,
+          canScrollPrev,
+          canScrollNext,
+        }}
+      >
+        <div
+          ref={ref}
+          onKeyDownCapture={handleKeyDown}
+          className={cn("relative", className)}
+          role="region"
+          aria-roledescription="carousel"
+          {...props}
+        >
+          {children}
+        </div>
+      </CarouselContext.Provider>
+    )
+  }
+)
+Carousel.displayName = "Carousel"
+
+const CarouselContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const { carouselRef, orientation } = useCarousel()
+
+  return (
+    <div ref={carouselRef} className="overflow-hidden">
+      <div
+        ref={ref}
+        className={cn(
+          "flex",
+          orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+          className
+        )}
+        {...props}
+      />
+    </div>
+  )
+})
+CarouselContent.displayName = "CarouselContent"
+
+const CarouselItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const { orientation } = useCarousel()
+
+  return (
+    <div
+      ref={ref}
+      role="group"
+      aria-roledescription="slide"
+      className={cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+CarouselItem.displayName = "CarouselItem"
+
+const CarouselPrevious = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<typeof Button>
+>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel()
+
+  return (
+    <Button
+      ref={ref}
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute  h-8 w-8 rounded-full",
+        orientation === "horizontal"
+          ? "-left-12 top-1/2 -translate-y-1/2"
+          : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollPrev}
+      onClick={scrollPrev}
+      {...props}
+    >
+      <ArrowLeftIcon className="h-4 w-4" />
+      <span className="sr-only">Previous slide</span>
+    </Button>
+  )
+})
+CarouselPrevious.displayName = "CarouselPrevious"
+
+const CarouselNext = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<typeof Button>
+>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+  const { orientation, scrollNext, canScrollNext } = useCarousel()
+
+  return (
+    <Button
+      ref={ref}
+      variant={variant}
+      size={size}
+      className={cn(
+        "absolute h-8 w-8 rounded-full",
+        orientation === "horizontal"
+          ? "-right-12 top-1/2 -translate-y-1/2"
+          : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      )}
+      disabled={!canScrollNext}
+      onClick={scrollNext}
+      {...props}
+    >
+      <ArrowRightIcon className="h-4 w-4" />
+      <span className="sr-only">Next slide</span>
+    </Button>
+  )
+})
+CarouselNext.displayName = "CarouselNext"
+
+export {
+  type CarouselApi,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext,
+}
diff --git a/packages/ui/src/components/ui/command.tsx b/packages/ui/src/components/command.tsx
similarity index 100%
rename from packages/ui/src/components/ui/command.tsx
rename to packages/ui/src/components/command.tsx
diff --git a/packages/ui/src/components/ui/dialog.tsx b/packages/ui/src/components/dialog.tsx
similarity index 100%
rename from packages/ui/src/components/ui/dialog.tsx
rename to packages/ui/src/components/dialog.tsx
diff --git a/packages/ui/src/components/ui/dropdown-menu.tsx b/packages/ui/src/components/dropdown-menu.tsx
similarity index 100%
rename from packages/ui/src/components/ui/dropdown-menu.tsx
rename to packages/ui/src/components/dropdown-menu.tsx
diff --git a/packages/ui/src/components/ui/form.tsx b/packages/ui/src/components/form.tsx
similarity index 100%
rename from packages/ui/src/components/ui/form.tsx
rename to packages/ui/src/components/form.tsx
diff --git a/packages/ui/src/components/ui/input.tsx b/packages/ui/src/components/input.tsx
similarity index 100%
rename from packages/ui/src/components/ui/input.tsx
rename to packages/ui/src/components/input.tsx
diff --git a/packages/ui/src/components/ui/label.tsx b/packages/ui/src/components/label.tsx
similarity index 100%
rename from packages/ui/src/components/ui/label.tsx
rename to packages/ui/src/components/label.tsx
diff --git a/packages/ui/src/components/ui/popover.tsx b/packages/ui/src/components/popover.tsx
similarity index 100%
rename from packages/ui/src/components/ui/popover.tsx
rename to packages/ui/src/components/popover.tsx
diff --git a/packages/ui/src/components/ui/scroll-area.tsx b/packages/ui/src/components/scroll-area.tsx
similarity index 100%
rename from packages/ui/src/components/ui/scroll-area.tsx
rename to packages/ui/src/components/scroll-area.tsx
diff --git a/packages/ui/src/components/ui/select.tsx b/packages/ui/src/components/select.tsx
similarity index 100%
rename from packages/ui/src/components/ui/select.tsx
rename to packages/ui/src/components/select.tsx
diff --git a/packages/ui/src/components/ui/separator.tsx b/packages/ui/src/components/separator.tsx
similarity index 100%
rename from packages/ui/src/components/ui/separator.tsx
rename to packages/ui/src/components/separator.tsx
diff --git a/packages/ui/src/components/ui/table.tsx b/packages/ui/src/components/table.tsx
similarity index 100%
rename from packages/ui/src/components/ui/table.tsx
rename to packages/ui/src/components/table.tsx
diff --git a/packages/ui/src/components/ui/theme.tsx b/packages/ui/src/components/theme.tsx
similarity index 100%
rename from packages/ui/src/components/ui/theme.tsx
rename to packages/ui/src/components/theme.tsx
diff --git a/packages/ui/src/components/ui/toast.tsx b/packages/ui/src/components/toast.tsx
similarity index 100%
rename from packages/ui/src/components/ui/toast.tsx
rename to packages/ui/src/components/toast.tsx
diff --git a/packages/ui/src/components/ui/tooltip.tsx b/packages/ui/src/components/tooltip.tsx
similarity index 100%
rename from packages/ui/src/components/ui/tooltip.tsx
rename to packages/ui/src/components/tooltip.tsx
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8d912d2..161998f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -180,6 +180,9 @@ importers:
       cmdk:
         specifier: ^1.0.0
         version: 1.0.0(@types/react@18.2.79)(react-dom@18.2.0)(react@18.2.0)
+      embla-carousel-react:
+        specifier: ^8.0.2
+        version: 8.0.2(react@18.2.0)
       ethers:
         specifier: ^6.11.1
         version: 6.11.1
@@ -3025,6 +3028,28 @@ packages:
     resolution: {integrity: sha512-lwKft2CLFztD+vEIpesrOtCrko/TFnEJlHFdRhazU7Y/jx5qc4cqsocfVrBg4So4gGe9lvxnbLIoev47WMpg+A==}
     dev: false
 
+  /embla-carousel-react@8.0.2(react@18.2.0):
+    resolution: {integrity: sha512-RHe1GKLulOW8EDN+cJgbFbVVfRXcaLT2/89dyVw3ONGgVpZjD19wB87I1LUZ1aCzOSrTccx0PFSQanK4OOfGPA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.1 || ^18.0.0
+    dependencies:
+      embla-carousel: 8.0.2
+      embla-carousel-reactive-utils: 8.0.2(embla-carousel@8.0.2)
+      react: 18.2.0
+    dev: false
+
+  /embla-carousel-reactive-utils@8.0.2(embla-carousel@8.0.2):
+    resolution: {integrity: sha512-nLZqDkQdO0hvOP49/dUwjkkepMnUXgIzhyRuDjwGqswpB4Ibnc5M+w7rSQQAM+uMj0cPaXnYOTlv8XD7I/zVNw==}
+    peerDependencies:
+      embla-carousel: 8.0.2
+    dependencies:
+      embla-carousel: 8.0.2
+    dev: false
+
+  /embla-carousel@8.0.2:
+    resolution: {integrity: sha512-bogsDO8xosuh/l3PxIvA5AMl3+BnRVAse9sDW/60amzj4MbGS5re4WH5eVEXiuH8G1/3G7QUAX2QNr3Yx8z5rA==}
+    dev: false
+
   /emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
diff --git a/tooling/tailwind/base.ts b/tooling/tailwind/base.ts
index 15fd759..00bcad0 100644
--- a/tooling/tailwind/base.ts
+++ b/tooling/tailwind/base.ts
@@ -2,7 +2,7 @@ import type { Config } from "tailwindcss";
 
 export default {
   darkMode: ["class"],
-  content: ["src/**/*.{ts,tsx}"],
+  content: ["**/*.{ts,tsx}"],
   theme: {
     extend: {
       colors: {