Improvements to the UI
This commit is contained in:
22
app/page.tsx
22
app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user