From cd7f6e04d9603945d51c6ec26ae06ed2b4b71f17 Mon Sep 17 00:00:00 2001
From: Nicolas Cantu <nicolas.cantu@pm.me>
Date: Sat, 27 Dec 2025 22:57:55 +0100
Subject: [PATCH] Move intro section and funding gauge to bottom of page

- Remove intro text and funding gauge from top of page
- Add HomeIntroSection component at bottom of page content
- Keep CategoryTabs and SearchBar at top for better UX
- All TypeScript checks pass
---
 components/HomeView.tsx | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/components/HomeView.tsx b/components/HomeView.tsx
index c507b1e..012e2bf 100644
--- a/components/HomeView.tsx
+++ b/components/HomeView.tsx
@@ -7,6 +7,7 @@ import { ArticlesList } from '@/components/ArticlesList'
 import { PageHeader } from '@/components/PageHeader'
 import { Footer } from '@/components/Footer'
 import { FundingGauge } from '@/components/FundingGauge'
+import { t } from '@/lib/i18n'
 import type { Dispatch, SetStateAction } from 'react'
 
 interface HomeViewProps {
@@ -46,7 +47,18 @@ function ArticlesHero({
 }: Pick<HomeViewProps, 'searchQuery' | 'setSearchQuery' | 'selectedCategory' | 'setSelectedCategory'>) {
   return (
     <div className="mb-8">
-      <div className="mb-4 text-cyber-accent leading-relaxed bg-cyber-dark/50 border border-neon-cyan/20 rounded-lg p-4 backdrop-blur-sm">
+      <CategoryTabs selectedCategory={selectedCategory} onCategoryChange={setSelectedCategory} />
+      <div className="mb-4">
+        <SearchBar value={searchQuery} onChange={setSearchQuery} />
+      </div>
+    </div>
+  )
+}
+
+function HomeIntroSection() {
+  return (
+    <div className="mt-12 mb-8">
+      <div className="mb-6 text-cyber-accent leading-relaxed bg-cyber-dark/50 border border-neon-cyan/20 rounded-lg p-4 backdrop-blur-sm">
         <p className="mb-2">
           Consultez les auteurs et aperçus, achetez les parutions au fil de l'eau par <strong className="text-neon-green">800 sats</strong> (moins 100 sats et frais de transaction).
         </p>
@@ -61,10 +73,6 @@ function ArticlesHero({
         </p>
       </div>
       <FundingGauge />
-      <CategoryTabs selectedCategory={selectedCategory} onCategoryChange={setSelectedCategory} />
-      <div className="mb-4">
-        <SearchBar value={searchQuery} onChange={setSearchQuery} />
-      </div>
     </div>
   )
 }
@@ -100,6 +108,8 @@ function HomeContent({
       )}
 
       <ArticlesList {...articlesListProps} />
+      
+      <HomeIntroSection />
     </div>
   )
 }