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

194 lines
10 KiB
TypeScript

import Script from "next/script";
export default function NoFooter() {
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">Snarveier</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/">Om oss | Scandic Hotels Group AB</a>
</li>
<li>
<a href="https://www.scandichotelsgroup.com/en/category/investors/">Investorer | Scandic Hotels Group AB</a>
</li>
<li>
<a href="http://www.scandichotelsgroup.com/no/media/local-pressroom/norway/">Presse og media</a>
</li>
<li>
<a href="https://www.scandichotels.no/jobb-hos-oss">Jobb hos oss</a>
</li>
<li>
<a href="https://www.scandichotels.no/partnere">Partnere</a>
</li>
<li>
<a href="https://www.scandichotels.no/vi-sponser">Vi sponser</a>
</li>
</ul>
</div>
</li>
<li className="global-footer-section">
<div className="link-list">
<h3 className="link-list-header">Kundeservice</h3>
<ul className="list-footer-pages">
<li>
<a href="https://www.scandichotels.no/kundeservice">Kontakt oss</a>
</li>
<li>
<a href="https://www.scandichotels.no/kundeservice/sporsmal-og-svar">Spørsmål og svar</a>
</li>
<li>
<a href="https://www.scandichotels.no/kundeservice/priser-og-bestillingsvilkar/cookie-policy">Cookie Policy</a>
</li>
<li>
<a href="https://www.scandichotels.no/kundeservice/priser-og-bestillingsvilkar/personvernpolicy">Personvern</a>
</li>
<li>
<a href="https://www.scandichotels.no/kundeservice/priser-og-bestillingsvilkar/betingelser-for-nettstedet">Betingelser for nettstedet</a>
</li>
<li>
<a href="https://www.scandichotels.no/kundeservice/priser-og-bestillingsvilkar">Priser og bestillingsvilkår</a>
</li>
</ul>
</div>
</li>
<li className="global-footer-section">
<div className="link-list">
<h3 className="link-list-header">Snarveier</h3>
<ul className="list-footer-pages">
<li>
<a href="https://www.scandichotels.no/hotell">Hoteller og destinasjoner</a>
</li>
<li>
<a href="https://www.scandichotels.no/utforsk-scandic">Utforsk Scandic</a>
</li>
<li>
<a href="https://www.scandichotels.no/scandic-friends">Om Scandic Friends</a>
</li>
<li>
<a href="https://www.scandichotels.no/utforsk-scandic/garanti-for-beste-pris">Scandics Best Rate Guarantee</a>
</li>
<li>
<a href="https://www.tripadvisor.com/UserReview-p2178">Vurder oss Trip Advisor</a>
</li>
<li>
<a href="https://www.scandichotels.no/utforsk-scandic/spesielle-behov">Spesielle behov</a>
</li>
</ul>
</div>
</li>
</ul>
<div className="global-footer__content__bottom">
<h5>OM SCANDIC</h5>
<p>Scandic er Nordens ledende hotellkjede med et nettverk av 280 hoteller, i drift eller under oppføring, fordelt nærmere 58 000 hotellrom i 6 land.</p>
<p>Hver dag går over 15 000 teammedlemmer jobb med én tanke i hodet: å skape gode hotellopplevelser slik at gjestene våre ønsker å komme tilbake.</p>
<p>Som Nordens mest bærekraftige hotellkjede fokuserer vi alltid miljøet, samfunnsansvar og tilgjengelighet.</p>
<h5 style={{ textAlign: "center" }}><strong>LAST NED SCANDICS APP</strong></h5>
<table style={{ width: "100%", borderCollapse: "collapse" }}>
<tbody>
<tr>
<td style={{ width: "50%", textAlign: "right" }}>
<img src="/imageVault/publishedmedia/0tafgfwoub4e11f1ruxe/app_store_norwegian.png" alt="" />
</td>
<td style={{ width: "50%", textAlign: "left" }}>
<img src="/imageVault/publishedmedia/i744peso0pw2dpss4lqs/android_norwegian.png" alt="" />
</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 oss sosiale medier</h3>
<a href="https://www.facebook.com/ScandicNorge/" 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">Omtaler fra</h3>
<img src="/Static/img/tripadvisor_logo_white_160x24.png" alt="Trip Advisor logotype" />
</div>
</div>
</div>
</footer>
)
}