front page info block: adjust spacing and title styling, correct link

This commit is contained in:
elise
2024-08-06 15:08:38 +02:00
parent c534354ef7
commit c3f96f7314
2 changed files with 8 additions and 6 deletions

View File

@ -61,9 +61,9 @@ export default async function Home() {
<FeaturedEvents events={featuredEvents} /> <FeaturedEvents events={featuredEvents} />
<UpcomingEvents events={events} /> <UpcomingEvents events={events} />
<div className="infoBlock"> <div className="infoBlock">
<SectionHeader heading="Besøk oss"link="/aktuelt" linkText="Praktisk info" /> <SectionHeader heading="Besøk oss"link="/praktisk" linkText="Praktisk info" />
<div> <div>
<h2>Skal du besøke Chateau Neuf?</h2> <h2 className="title">Skal du besøke Chateau Neuf?</h2>
<p> <p>
Vi hjelper deg med å finne frem, og sørger for at du har en fin Vi hjelper deg med å finne frem, og sørger for at du har en fin
opplevelse opplevelse
@ -72,11 +72,11 @@ export default async function Home() {
<span>Adresse og adkomst</span> <span>Adresse og adkomst</span>
<Icon type="arrowRight" /> <Icon type="arrowRight" />
</Link> </Link>
<Link href="/praktisk#adkomst" className="button"> <Link href="/praktisk#billetter" className="button">
<span>Billetter</span> <span>Billetter</span>
<Icon type="arrowRight" /> <Icon type="arrowRight" />
</Link> </Link>
<Link href="/praktisk#adkomst" className="button"> <Link href="/praktisk#apningstider" className="button">
<span>Åpningstider</span> <span>Åpningstider</span>
<Icon type="arrowRight" /> <Icon type="arrowRight" />
</Link> </Link>

View File

@ -306,12 +306,14 @@ select {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
h2 { .title {
font-size: var(--font-size-h1);
margin-top: var(--spacing-m);
margin-bottom: var(--spacing-s); margin-bottom: var(--spacing-s);
} }
p { p {
margin-bottom: var(--spacing-m); margin-bottom: var(--spacing-l);
} }
.button { .button {