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:
parent
58b35e2a67
commit
cd7f6e04d9
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user