feat(WEB-38, WEB-9, WEB-19): add static page for sponsoring, add Header and add Footer
This commit is contained in:
Christel Westerberg
@@ -0,0 +1,320 @@
|
||||
/* eslint-disable @next/next/no-img-element */
|
||||
import Script from "next/script";
|
||||
|
||||
export default function DaFooter() {
|
||||
return (
|
||||
<footer className="global-footer">
|
||||
<div className="global-footer__content">
|
||||
<h2 className="global-footer__content__heading">
|
||||
<img
|
||||
src="/Static/img/scandic-logotype-white.svg"
|
||||
data-js="scandiclogoimg"
|
||||
alt="Scandic hotels logo"
|
||||
height="22"
|
||||
data-nosvgsrc="/Static/img/scandic-logotype-white.png"
|
||||
/>
|
||||
<span className="hidden--accessible">Scandic</span>
|
||||
</h2>
|
||||
<ul className="l-footer-sections">
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list-top-header">Om Scandic</div>
|
||||
</li>
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list-top-header">Kundeservice</div>
|
||||
</li>
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list-top-header">Hurtige links</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div
|
||||
data-js-collapsible="global-footer"
|
||||
className="collapsible-global-footer"
|
||||
>
|
||||
<ul className="l-footer-sections global-footer__content__sections">
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list">
|
||||
<h3 className="link-list-header">Om Scandic</h3>
|
||||
<ul className="list-footer-pages">
|
||||
<li>
|
||||
<a href="https://www.scandichotelsgroup.com/our-company/">
|
||||
Vores firma | Scandic Hotels Group AB
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/oplev-scandic/baeredygtighed">
|
||||
Bæredygtighed
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://www.scandichotelsgroup.com/da/media/local-pressroom/denmark/">
|
||||
Pressehenvendelser
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/job-hos-scandic">
|
||||
Job hos Scandic - Danmarks bedste arbejdsplads til
|
||||
inklusion
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/vare-samarbeidspartnere">
|
||||
Vores samarbejdspartnere
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/sponsorering">
|
||||
Vi sponsorerer
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list">
|
||||
<h3 className="link-list-header">Kundservice</h3>
|
||||
<ul className="list-footer-pages">
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/kundeservice">
|
||||
Kontakt os
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/kundeservice/sporgsmal-og-svar">
|
||||
FAQ - Ofte stillede spørgsmål
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/kundeservice/sporgsmal-og-svar/kaledyr-pa-scandic">
|
||||
Kæledyr på Scandic
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/kundeservice/priser-og-bookingvilkar/cookiepolitik">
|
||||
Cookiepolitik
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/kundeservice/priser-og-bookingvilkar/persondatapolitik">
|
||||
Persondatapolitik
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/kundeservice/priser-og-bookingvilkar">
|
||||
Priser og bookingvilkår
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list">
|
||||
<h3 className="link-list-header">Hurtige links</h3>
|
||||
<ul className="list-footer-pages">
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/hoteller">
|
||||
Hoteller & destinationer
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/oplev-scandic">
|
||||
Altid på Scandic
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/scandic-friends">
|
||||
Scandic Friends - Få fordele
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.tripadvisor.dk/Search?q=scandic&geo=189512&pid=3826&typeaheadRedirect=true&redirect=&startTime=1460358392897&uiOrigin=MASTHEAD&returnTo=http%253A__2F____2F__www__2E__tripadvisor__2E__dk__2F__&searchSessionId=98F0A837F27C505A0DBF6FE003B6563A1460365582994ssid">
|
||||
Vores anbefalinger på TripAdvisor
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/oplev-scandic/garanti-for-bedste-pris">
|
||||
Garanti for bedste pris
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.dk/kundeservice/lost-found">
|
||||
Lost & Found
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="global-footer__content__bottom">
|
||||
<p>
|
||||
<strong>OM SCANDIC</strong>
|
||||
</p>
|
||||
<p>
|
||||
Scandic er Nordens største hotelkæde med et netværk af 280
|
||||
hoteller med 58.000 hotelværelser i drift og under udvikling,
|
||||
fordelt i seks lande. Hver dag har vores 15.000 team members ét
|
||||
fælles mål for øje; nemlig at sikre unikke hoteloplevelser, som
|
||||
giver vores gæster lyst til at komme igen.
|
||||
<br />
|
||||
<br />
|
||||
</p>
|
||||
<p style={{ textAlign: "center" }}>
|
||||
<strong>HENT SCANDIC APP'EN</strong>
|
||||
</p>
|
||||
<table
|
||||
style={{
|
||||
height: "62px",
|
||||
width: "100%",
|
||||
borderCollapse: "collapse",
|
||||
}}
|
||||
>
|
||||
<tbody>
|
||||
<tr style={{ height: "62px" }}>
|
||||
<td
|
||||
style={{ width: "50%", height: "62px", textAlign: "right" }}
|
||||
>
|
||||
<a
|
||||
title="Appstore"
|
||||
href="https://apps.apple.com/dk/app/scandic-hotels/id1267218985"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
<img
|
||||
src="/imageVault/publishedmedia/yailhjw5c75x6aocmedo/app_store_danish.png"
|
||||
alt=""
|
||||
/>
|
||||
</a>
|
||||
</td>
|
||||
<td
|
||||
style={{ width: "50%", height: "62px", textAlign: "left" }}
|
||||
>
|
||||
<a
|
||||
title="Google Play"
|
||||
href="https://play.google.com/store/apps/details?id=com.scandichotels.app"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
<img
|
||||
src="/imageVault/publishedmedia/rtihmdtlmpefspf57yns/android_danish.png"
|
||||
alt=""
|
||||
/>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<style
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `#map-destinations-list .hotel-teaser .hotel-teaser__body + .special-alerts.special-alerts--inline-block {
|
||||
display: none;
|
||||
}`,
|
||||
}}
|
||||
/>
|
||||
<p>
|
||||
<Script
|
||||
id="inline-script"
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `const isNetsHotel = location.href.match(/hotel=((389)|(365)|(374)|(888)|(891)|(340))/g) != null;
|
||||
let removeSavedCardElem = function () {
|
||||
if (!isNetsHotel) {
|
||||
return;
|
||||
}
|
||||
if (document.querySelector(".credit-card-form__saved-select")) {
|
||||
if (!document.querySelector(".credit-card-form__new")) {
|
||||
document.querySelector(".credit-card-form").classNameList.add("hidden");
|
||||
}
|
||||
document.querySelector(".credit-card-form__saved-select").remove();
|
||||
document.querySelector(".credit-card-form__select input[type=radio]").checked = "checked";
|
||||
}
|
||||
setTimeout( function() {
|
||||
if (document.querySelector(".credit-card-form__select")) {
|
||||
document.querySelector(".credit-card-form__select input[type=radio]").checked = "checked";
|
||||
document.querySelector(".credit-card-form__select").classNameList.add("hidden");
|
||||
}
|
||||
if (document.querySelector(".credit-card-form__new")) {
|
||||
document.querySelector(".credit-card-form__new").classNameList.remove("ng-hide");
|
||||
}
|
||||
}, 300);
|
||||
}
|
||||
removeSavedCardElem();
|
||||
setTimeout(removeSavedCardElem, 500);
|
||||
const confirmPgHotelId = document.getElementById("adm-hotelOperaId") && document.getElementById("adm-hotelOperaId").value;
|
||||
const isNetsHotelConfnPg = ["389","365","374","888","891","340"].indexOf(confirmPgHotelId) != -1;
|
||||
if (isNetsHotelConfnPg && document.querySelector(".save-credit-card__form")) {
|
||||
document.querySelector(".save-credit-card__form").style.display = "none";
|
||||
document.querySelector(".save-credit-card__form").remove();
|
||||
}`,
|
||||
}}
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
<div className="global-footer__social-media" id="social-icons">
|
||||
<h3 className="heading-5 u-uppercase">
|
||||
Følg os på de sociale medier
|
||||
</h3>
|
||||
<a
|
||||
href="https://www.facebook.com/ScandicDanmark/"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
className="social-media-icon"
|
||||
title="Scandic on Facebook"
|
||||
>
|
||||
<svg
|
||||
focusable="false"
|
||||
className="icon icon--facebook icon--white"
|
||||
viewBox="0 0 150 150"
|
||||
role="img"
|
||||
aria-labelledby="social-icons facebook-icon"
|
||||
>
|
||||
<title id="facebook-icon">Facebook</title>
|
||||
<use xlinkHref="/Static/img/icons/sprites.svg#icon-facebook"></use>
|
||||
</svg>
|
||||
</a>
|
||||
<a
|
||||
href="https://twitter.com/scandicglobal"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
className="social-media-icon"
|
||||
>
|
||||
<span className="hidden--accessible">{`Model.SafeGet(m => m.FooterHeader) on Twitter`}</span>
|
||||
<svg
|
||||
focusable="false"
|
||||
className="icon icon--twitter icon--white"
|
||||
viewBox="0 0 150 150"
|
||||
role="img"
|
||||
aria-labelledby="social-icons twitter-icon"
|
||||
>
|
||||
<title id="twitter-icon">Twitter</title>
|
||||
<use xlinkHref="/Static/img/icons/sprites.svg#icon-twitter"></use>
|
||||
</svg>
|
||||
</a>
|
||||
<a
|
||||
href="https://www.instagram.com/scandichotels/"
|
||||
rel="noopener"
|
||||
target="_blank"
|
||||
className="social-media-icon"
|
||||
title="Scandic on Instagram"
|
||||
>
|
||||
<svg
|
||||
focusable="false"
|
||||
className="icon icon--instagram icon--white"
|
||||
viewBox="0 0 150 150"
|
||||
role="img"
|
||||
aria-labelledby="social-icons instagram-icon"
|
||||
>
|
||||
<title id="instagram-icon">Instagram</title>
|
||||
<use xlinkHref="/Static/img/icons/sprites.svg#icon-instagram"></use>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<div className="global-footer__trip-advisor">
|
||||
<h3 className="heading-5 u-uppercase">Anmeldelser fra</h3>
|
||||
<img
|
||||
src="/Static/img/tripadvisor_logo_white_160x24.png"
|
||||
alt="Trip Advisor logotype"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user