style(website): fix height; clean up code

This commit is contained in:
Simon
2026-02-27 20:42:24 +08:00
parent c2daf13ead
commit 91ae86f56e
3 changed files with 13 additions and 36 deletions

View File

@@ -1,5 +1,3 @@
import Footer from '../components/Footer'
import Header from '../components/Header'
import FeaturesSection from './home/FeaturesSection' import FeaturesSection from './home/FeaturesSection'
import HeroSection from './home/HeroSection' import HeroSection from './home/HeroSection'
import OneMoreThingSection from './home/OneMoreThingSection' import OneMoreThingSection from './home/OneMoreThingSection'
@@ -7,17 +5,11 @@ import ScenariosSection from './home/ScenariosSection'
export default function HomePage() { export default function HomePage() {
return ( return (
<div className="min-h-screen bg-linear-to-br from-blue-50 to-purple-50 dark:from-gray-900 dark:to-gray-800"> <>
<Header /> <HeroSection />
<FeaturesSection />
<main id="main-content"> <ScenariosSection />
<HeroSection /> <OneMoreThingSection />
<FeaturesSection /> </>
<ScenariosSection />
<OneMoreThingSection />
</main>
<Footer />
</div>
) )
} }

View File

@@ -1,15 +0,0 @@
import FeaturesSection from './FeaturesSection'
import HeroSection from './HeroSection'
import OneMoreThingSection from './OneMoreThingSection'
import ScenariosSection from './ScenariosSection'
export default function HomeContent() {
return (
<>
<HeroSection />
<FeaturesSection />
<ScenariosSection />
<OneMoreThingSection />
</>
)
}

View File

@@ -3,8 +3,8 @@ import { Route, Switch, useLocation } from 'wouter'
import Footer from './components/Footer' import Footer from './components/Footer'
import Header from './components/Header' import Header from './components/Header'
import HomePage from './pages/Home'
import DocsPages from './pages/docs/index' import DocsPages from './pages/docs/index'
import HomeContent from './pages/home/HomeContent'
function ScrollToTop() { function ScrollToTop() {
const [pathname] = useLocation() const [pathname] = useLocation()
@@ -16,7 +16,7 @@ function ScrollToTop() {
export default function Router() { export default function Router() {
return ( return (
<> <div className="flex min-h-screen flex-col">
<Header /> <Header />
<Suspense> <Suspense>
<ScrollToTop /> <ScrollToTop />
@@ -24,20 +24,20 @@ export default function Router() {
<Route path="/"> <Route path="/">
<main <main
id="main-content" id="main-content"
className="min-h-screen bg-linear-to-br from-blue-50 to-purple-50 dark:from-gray-900 dark:to-gray-800" className="flex-1 bg-linear-to-br from-blue-50 to-purple-50 dark:from-gray-900 dark:to-gray-800"
> >
<HomeContent /> <HomePage />
</main> </main>
</Route> </Route>
<Route path="/docs" nest> <Route path="/docs" nest>
<div className="min-h-screen bg-white dark:bg-gray-900"> <div className="flex-1 bg-white dark:bg-gray-900">
<DocsPages /> <DocsPages />
</div> </div>
</Route> </Route>
<Route> <Route>
<div className="min-h-screen bg-white dark:bg-gray-900 flex items-center justify-center"> <div className="flex-1 bg-white dark:bg-gray-900 flex items-center justify-center">
<div className="text-center"> <div className="text-center">
<h1 className="text-4xl font-bold mb-4 text-gray-900 dark:text-white">404</h1> <h1 className="text-4xl font-bold mb-4 text-gray-900 dark:text-white">404</h1>
<p className="text-xl text-gray-600 dark:text-gray-300">Page not found</p> <p className="text-xl text-gray-600 dark:text-gray-300">Page not found</p>
@@ -47,6 +47,6 @@ export default function Router() {
</Switch> </Switch>
</Suspense> </Suspense>
<Footer /> <Footer />
</> </div>
) )
} }