Merged in feat/SW-2999-cleanup (pull request #2810)
feat(SW-2999): cleanup current web * feat(SW-2999): cleanup current web * Merge master * Removed unused fonts Approved-by: Joakim Jäderberg
This commit is contained in:
Linus Flood
@@ -0,0 +1,131 @@
|
||||
import type { Lang } from "@scandic-hotels/common/constants/language"
|
||||
|
||||
type Texts = {
|
||||
title: string
|
||||
goToStartPage: {
|
||||
question: string
|
||||
link: string
|
||||
linkText: string
|
||||
}
|
||||
goToDestinations: {
|
||||
question: string
|
||||
link: string
|
||||
linkText: string
|
||||
}
|
||||
goToOffers: {
|
||||
question: string
|
||||
link: string
|
||||
linkText: string
|
||||
}
|
||||
}
|
||||
|
||||
export const texts: Record<Lang, Texts> = {
|
||||
en: {
|
||||
title: "Sorry, page not found.",
|
||||
goToStartPage: {
|
||||
question: "Would you like to go back to the ",
|
||||
link: "https://www.scandichotels.com/",
|
||||
linkText: "startpage",
|
||||
},
|
||||
goToDestinations: {
|
||||
question: "Or take a trip to our ",
|
||||
link: "https://www.scandichotels.com/hotels",
|
||||
linkText: "destinations",
|
||||
},
|
||||
goToOffers: {
|
||||
question: " or latest ",
|
||||
link: "https://www.scandichotels.com/weekend-packages-and-offers",
|
||||
linkText: "offers",
|
||||
},
|
||||
},
|
||||
sv: {
|
||||
title: "Oj då, vi kunde inte hitta sidan du söker.",
|
||||
goToStartPage: {
|
||||
question: "Vill du gå tillbaka till ",
|
||||
link: "https://www.scandichotels.se/",
|
||||
linkText: "startsidan",
|
||||
},
|
||||
goToDestinations: {
|
||||
question: "Eller resa till våra ",
|
||||
link: "https://www.scandichotels.se/hotell",
|
||||
linkText: "destinationer",
|
||||
},
|
||||
goToOffers: {
|
||||
question: " eller se våra senaste ",
|
||||
link: "https://www.scandichotels.se/erbjudanden-och-weekendpaket",
|
||||
linkText: "erbjudanden",
|
||||
},
|
||||
},
|
||||
de: {
|
||||
title: "Tut uns leid, Seite nicht gefunden.",
|
||||
goToStartPage: {
|
||||
question: "Möchten Sie zurück zur ",
|
||||
link: "https://www.scandichotels.de/",
|
||||
linkText: "Startseite",
|
||||
},
|
||||
goToDestinations: {
|
||||
question: "Oder machen Sie einen Ausflug zu unseren ",
|
||||
link: "https://www.scandichotels.de/hotelsuche",
|
||||
linkText: "Reisezielen",
|
||||
},
|
||||
goToOffers: {
|
||||
question: " und aktuellen ",
|
||||
link: "https://www.scandichotels.de/angebote-arrangements",
|
||||
linkText: "Angeboten",
|
||||
},
|
||||
},
|
||||
fi: {
|
||||
title: "Valitettavasti sivua ei löydy.",
|
||||
goToStartPage: {
|
||||
question: "Haluaisitko mennä takaisin ",
|
||||
link: "https://www.scandichotels.fi/",
|
||||
linkText: "etusivulle",
|
||||
},
|
||||
goToDestinations: {
|
||||
question: "Voit myös tutustu ",
|
||||
link: "https://www.scandichotels.fi/hotellit",
|
||||
linkText: "kohteisiimme",
|
||||
},
|
||||
goToOffers: {
|
||||
question: " tai ajankohtaisiin ",
|
||||
link: "https://www.scandichotels.fi/tarjoukset",
|
||||
linkText: "tarjouksiimme",
|
||||
},
|
||||
},
|
||||
no: {
|
||||
title: "Oi da, vi fant ikke siden du lette etter...",
|
||||
goToStartPage: {
|
||||
question: "Vil du gå tilbake til ",
|
||||
link: "https://www.scandichotels.no/",
|
||||
linkText: "startsiden",
|
||||
},
|
||||
goToDestinations: {
|
||||
question: "Eller ta en tur til våre ",
|
||||
link: "https://www.scandichotels.no/hotell",
|
||||
linkText: "destinasjoner",
|
||||
},
|
||||
goToOffers: {
|
||||
question: " eller siste ",
|
||||
link: "https://www.scandichotels.no/hotelltilbud",
|
||||
linkText: "tilbud",
|
||||
},
|
||||
},
|
||||
da: {
|
||||
title: "Hov - siden kan ikke findes!",
|
||||
goToStartPage: {
|
||||
question: "Vil du gå tilbage til ",
|
||||
link: "https://www.scandichotels.dk/",
|
||||
linkText: "startsiden",
|
||||
},
|
||||
goToDestinations: {
|
||||
question: "Eller tag en tur til vores ",
|
||||
link: "https://www.scandichotels.dk/hoteller",
|
||||
linkText: "destinationer",
|
||||
},
|
||||
goToOffers: {
|
||||
question: " eller seneste ",
|
||||
link: "https://www.scandichotels.dk/tilbud-og-hotelpakker",
|
||||
linkText: "tilbud",
|
||||
},
|
||||
},
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
/* eslint-disable formatjs/no-literal-string-in-jsx */
|
||||
|
||||
import { getLang } from "@/i18n/serverContext"
|
||||
|
||||
import { texts } from "./Texts"
|
||||
|
||||
import styles from "./notFound.module.css"
|
||||
|
||||
export default async function NotFound() {
|
||||
const lang = await getLang()
|
||||
const infoTexts = texts[lang]
|
||||
|
||||
return (
|
||||
<div className={styles.container}>
|
||||
<div className={styles.content}>
|
||||
<h1 className={styles.header}>{infoTexts.title}</h1>
|
||||
<div className={styles.pitch}>
|
||||
<p className={styles.text}>
|
||||
{infoTexts.goToStartPage.question}
|
||||
<a
|
||||
className={styles.link}
|
||||
title={infoTexts.goToStartPage.linkText}
|
||||
href={infoTexts.goToStartPage.link}
|
||||
>
|
||||
{infoTexts.goToStartPage.linkText}
|
||||
</a>
|
||||
?
|
||||
</p>
|
||||
<p className={styles.text}>
|
||||
{infoTexts.goToDestinations.question}
|
||||
<a
|
||||
className={styles.link}
|
||||
title={infoTexts.goToDestinations.linkText}
|
||||
href={infoTexts.goToDestinations.link}
|
||||
>
|
||||
{infoTexts.goToDestinations.linkText}
|
||||
</a>
|
||||
{infoTexts.goToOffers.question}
|
||||
<a
|
||||
className={styles.link}
|
||||
title={infoTexts.goToOffers.linkText}
|
||||
href={infoTexts.goToOffers.link}
|
||||
>
|
||||
{infoTexts.goToOffers.linkText}
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
.container {
|
||||
margin-top: 0;
|
||||
background: var(--Main-Grey-White);
|
||||
position: relative;
|
||||
border-top: 50px solid var(--Main-Grey-White);
|
||||
background-clip: content-box;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
box-sizing: content-box;
|
||||
max-width: var(--max-width-page);
|
||||
margin: 0 auto;
|
||||
padding: 70px 30px;
|
||||
}
|
||||
|
||||
.header {
|
||||
font-family:
|
||||
brandon text,
|
||||
Arial,
|
||||
Helvetica,
|
||||
sans-serif;
|
||||
font-size: 32px;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
font-weight: 400;
|
||||
color: #483729;
|
||||
}
|
||||
|
||||
.pitch {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-family:
|
||||
Helvetica Neue,
|
||||
Helvetica,
|
||||
Arial,
|
||||
sans-serif;
|
||||
font-weight: 300;
|
||||
line-height: normal;
|
||||
text-transform: none;
|
||||
font-size: 20px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.link {
|
||||
color: #00838e;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 740px) {
|
||||
.content {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 950px) {
|
||||
.header {
|
||||
font-size: 46px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user