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
This commit is contained in:
Nicolas Cantu 2025-12-27 22:57:55 +01:00
parent 58b35e2a67
commit cd7f6e04d9

View File

@ -7,6 +7,7 @@ import { ArticlesList } from '@/components/ArticlesList'
import { PageHeader } from '@/components/PageHeader' import { PageHeader } from '@/components/PageHeader'
import { Footer } from '@/components/Footer' import { Footer } from '@/components/Footer'
import { FundingGauge } from '@/components/FundingGauge' import { FundingGauge } from '@/components/FundingGauge'
import { t } from '@/lib/i18n'
import type { Dispatch, SetStateAction } from 'react' import type { Dispatch, SetStateAction } from 'react'
interface HomeViewProps { interface HomeViewProps {
@ -46,7 +47,18 @@ function ArticlesHero({
}: Pick<HomeViewProps, 'searchQuery' | 'setSearchQuery' | 'selectedCategory' | 'setSelectedCategory'>) { }: Pick<HomeViewProps, 'searchQuery' | 'setSearchQuery' | 'selectedCategory' | 'setSelectedCategory'>) {
return ( return (
<div className="mb-8"> <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"> <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). 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> </p>
@ -61,10 +73,6 @@ function ArticlesHero({
</p> </p>
</div> </div>
<FundingGauge /> <FundingGauge />
<CategoryTabs selectedCategory={selectedCategory} onCategoryChange={setSelectedCategory} />
<div className="mb-4">
<SearchBar value={searchQuery} onChange={setSearchQuery} />
</div>
</div> </div>
) )
} }
@ -100,6 +108,8 @@ function HomeContent({
)} )}
<ArticlesList {...articlesListProps} /> <ArticlesList {...articlesListProps} />
<HomeIntroSection />
</div> </div>
) )
} }