infra/site
2
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix: enormous margins

Browse source
This commit is contained in:
Dariusz Niemczyk 2025-02-09 01:00:08 +01:00
parent 2de5b79047
commit 6f826c47df
No known key found for this signature in database
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/landing-page.tsx
View file

@ -15,9 +15,9 @@ function Section({
title: string; title: string;
paragraphs: ReactElement; paragraphs: ReactElement;
}) { }) {
return (<section id={id} className="py-24 bg-background"> return (<section id={id} className="bg-background">
<div className="container mx-auto px-4"> <div className="container mx-auto px-4">
<h2 className="text-4xl font-bold mb-8 tracking-tighter max-w-3xl mx-auto">{title}</h2> <h2 className="text-4xl font-bold tracking-tighter max-w-3xl mx-auto mb-2">{title}</h2>
<div className="text-lg text-muted-foreground max-w-3xl mx-auto whitespace-pre-line"> <div className="text-lg text-muted-foreground max-w-3xl mx-auto whitespace-pre-line">
{paragraphs} {paragraphs}
</div> </div>
@ -134,7 +134,7 @@ export default function LandingPage(
return ( return (
<div> <div>
<Nav t={t} /> <Nav t={t} />
<main className="flex flex-col min-h-screen"> <main className="flex flex-col min-h-screen gap-16 pb-12">
<section id="hero" className="h-screen relative overflow-hidden dark:bg-black light:bg-white "> <section id="hero" className="h-screen relative overflow-hidden dark:bg-black light:bg-white ">
<div className="absolute inset-0 opacity-80"> <div className="absolute inset-0 opacity-80">
@ -152,7 +152,7 @@ export default function LandingPage(
<Section id="about" title={t.about.title} paragraphs={<p>{t.about.description}</p>} /> <Section id="about" title={t.about.title} paragraphs={<p>{t.about.description}</p>} />
<Section id="where" title={t.where.title} paragraphs={<p>{t.where.location}</p>} /> <Section id="where" title={t.where.title} paragraphs={<p>{t.where.location}</p>} />
<Section id="when" title={t.where.title} paragraphs={<> <Section id="when" title={t.when.title} paragraphs={<>
<p className="text-primary text-3xl font-[JGS7]">{t.when.date}</p> <p className="text-primary text-3xl font-[JGS7]">{t.when.date}</p>
<p className="mt-4">{t.when.extra}</p></>} <p className="mt-4">{t.when.extra}</p></>}
/> />