diff --git a/app/pages/home.tsx b/app/pages/home.tsx new file mode 100644 index 0000000..58e5bc9 --- /dev/null +++ b/app/pages/home.tsx @@ -0,0 +1,97 @@ +import { Header } from "~/components/header"; +import { Typography } from "@heroui/react"; +import { Surface } from "@heroui/react"; +import background from "../images/background.jpg"; +import skins from "../images/skins.jpg"; +import maps from "../images/maps.jpg"; +import gamemodes from "../images/gamemodes.webp"; + +export function HomePage() { + return ( +
+ Background +
+ + Knife in hand inpect +
+
+ + Inventory management, the way you like it. + + + Take complete control of your loadout with our + advanced inventory system. Equip your favorite + weapon skins, gloves, and knives to match your + unique style on the server. There are no + restrictions, allowing you to fully customize your + setup and play exactly how you want. + +
+
+ + Knife in hand inpect +
+
+ + Infinite maps, infinite possibilities. + + + Experience endless replayability through full Steam + Workshop integration. You have the freedom to add + custom maps directly to the server. Whether you want + to practice solo on a training map or load up unique + arenas to battle alongside your friends, the choices + are limitless. + +
+
+ + Knife in hand inpect +
+
+ + Different gamemodes, different ways to have fun. + + + Keep the gameplay fresh with a wide variety of + custom gamemodes designed for every playstyle. + Whether you are looking for intense competitive + matches, casual warm-ups, or entirely unique + rulesets, there are plenty of options available to + ensure every session remains exciting. + +
+
+
+
+
+ ); +} diff --git a/app/routes/home.tsx b/app/routes/home.tsx index 398e47c..f631196 100644 --- a/app/routes/home.tsx +++ b/app/routes/home.tsx @@ -1,13 +1,13 @@ import type { Route } from "./+types/home"; -import { Welcome } from "../welcome/welcome"; +import { HomePage } from "../pages/home"; export function meta({}: Route.MetaArgs) { return [ - { title: "New React Router App" }, - { name: "description", content: "Welcome to React Router!" }, + { title: "Porning CS2" }, + { name: "description", content: "Welcome to Porning's CS2 server!" }, ]; } export default function Home() { - return ; + return ; } diff --git a/app/welcome/logo-dark.svg b/app/welcome/logo-dark.svg deleted file mode 100644 index dd82028..0000000 --- a/app/welcome/logo-dark.svg +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - diff --git a/app/welcome/logo-light.svg b/app/welcome/logo-light.svg deleted file mode 100644 index 7328492..0000000 --- a/app/welcome/logo-light.svg +++ /dev/null @@ -1,23 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - diff --git a/app/welcome/welcome.tsx b/app/welcome/welcome.tsx deleted file mode 100644 index 8ac6e1d..0000000 --- a/app/welcome/welcome.tsx +++ /dev/null @@ -1,89 +0,0 @@ -import logoDark from "./logo-dark.svg"; -import logoLight from "./logo-light.svg"; - -export function Welcome() { - return ( -
-
-
-
- React Router - React Router -
-
-
- -
-
-
- ); -} - -const resources = [ - { - href: "https://reactrouter.com/docs", - text: "React Router Docs", - icon: ( - - - - ), - }, - { - href: "https://rmx.as/discord", - text: "Join Discord", - icon: ( - - - - ), - }, -];