feat: add popular tags section to FeedPage and update LandingPage text
This commit is contained in:
@@ -63,6 +63,11 @@ async function FeedPage({ token }: { token: string }) {
|
|||||||
<h1 className="text-3xl font-bold text-shadow-sm">Your Feed</h1>
|
<h1 className="text-3xl font-bold text-shadow-sm">Your Feed</h1>
|
||||||
</header>
|
</header>
|
||||||
<PostThoughtForm />
|
<PostThoughtForm />
|
||||||
|
|
||||||
|
<div className="block lg:hidden space-y-6">
|
||||||
|
<PopularTags />
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="space-y-6">
|
<div className="space-y-6">
|
||||||
{thoughtThreads.map((thought) => (
|
{thoughtThreads.map((thought) => (
|
||||||
<ThoughtThread
|
<ThoughtThread
|
||||||
@@ -97,7 +102,7 @@ async function FeedPage({ token }: { token: string }) {
|
|||||||
function LandingPage() {
|
function LandingPage() {
|
||||||
return (
|
return (
|
||||||
<div className="font-sans min-h-screen text-gray-800 flex items-center justify-center">
|
<div className="font-sans min-h-screen text-gray-800 flex items-center justify-center">
|
||||||
<div className="container mx-auto max-w-2xl p-4 sm:p-6 text-center">
|
<div className="container mx-auto max-w-2xl p-4 sm:p-6 text-center glass-effect glossy-effect bottom rounded-md shadow-fa-lg">
|
||||||
<h1
|
<h1
|
||||||
className="text-5xl font-bold"
|
className="text-5xl font-bold"
|
||||||
style={{ textShadow: "2px 2px 4px rgba(0,0,0,0.1)" }}
|
style={{ textShadow: "2px 2px 4px rgba(0,0,0,0.1)" }}
|
||||||
@@ -105,7 +110,7 @@ function LandingPage() {
|
|||||||
Welcome to Thoughts
|
Welcome to Thoughts
|
||||||
</h1>
|
</h1>
|
||||||
<p className="text-muted-foreground mt-2">
|
<p className="text-muted-foreground mt-2">
|
||||||
Your space on the decentralized web.
|
Throwback to the golden age of microblogging.
|
||||||
</p>
|
</p>
|
||||||
<div className="mt-8 flex justify-center gap-4">
|
<div className="mt-8 flex justify-center gap-4">
|
||||||
<Button asChild>
|
<Button asChild>
|
||||||
|
@@ -8,7 +8,7 @@ import { SearchInput } from "./search-input";
|
|||||||
export function MainNav() {
|
export function MainNav() {
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
return (
|
return (
|
||||||
<nav className="hidden md:flex items-center space-x-6 text-sm font-medium">
|
<nav className="inline-flex md:flex items-center space-x-6 text-sm font-medium">
|
||||||
<Link
|
<Link
|
||||||
href="/"
|
href="/"
|
||||||
className={cn(
|
className={cn(
|
||||||
|
Reference in New Issue
Block a user