an app to share curated trails
sidetrail.app
atproto
nextjs
react
rsc
1import Link from "next/link";
2import { HomeTabs } from "./HomeTabs";
3import { NewTrailButton } from "./NewTrailButton";
4import { UserMenu } from "./UserMenu";
5import "./HomeShell.css";
6
7export function HomeShell({ children }: { children: React.ReactNode }) {
8 return (
9 <div className="HomeShell">
10 <div className="HomeShell-header">
11 <div className="HomeShell-titleRow">
12 <h1 className="HomeShell-title">
13 <Link href="/">sidetrail</Link>
14 </h1>
15 <div className="HomeShell-actions">
16 <NewTrailButton />
17 <UserMenu />
18 </div>
19 </div>
20 <p className="HomeShell-subtitle">trails worth walking</p>
21 </div>
22 <div className="HomeShell-content">
23 <HomeTabs />
24 {children}
25 </div>
26 </div>
27 );
28}