-
- 
-
-
- 
-
+
+
+
-
Vite + React
-
-
-
- Edit src/App.tsx and save to test HMR
-
-
-
- Click on the Vite and React logos to learn more
-
- )
-}
-
-export default App
+ );
+};
diff --git a/src/assets/react.svg b/src/assets/react.svg
deleted file mode 100644
index 6c87de9..0000000
--- a/src/assets/react.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index 08a3ac9..0000000
--- a/src/index.css
+++ /dev/null
@@ -1,68 +0,0 @@
-:root {
- font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
- line-height: 1.5;
- font-weight: 400;
-
- color-scheme: light dark;
- color: rgba(255, 255, 255, 0.87);
- background-color: #242424;
-
- font-synthesis: none;
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-a {
- font-weight: 500;
- color: #646cff;
- text-decoration: inherit;
-}
-a:hover {
- color: #535bf2;
-}
-
-body {
- margin: 0;
- display: flex;
- place-items: center;
- min-width: 320px;
- min-height: 100vh;
-}
-
-h1 {
- font-size: 3.2em;
- line-height: 1.1;
-}
-
-button {
- border-radius: 8px;
- border: 1px solid transparent;
- padding: 0.6em 1.2em;
- font-size: 1em;
- font-weight: 500;
- font-family: inherit;
- background-color: #1a1a1a;
- cursor: pointer;
- transition: border-color 0.25s;
-}
-button:hover {
- border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
- outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
- :root {
- color: #213547;
- background-color: #ffffff;
- }
- a:hover {
- color: #747bff;
- }
- button {
- background-color: #f9f9f9;
- }
-}
diff --git a/src/main.tsx b/src/main.tsx
index bef5202..f429b82 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,10 +1,37 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { RainbowKitProvider, darkTheme } from "@rainbow-me/rainbowkit";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { WagmiProvider } from "wagmi";
+import { porto } from "wagmi/connectors";
+import { createConfig, http } from "wagmi";
+import { mainnet, base } from "wagmi/chains";
-createRoot(document.getElementById('root')!).render(
+import "./styles/reset.css";
+import "./styles/global.css";
+import "@rainbow-me/rainbowkit/styles.css";
+
+import { App } from "./App.tsx";
+
+const queryClient = new QueryClient();
+
+const config = createConfig({
+ chains: [mainnet, base],
+ connectors: [porto()],
+ transports: {
+ [mainnet.id]: http(),
+ [base.id]: http(),
+ },
+});
+
+createRoot(document.getElementById("root")!).render(
-
- ,
-)
+
+
+
+
+
+
+
+
+);
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..cd4225e
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,17 @@
+@font-face {
+ font-family: "Inter-Regular";
+ src: url("/Inter-Regular.woff2") format("woff2");
+ font-weight: normal;
+ font-style: normal;
+ font-display: swap;
+}
+
+html,
+body,
+#root {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ font-family: "Inter-Regular", sans-serif;
+ background-color: #13151b;
+}
diff --git a/src/styles/reset.css b/src/styles/reset.css
new file mode 100644
index 0000000..b74f55e
--- /dev/null
+++ b/src/styles/reset.css
@@ -0,0 +1,252 @@
+/*
+ 1. Prevent padding and border from affecting element width.
+ 2. Remove default margins and padding.
+ 3. Reset all borders.
+*/
+*,
+::after,
+::before,
+::backdrop,
+::file-selector-button {
+ box-sizing: border-box; /* 1 */
+ margin: 0; /* 2 */
+ padding: 0; /* 2 */
+ border: 0 solid; /* 3 */
+}
+
+/*
+ 1. Sensible line-height.
+ 2. Prevent font size adjust on orientation change.
+ 3. Consistent tab size.
+ 4. Use a system sans font stack.
+ 5. Disable iOS tap highlight.
+*/
+html,
+:host {
+ line-height: 1.5; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ tab-size: 4; /* 3 */
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+ -webkit-tap-highlight-color: transparent; /* 5 */
+}
+
+/* baseline font rendering */
+body {
+ -webkit-font-smoothing: antialiased;
+ text-rendering: optimizeLegibility;
+}
+
+/* hr baseline style */
+hr {
+ height: 0;
+ color: inherit;
+ border-top-width: 1px;
+}
+
+/* abbr dotted underline for [title] */
+abbr:where([title]) {
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+}
+
+/* Remove heading defaults */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+/* Neutral link styles */
+a {
+ color: inherit;
+ -webkit-text-decoration: inherit;
+ text-decoration: inherit;
+}
+
+/* Bold styles */
+b,
+strong {
+ font-weight: bolder;
+}
+
+/* Monospace elements */
+code,
+kbd,
+samp,
+pre {
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+ "Liberation Mono", "Courier New", monospace;
+ font-size: 1em;
+}
+
+/* Small text */
+small {
+ font-size: 80%;
+}
+
+/* Sub/sup alignment */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+sub {
+ bottom: -0.25em;
+}
+sup {
+ top: -0.5em;
+}
+
+/* Table baseline reset */
+table {
+ text-indent: 0;
+ border-color: inherit;
+ border-collapse: collapse;
+}
+
+/* Firefox focus style */
+:-moz-focusring {
+ outline: auto;
+}
+
+/* Progress baseline alignment */
+progress {
+ vertical-align: baseline;
+}
+
+/* Summary list style */
+summary {
+ display: list-item;
+}
+
+/* List reset */
+ol,
+ul,
+menu {
+ list-style: none;
+}
+
+/* Replaced elements block display */
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block;
+}
+
+/* Media responsive sizing */
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+/* Form elements inherit font and style */
+button,
+input,
+select,
+optgroup,
+textarea,
+::file-selector-button {
+ font: inherit;
+ color: inherit;
+ letter-spacing: inherit;
+ border-radius: 0;
+ background-color: transparent;
+ opacity: 1;
+}
+
+/* Optgroup font weight for multi/select */
+:where(select:is([multiple], [size])) optgroup {
+ font-weight: bolder;
+}
+
+/* Indent options under optgroup */
+:where(select:is([multiple], [size])) optgroup option {
+ padding-inline-start: 20px;
+}
+
+/* File selector button spacing */
+::file-selector-button {
+ margin-inline-end: 4px;
+}
+
+/* Placeholder opacity reset */
+::placeholder {
+ opacity: 1;
+}
+
+/* Modern placeholder color in supported browsers */
+@supports (not (-webkit-appearance: -apple-pay-button)) or
+ (contain-intrinsic-size: 1px) {
+ ::placeholder {
+ color: color-mix(in oklab, currentcolor 50%, transparent);
+ }
+}
+
+/* Textarea resize control */
+textarea {
+ resize: vertical;
+}
+
+/* Remove macOS search padding */
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/* iOS Safari date/time consistency */
+::-webkit-date-and-time-value {
+ min-height: 1lh;
+ text-align: inherit;
+}
+::-webkit-datetime-edit {
+ display: inline-flex;
+}
+::-webkit-datetime-edit-fields-wrapper {
+ padding: 0;
+}
+::-webkit-datetime-edit,
+::-webkit-datetime-edit-year-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-minute-field,
+::-webkit-datetime-edit-second-field,
+::-webkit-datetime-edit-millisecond-field,
+::-webkit-datetime-edit-meridiem-field {
+ padding-block: 0;
+}
+
+/* Remove Firefox invalid shadow */
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/* Button style normalization in iOS Safari */
+button,
+input:where([type="button"], [type="reset"], [type="submit"]),
+::file-selector-button {
+ appearance: button;
+}
+
+/* Safari spin button fix */
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/* Hidden attribute respect */
+[hidden]:where(:not([hidden="until-found"])) {
+ display: none !important;
+}
diff --git a/vite.config.ts b/vite.config.ts
index 2328e17..1f378e7 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
// https://vite.dev/config/
export default defineConfig({
plugins: [react()],
-})
+});