From 25daf1844eba9352e11c60352507571c99ccac0d Mon Sep 17 00:00:00 2001
From: Benjamin Toby <benoti.san@gmail.com>
Date: Wed, 16 Oct 2024 15:20:34 +0100
Subject: [PATCH] First Commit

---
 .gitignore                                  |  40 ++++++++++++
 README.md                                   |  40 ++++++++++++
 bun.lockb                                   | Bin 0 -> 53805 bytes
 components/elements/ColorSchemeSelector.tsx |  19 ++++++
 components/elements/Toggle.tsx              |  47 ++++++++++++++
 components/form/Form.tsx                    |  17 +++++
 components/form/Input.tsx                   |  17 +++++
 components/layout/Button.tsx                |  65 ++++++++++++++++++++
 components/layout/Container.tsx             |  23 +++++++
 components/layout/Footer.tsx                |  21 +++++++
 components/layout/H1.tsx                    |  12 ++++
 components/layout/H2.tsx                    |  12 ++++
 components/layout/H3.tsx                    |  12 ++++
 components/layout/H4.tsx                    |  12 ++++
 components/layout/H5.tsx                    |  12 ++++
 components/layout/HR.tsx                    |  16 +++++
 components/layout/Header.tsx                |  25 ++++++++
 components/layout/Link.tsx                  |  21 +++++++
 components/layout/Main.tsx                  |  18 ++++++
 components/layout/P.tsx                     |  12 ++++
 components/layout/Row.tsx                   |  18 ++++++
 components/layout/Section.tsx               |  19 ++++++
 components/layout/Span.tsx                  |  12 ++++
 components/layout/Stack.tsx                 |  15 +++++
 next.config.mjs                             |   6 ++
 package.json                                |  28 +++++++++
 postcss.config.mjs                          |   8 +++
 styles/globals.css                          |  29 +++++++++
 tailwind.config.ts                          |  20 ++++++
 tsconfig.json                               |  21 +++++++
 30 files changed, 617 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 README.md
 create mode 100755 bun.lockb
 create mode 100644 components/elements/ColorSchemeSelector.tsx
 create mode 100644 components/elements/Toggle.tsx
 create mode 100644 components/form/Form.tsx
 create mode 100644 components/form/Input.tsx
 create mode 100644 components/layout/Button.tsx
 create mode 100644 components/layout/Container.tsx
 create mode 100644 components/layout/Footer.tsx
 create mode 100644 components/layout/H1.tsx
 create mode 100644 components/layout/H2.tsx
 create mode 100644 components/layout/H3.tsx
 create mode 100644 components/layout/H4.tsx
 create mode 100644 components/layout/H5.tsx
 create mode 100644 components/layout/HR.tsx
 create mode 100644 components/layout/Header.tsx
 create mode 100644 components/layout/Link.tsx
 create mode 100644 components/layout/Main.tsx
 create mode 100644 components/layout/P.tsx
 create mode 100644 components/layout/Row.tsx
 create mode 100644 components/layout/Section.tsx
 create mode 100644 components/layout/Span.tsx
 create mode 100644 components/layout/Stack.tsx
 create mode 100644 next.config.mjs
 create mode 100644 package.json
 create mode 100644 postcss.config.mjs
 create mode 100644 styles/globals.css
 create mode 100644 tailwind.config.ts
 create mode 100644 tsconfig.json

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..57eb077
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,40 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# Remove test
+/pages
+/public
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..a75ac52
--- /dev/null
+++ b/README.md
@@ -0,0 +1,40 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
+
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
+
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/bun.lockb b/bun.lockb
new file mode 100755
index 0000000000000000000000000000000000000000..056509461e4ad68752e9b6fee2775d6cbe5c3b42
GIT binary patch
literal 53805
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
G_xFD}xrtQ(

literal 0
HcmV?d00001

diff --git a/components/elements/ColorSchemeSelector.tsx b/components/elements/ColorSchemeSelector.tsx
new file mode 100644
index 0000000..61ea54c
--- /dev/null
+++ b/components/elements/ColorSchemeSelector.tsx
@@ -0,0 +1,19 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+import Toggle, { TWUI_TOGGLE_PROPS } from "./Toggle";
+
+export default function ColorSchemeSelector({
+    toggleProps,
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+    toggleProps?: TWUI_TOGGLE_PROPS;
+}) {
+    return (
+        <div
+            {...props}
+            className={twMerge("flex flex-row items-center", props.className)}
+        >
+            <Toggle {...toggleProps} />
+        </div>
+    );
+}
diff --git a/components/elements/Toggle.tsx b/components/elements/Toggle.tsx
new file mode 100644
index 0000000..76f993a
--- /dev/null
+++ b/components/elements/Toggle.tsx
@@ -0,0 +1,47 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export type TWUI_TOGGLE_PROPS = DetailedHTMLProps<
+    HTMLAttributes<HTMLDivElement>,
+    HTMLDivElement
+> & {
+    active?: boolean;
+    circleProps?: DetailedHTMLProps<
+        HTMLAttributes<HTMLDivElement>,
+        HTMLDivElement
+    >;
+};
+
+/**
+ * # Toggle Component
+ * @className_wrapper twui-toggle-wrapper
+ * @className_circle twui-toggle-circle
+ */
+export default function Toggle({
+    circleProps,
+    active,
+    ...props
+}: TWUI_TOGGLE_PROPS) {
+    return (
+        <div
+            {...props}
+            className={twMerge(
+                "flex flex-row items-center w-full max-w-[200px]",
+                "border border-slate-300 border-solid rounded-full",
+                active ? "" : "",
+                "twui-toggle-wrapper",
+                props.className
+            )}
+        >
+            <div
+                {...circleProps}
+                className={twMerge(
+                    "w-20 h-20 rounded-full",
+                    active ? "" : "",
+                    "twui-toggle-circle",
+                    circleProps?.className
+                )}
+            ></div>
+        </div>
+    );
+}
diff --git a/components/form/Form.tsx b/components/form/Form.tsx
new file mode 100644
index 0000000..489c14b
--- /dev/null
+++ b/components/form/Form.tsx
@@ -0,0 +1,17 @@
+import { DetailedHTMLProps, FormHTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function Form({
+    ...props
+}: DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>) {
+    return (
+        <form
+            {...props}
+            className={twMerge(
+                "flex flex-col items-start gap-4 w-full",
+                "twui-form",
+                props.className
+            )}
+        ></form>
+    );
+}
diff --git a/components/form/Input.tsx b/components/form/Input.tsx
new file mode 100644
index 0000000..516f99c
--- /dev/null
+++ b/components/form/Input.tsx
@@ -0,0 +1,17 @@
+import { DetailedHTMLProps, InputHTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function Input({
+    ...props
+}: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) {
+    return (
+        <input
+            {...props}
+            className={twMerge(
+                "w-full px-4 py-2 border border-slate-300 rounded",
+                "twui-input",
+                props.className
+            )}
+        />
+    );
+}
diff --git a/components/layout/Button.tsx b/components/layout/Button.tsx
new file mode 100644
index 0000000..23465ae
--- /dev/null
+++ b/components/layout/Button.tsx
@@ -0,0 +1,65 @@
+import {
+    AnchorHTMLAttributes,
+    ButtonHTMLAttributes,
+    DetailedHTMLProps,
+    HTMLAttributeAnchorTarget,
+    HTMLAttributes,
+} from "react";
+import { ClassNameValue, twMerge } from "tailwind-merge";
+
+export default function Button({
+    href,
+    target,
+    variant,
+    color,
+    linkProps,
+    ...props
+}: DetailedHTMLProps<
+    ButtonHTMLAttributes<HTMLButtonElement>,
+    HTMLButtonElement
+> & {
+    variant?: "normal" | "ghost" | "outlined";
+    color?: "primary" | "secondary" | "accent";
+    href?: string;
+    target?: HTMLAttributeAnchorTarget;
+    linkProps?: DetailedHTMLProps<
+        AnchorHTMLAttributes<HTMLAnchorElement>,
+        HTMLAnchorElement
+    >;
+}) {
+    const finalClassName: string = (() => {
+        if (variant == "normal" || !variant) {
+            if (color == "primary" || !color) return "bg-blue-500 text-white";
+        } else if (variant == "outlined") {
+            if (color == "primary" || !color)
+                return (
+                    "bg-transparent outline outline-1 outline-blue-500" +
+                    " text-blue-500"
+                );
+        } else if (variant == "ghost") {
+        }
+
+        return "";
+    })();
+
+    const buttonComponent = (
+        <button
+            {...props}
+            className={twMerge(
+                "bg-blue-600 text-white text-base font-medium px-4 py-2 rounded",
+                finalClassName,
+                props.className
+            )}
+        >
+            {props.children}
+        </button>
+    );
+
+    if (href)
+        return (
+            <a {...linkProps} href={href} target={target}>
+                {buttonComponent}
+            </a>
+        );
+    return buttonComponent;
+}
diff --git a/components/layout/Container.tsx b/components/layout/Container.tsx
new file mode 100644
index 0000000..98fb94b
--- /dev/null
+++ b/components/layout/Container.tsx
@@ -0,0 +1,23 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+/**
+ * # Default Container
+ * @className twui-container
+ */
+export default function Container({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) {
+    return (
+        <div
+            {...props}
+            className={twMerge(
+                "flex flex-row items-center w-full max-w-[1200px]",
+                "twui-container",
+                props.className
+            )}
+        >
+            {props.children}
+        </div>
+    );
+}
diff --git a/components/layout/Footer.tsx b/components/layout/Footer.tsx
new file mode 100644
index 0000000..9ded3db
--- /dev/null
+++ b/components/layout/Footer.tsx
@@ -0,0 +1,21 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function Footer({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>) {
+    return (
+        <header
+            {...props}
+            className={twMerge(
+                "flex flex-col items-center justify-center",
+                "px-4 sm:px-10 py-2",
+                "border-0 border-b border-slate-200 border-solid",
+                "twui-footer",
+                props.className
+            )}
+        >
+            {props.children}
+        </header>
+    );
+}
diff --git a/components/layout/H1.tsx b/components/layout/H1.tsx
new file mode 100644
index 0000000..76a01bd
--- /dev/null
+++ b/components/layout/H1.tsx
@@ -0,0 +1,12 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function H1({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) {
+    return (
+        <h1 {...props} className={twMerge("text-5xl mb-4", props.className)}>
+            {props.children}
+        </h1>
+    );
+}
diff --git a/components/layout/H2.tsx b/components/layout/H2.tsx
new file mode 100644
index 0000000..26d2414
--- /dev/null
+++ b/components/layout/H2.tsx
@@ -0,0 +1,12 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function H2({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) {
+    return (
+        <h2 {...props} className={twMerge("text-3xl mb-4", props.className)}>
+            {props.children}
+        </h2>
+    );
+}
diff --git a/components/layout/H3.tsx b/components/layout/H3.tsx
new file mode 100644
index 0000000..ab778e7
--- /dev/null
+++ b/components/layout/H3.tsx
@@ -0,0 +1,12 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function H3({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) {
+    return (
+        <h3 {...props} className={twMerge("text-xl mb-4", props.className)}>
+            {props.children}
+        </h3>
+    );
+}
diff --git a/components/layout/H4.tsx b/components/layout/H4.tsx
new file mode 100644
index 0000000..4783c7c
--- /dev/null
+++ b/components/layout/H4.tsx
@@ -0,0 +1,12 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function H4({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) {
+    return (
+        <h4 {...props} className={twMerge("text-base mb-4", props.className)}>
+            {props.children}
+        </h4>
+    );
+}
diff --git a/components/layout/H5.tsx b/components/layout/H5.tsx
new file mode 100644
index 0000000..3d6db10
--- /dev/null
+++ b/components/layout/H5.tsx
@@ -0,0 +1,12 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function H5({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) {
+    return (
+        <h5 {...props} className={twMerge("text-sm mb-4", props.className)}>
+            {props.children}
+        </h5>
+    );
+}
diff --git a/components/layout/HR.tsx b/components/layout/HR.tsx
new file mode 100644
index 0000000..47c59fb
--- /dev/null
+++ b/components/layout/HR.tsx
@@ -0,0 +1,16 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function HR({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLHRElement>, HTMLHRElement>) {
+    return (
+        <hr
+            {...props}
+            className={twMerge(
+                "bg-slate-400 w-full dark:bg-white/20 my-4",
+                props.className
+            )}
+        />
+    );
+}
diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx
new file mode 100644
index 0000000..a3bf9d0
--- /dev/null
+++ b/components/layout/Header.tsx
@@ -0,0 +1,25 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+/**
+ * # Default Header
+ * @className twui-header
+ */
+export default function Header({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>) {
+    return (
+        <header
+            {...props}
+            className={twMerge(
+                "flex flex-col items-center justify-center",
+                "px-4 sm:px-10 py-2",
+                "border-0 border-b border-slate-200 border-solid",
+                "twui-header",
+                props.className
+            )}
+        >
+            {props.children}
+        </header>
+    );
+}
diff --git a/components/layout/Link.tsx b/components/layout/Link.tsx
new file mode 100644
index 0000000..c99a35b
--- /dev/null
+++ b/components/layout/Link.tsx
@@ -0,0 +1,21 @@
+import { AnchorHTMLAttributes, DetailedHTMLProps } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function Link({
+    ...props
+}: DetailedHTMLProps<
+    AnchorHTMLAttributes<HTMLAnchorElement>,
+    HTMLAnchorElement
+>) {
+    return (
+        <a
+            {...props}
+            className={twMerge(
+                "text-base text-link-500 no-underline hover:text-link-500/50",
+                props.className
+            )}
+        >
+            {props.children}
+        </a>
+    );
+}
diff --git a/components/layout/Main.tsx b/components/layout/Main.tsx
new file mode 100644
index 0000000..7495c30
--- /dev/null
+++ b/components/layout/Main.tsx
@@ -0,0 +1,18 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function Main({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>) {
+    return (
+        <main
+            {...props}
+            className={twMerge(
+                "flex flex-col items-start w-full",
+                props.className
+            )}
+        >
+            {props.children}
+        </main>
+    );
+}
diff --git a/components/layout/P.tsx b/components/layout/P.tsx
new file mode 100644
index 0000000..6fefdc9
--- /dev/null
+++ b/components/layout/P.tsx
@@ -0,0 +1,12 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function P({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) {
+    return (
+        <p {...props} className={twMerge("text-base py-4", props.className)}>
+            {props.children}
+        </p>
+    );
+}
diff --git a/components/layout/Row.tsx b/components/layout/Row.tsx
new file mode 100644
index 0000000..88951ba
--- /dev/null
+++ b/components/layout/Row.tsx
@@ -0,0 +1,18 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function Row({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) {
+    return (
+        <div
+            {...props}
+            className={twMerge(
+                "flex flex-row items-center gap-2",
+                props.className
+            )}
+        >
+            {props.children}
+        </div>
+    );
+}
diff --git a/components/layout/Section.tsx b/components/layout/Section.tsx
new file mode 100644
index 0000000..6259c56
--- /dev/null
+++ b/components/layout/Section.tsx
@@ -0,0 +1,19 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function Section({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>) {
+    return (
+        <section
+            {...props}
+            className={twMerge(
+                "flex flex-col items-center w-full",
+                "px-4 sm:px-10 py-10",
+                props.className
+            )}
+        >
+            {props.children}
+        </section>
+    );
+}
diff --git a/components/layout/Span.tsx b/components/layout/Span.tsx
new file mode 100644
index 0000000..ae715e8
--- /dev/null
+++ b/components/layout/Span.tsx
@@ -0,0 +1,12 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function Span({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) {
+    return (
+        <span {...props} className={twMerge("text-base", props.className)}>
+            {props.children}
+        </span>
+    );
+}
diff --git a/components/layout/Stack.tsx b/components/layout/Stack.tsx
new file mode 100644
index 0000000..44832c9
--- /dev/null
+++ b/components/layout/Stack.tsx
@@ -0,0 +1,15 @@
+import { DetailedHTMLProps, HTMLAttributes } from "react";
+import { twMerge } from "tailwind-merge";
+
+export default function Stack({
+    ...props
+}: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>) {
+    return (
+        <div
+            {...props}
+            className={twMerge("flex flex-col items-start", props.className)}
+        >
+            {props.children}
+        </div>
+    );
+}
diff --git a/next.config.mjs b/next.config.mjs
new file mode 100644
index 0000000..d5456a1
--- /dev/null
+++ b/next.config.mjs
@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+};
+
+export default nextConfig;
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..4587cf7
--- /dev/null
+++ b/package.json
@@ -0,0 +1,28 @@
+{
+    "name": "tailwind-ui-library",
+    "version": "0.1.0",
+    "private": true,
+    "scripts": {
+        "dev": "next dev -p 3270",
+        "build": "next build",
+        "start": "next start",
+        "lint": "next lint"
+    },
+    "dependencies": {
+        "tailwind-merge": "^2.5.4",
+        "postcss": "^8",
+        "tailwindcss": "^3.4.14"
+    },
+    "devDependencies": {
+        "next": "14.2.15",
+        "react": "^18",
+        "react-dom": "^18",
+        "typescript": "^5",
+        "@types/node": "^20",
+        "@types/react": "^18",
+        "@types/react-dom": "^18"
+    },
+    "exports": {
+        ".": "./components"
+    }
+}
diff --git a/postcss.config.mjs b/postcss.config.mjs
new file mode 100644
index 0000000..1a69fd2
--- /dev/null
+++ b/postcss.config.mjs
@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+};
+
+export default config;
diff --git a/styles/globals.css b/styles/globals.css
new file mode 100644
index 0000000..97fde7c
--- /dev/null
+++ b/styles/globals.css
@@ -0,0 +1,29 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+    --background: #ffffff;
+    --foreground: #171717;
+    --color-link: #233599;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --background: #0a0a0a;
+        --foreground: #ededed;
+        --color-link: #233599;
+    }
+}
+
+body {
+    color: var(--foreground);
+    background: var(--background);
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+@layer utilities {
+    .text-balance {
+        text-wrap: balance;
+    }
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000..caafc4b
--- /dev/null
+++ b/tailwind.config.ts
@@ -0,0 +1,20 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+    content: [
+        "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+        "./components/**/*.{js,ts,jsx,tsx,mdx}",
+        "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    ],
+    theme: {
+        extend: {
+            colors: {
+                background: "var(--background)",
+                foreground: "var(--foreground)",
+                link: "var(--link)",
+            },
+        },
+    },
+    plugins: [],
+};
+export default config;
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..649790e
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}