github-mirrors/netris-nestri
1
0
Fork 0
mirror of https://github.com/nestriness/nestri.git synced 2025-12-12 16:55:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat: Game card

Browse Source
This commit is contained in:
Wanjohi
2024-09-01 00:34:50 +03:00
parent 1f9d3be2a6
commit 8b42688bd4
7 changed files with 174 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
apps/www/src/routes/home/index.tsx
View File

@@ -1,10 +1,63 @@
import { component$ } from "@builder.io/qwik";
import { HomeNavBar } from "@nestri/ui";
import { GameCard, HomeNavBar, Card } from "@nestri/ui";
function getGreeting(): string {
const hour = new Date().getHours();
if (hour < 12) return "Good Morning";
if (hour < 18) return "Good Afternoon";
return "Good Evening";
}
export default component$(() => {
return (
<>
<HomeNavBar />
<section class="flex flex-col gap-4 justify-center pt-20 items-center w-full text-left pb-4">
<div class="flex flex-col gap-4 mx-auto max-w-xl w-full">
<h1 class="text-5xl font-bold font-title">{getGreeting()}, Wanjohi</h1>
<p class="dark:text-gray-50/70 text-gray-950/70 text-xl">What will you play today?</p>
</div>
</section>
<section class="flex flex-col gap-4 justify-center pt-10 items-center w-full text-left pb-4">
<div class="flex gap-4 mx-auto max-w-xl w-full">
{/* <GameCard
game={{
release_date: 1478710740000,
compatibility: 'playable',
name: 'World of Tanks Blitz',
appid: '444200',
teams: 10
}}
/><GameCard
game={{
release_date: 1478710740000,
compatibility: 'playable',
name: 'World of Tanks Blitz',
appid: '444200',
teams: 10
}}
/> */}
</div>
<div class="gap-4 mx-auto max-w-xl w-full grid grid-cols-1 md:grid-cols-2">
<Card
game={{
// release_date: 1478710740000,
// compatibility: 'playable',
name: 'The Lord of the Rings: Return to Moria™',
id: 2933130,
// teams: 10
}}
/><Card
game={{
// release_date: 1478710740000,
// compatibility: 'playable',
name: 'Control Ultimate Edition',
id: 870780,
// teams: 10
}}
/>
</div>
</section>
</>
)
})