336 lines
14 KiB
TypeScript
336 lines
14 KiB
TypeScript
/* eslint-disable @next/next/no-img-element */
|
|
import Script from "next/script";
|
|
|
|
export default function EnFooter() {
|
|
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">About Scandic</div>
|
|
</li>
|
|
<li className="global-footer-section">
|
|
<div className="link-list-top-header">Customer Service</div>
|
|
</li>
|
|
<li className="global-footer-section">
|
|
<div className="link-list-top-header">Quick 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">About Scandic</h3>
|
|
<ul className="list-footer-pages">
|
|
<li>
|
|
<a href="https://www.scandichotelsgroup.com/our-company/">
|
|
Our company | Scandic Hotels Group AB
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotelsgroup.com/en/category/investors/">
|
|
Investors | Scandic Hotels Group AB
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotelsgroup.com/en/sustainability/">
|
|
Sustainability | Scandic Hotels Group AB
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotelsgroup.com/media/">
|
|
Press room
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotels.com/work-with-us">
|
|
Work with us
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotels.com/partners">
|
|
Partners
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotels.com/sponsoring">
|
|
Sponsoring
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li className="global-footer-section">
|
|
<div className="link-list">
|
|
<h3 className="link-list-header">Customer Service</h3>
|
|
<ul className="list-footer-pages">
|
|
<li>
|
|
<a href="https://www.scandichotels.com/customer-service">
|
|
Contact us
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotels.com/customer-service/frequently-asked-questions">
|
|
FAQ - Frequently Asked Questions
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotels.com/customer-service/rates-and-policies/cookie-policy">
|
|
Cookie Policy
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotels.com/customer-service/rates-and-policies/privacy-policy">
|
|
Privacy Policy
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotels.com/customer-service/rates-and-policies/website-terms-conditions">
|
|
Website Terms & Conditions
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotels.com/customer-service/rates-and-policies">
|
|
Rates and other policies
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li className="global-footer-section">
|
|
<div className="link-list">
|
|
<h3 className="link-list-header">Quick links</h3>
|
|
<ul className="list-footer-pages">
|
|
<li>
|
|
<a href="https://www.scandichotels.com/hotels">
|
|
Hotels & Destinations
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotels.com/conferences-meetings/better-meetings">
|
|
Meeting concept
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotels.com/explore-scandic">
|
|
Explore Scandic
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotels.com/scandic-friends">
|
|
Scandic Friends
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.tripadvisor.com/UserReview-p2178">
|
|
Review us on TripAdvisor
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotels.com/explore-scandic/best-price-guaranteed">
|
|
Best Price Guaranteed
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.scandichotels.com/explore-scandic/accessibility">
|
|
Special needs
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<div className="global-footer__content__bottom">
|
|
<p className="newFooterTitle">
|
|
<strong>ABOUT US</strong>
|
|
</p>
|
|
<div className="padTop15">
|
|
<p>
|
|
Scandic is the largest Nordic hotel operator with a network of
|
|
about 280 hotels with 58,000 hotel rooms in operation and under
|
|
development in six countries. Every day over 15 000 team members
|
|
go to work with one thought on their mind: to create great hotel
|
|
experiences that keep our guests coming back.
|
|
</p>
|
|
<p style={{ textAlign: "center" }}>
|
|
<strong>GET THE SCANDIC APP</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/us/app/scandic-hotels/id1267218985"
|
|
target="_blank"
|
|
rel="noopener"
|
|
>
|
|
<img
|
|
src="/contentassets/8738808a3a9541d798f95ada5bc92f15/app-store-english.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="/contentassets/8738808a3a9541d798f95ada5bc92f15/android-english.png"
|
|
alt=""
|
|
/>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<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">Follow us on social media</h3>
|
|
<a
|
|
href="https://www.facebook.com/scandic"
|
|
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">Reviews from</h3>
|
|
<img
|
|
src="/Static/img/tripadvisor_logo_white_160x24.png"
|
|
alt="Trip Advisor logotype"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|