Improvements to the UI

This commit is contained in:
pricewowen
2026-05-24 08:49:37 -06:00
parent d35b4e57d9
commit ec1bfa3fbe
60 changed files with 669 additions and 391 deletions

View File

@@ -2,7 +2,6 @@ import { Suspense } from "react";
import { LandingPetPreview } from "@/components/landing/landing-pet-preview";
import { LandingHeroActions } from "@/components/layout/landing-hero-actions";
import { SiteFooter, SiteHeader } from "@/components/layout/site-header";
import {
Card,
CardContent,
@@ -13,22 +12,17 @@ import {
export default function Home() {
return (
<main className="flex min-h-svh flex-col">
<SiteHeader />
<main className="flex flex-1 flex-col pb-nav">
<div className="mx-auto flex w-full max-w-5xl flex-1 flex-col gap-12 px-5 py-12">
<section className="grid gap-10 lg:grid-cols-[1.1fr_0.9fr] lg:items-center">
<div className="space-y-6">
<p className="text-sm uppercase tracking-[0.25em] text-muted-foreground">
Calgary Hackathon MVP
</p>
<h1 className="text-4xl font-semibold tracking-tight sm:text-5xl">
Build habits. Care for your pixel pet.
Build habits. Grow your digital self.
</h1>
<p className="max-w-xl text-base text-muted-foreground sm:text-lg">
HaBit turns daily check-ins, wellness sliders, and journaling
into a simple game. Keep streaks alive, take your once-per-day
quiz, and watch your pet change with you.
HaBit turns daily check-ins, wellness sliders, and journaling into
a simple game. Keep streaks alive, take your once-per-day quiz,
and watch your bit change with you.
</p>
<Suspense fallback={null}>
<LandingHeroActions />
@@ -59,8 +53,8 @@ export default function Home() {
description: "Sliders and a daily reflection box.",
},
{
title: "Pet that responds",
description: "Avatar mood changes from your input.",
title: "A bit that responds",
description: "Your digital self reflects your daily input.",
},
].map((feature) => (
<Card key={feature.title}>
@@ -72,8 +66,6 @@ export default function Home() {
))}
</section>
</div>
<SiteFooter />
</main>
);
}