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

View File

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