Files
web/components/Current/Footer/Sv.tsx

319 lines
13 KiB
TypeScript

/* eslint-disable @next/next/no-img-element */
import Script from "next/script";
export default function SvFooter() {
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 Hotels</div>
</li>
<li className="global-footer-section">
<div className="link-list-top-header">Kundservice</div>
</li>
<li className="global-footer-section">
<div className="link-list-top-header">Snabblänkar</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 Hotels</h3>
<ul className="list-footer-pages">
<li>
<a href="https://www.scandichotelsgroup.com/sv/vart-foretag/">
Vårt företag | Scandic Hotels Group AB
</a>
</li>
<li>
<a href="https://www.scandichotelsgroup.com/sv/sektion/investerare/">
Investerare | Scandic Hotels Group AB
</a>
</li>
<li>
<a href="https://www.scandichotelsgroup.com/sv/hallbarhet/">
Hållbarhet | Scandic Hotels Group AB
</a>
</li>
<li>
<a href="http://www.scandichotelsgroup.com/sv/media/local-pressroom/sweden/">
Pressrum
</a>
</li>
<li>
<a href="https://www.scandichotels.se/jobba-hos-oss">
Jobba hos oss
</a>
</li>
<li>
<a href="https://www.scandichotels.se/vara-samarbetspartner">
Våra samarbetspartner
</a>
</li>
<li>
<a href="https://www.scandichotels.se/vi-sponsrar">
Vi sponsrar
</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.se/kundservice">
Kundservice
</a>
</li>
<li>
<a href="https://www.scandichotels.se/kundservice/fragor-och-svar">
Frågor och svar
</a>
</li>
<li>
<a href="https://www.scandichotels.se/kundservice/priser-och-bokningsregler/bokningsregler">
Bokningsregler
</a>
</li>
<li>
<a href="https://www.scandichotels.se/kundservice/priser-och-bokningsregler/webbplatsvillkor">
Webbplatsvillkor
</a>
</li>
<li>
<a href="https://www.scandichotels.se/kundservice/priser-och-bokningsregler/cookie-policy">
Cookie Policy
</a>
</li>
<li>
<a href="https://www.scandichotels.se/kundservice/priser-och-bokningsregler/integritetspolicy">
Integritetspolicy
</a>
</li>
</ul>
</div>
</li>
<li className="global-footer-section">
<div className="link-list">
<h3 className="link-list-header">Snabblänkar</h3>
<ul className="list-footer-pages">
<li>
<a href="https://www.scandichotels.se/hotell">
Hotell & destinationer
</a>
</li>
<li>
<a href="https://www.scandichotels.se/utforska-scandic">
Utforska Scandic
</a>
</li>
<li>
<a href="https://www.scandichotels.se/scandic-friends">
Scandic Friends
</a>
</li>
<li>
<a href="https://www.tripadvisor.se/UserReview-p2178">
Lämna ditt omdöme TripAdvisor
</a>
</li>
<li>
<a href="https://www.scandichotels.se/utforska-scandic/basta-prisgaranti">
Bästa pris-garanti
</a>
</li>
<li>
<a href="https://www.scandichotels.se/utforska-scandic/speciella-behov">
Speciella behov
</a>
</li>
</ul>
</div>
</li>
</ul>
<div className="global-footer__content__bottom">
<h5>Om Scandic</h5>
<p>
Scandic är den största hotelloperatören i Norden med ett nätverk
av omkring 280 hotell i sex länder, fördelat cirka 58 000
hotellrum i drift och under utveckling. Varje dag arbetar över 15
000 medarbetare med ett enda mål i åtanke: att skapa bra
hotellupplevelser som gör att våra gäster vill komma tillbaka.
<br />
<br />
</p>
<h5 style={{ textAlign: "center" }}>LADDA NER SCANDICS APP</h5>
<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="/imageVault/publishedmedia/h1atrvlh5w7r4p492z3q/app_store_swedish.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/qm0yb8no57jeh33t4wet/android_swedish.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ölj oss i sociala medier</h3>
<a
href="https://www.facebook.com/scandicsverige"
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/scandicsverige"
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">Omdömen från</h3>
<img
src="/Static/img/tripadvisor_logo_white_160x24.png"
alt="Trip Advisor logotype"
/>
</div>
</div>
</div>
</footer>
);
}