From dd279a1434f2bf4f6659b87ff365ce7a84fd8a5f Mon Sep 17 00:00:00 2001
From: Gabriel Kaszewski <gabrielkaszewski@gmail.com>
Date: Sun, 7 Sep 2025 17:36:32 +0200
Subject: [PATCH] feat: add popular tags section to FeedPage and update
 LandingPage text

---
 thoughts-frontend/app/page.tsx            | 9 +++++++--
 thoughts-frontend/components/main-nav.tsx | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/thoughts-frontend/app/page.tsx b/thoughts-frontend/app/page.tsx
index c773679..48be557 100644
--- a/thoughts-frontend/app/page.tsx
+++ b/thoughts-frontend/app/page.tsx
@@ -63,6 +63,11 @@ async function FeedPage({ token }: { token: string }) {
             <h1 className="text-3xl font-bold text-shadow-sm">Your Feed</h1>
           </header>
           <PostThoughtForm />
+
+          <div className="block lg:hidden space-y-6">
+            <PopularTags />
+          </div>
+
           <div className="space-y-6">
             {thoughtThreads.map((thought) => (
               <ThoughtThread
@@ -97,7 +102,7 @@ async function FeedPage({ token }: { token: string }) {
 function LandingPage() {
   return (
     <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
           className="text-5xl font-bold"
           style={{ textShadow: "2px 2px 4px rgba(0,0,0,0.1)" }}
@@ -105,7 +110,7 @@ function LandingPage() {
           Welcome to Thoughts
         </h1>
         <p className="text-muted-foreground mt-2">
-          Your space on the decentralized web.
+          Throwback to the golden age of microblogging.
         </p>
         <div className="mt-8 flex justify-center gap-4">
           <Button asChild>
diff --git a/thoughts-frontend/components/main-nav.tsx b/thoughts-frontend/components/main-nav.tsx
index 22bbbf7..e950325 100644
--- a/thoughts-frontend/components/main-nav.tsx
+++ b/thoughts-frontend/components/main-nav.tsx
@@ -8,7 +8,7 @@ import { SearchInput } from "./search-input";
 export function MainNav() {
   const pathname = usePathname();
   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
         href="/"
         className={cn(