feat(WEB-38, WEB-9, WEB-19): add static page for sponsoring, add Header and add Footer
This commit is contained in:
Christel Westerberg
52
app/[lang]/current-content-page/page.tsx
Normal file
52
app/[lang]/current-content-page/page.tsx
Normal file
@@ -0,0 +1,52 @@
|
||||
import { notFound } from "next/navigation";
|
||||
import fs from "node:fs/promises";
|
||||
import path from "node:path";
|
||||
|
||||
import Header from "@/components/Current/Header";
|
||||
|
||||
import type { Params, SearchParams } from "@/types/params";
|
||||
|
||||
export default async function CurrentContentPage({
|
||||
params,
|
||||
searchParams,
|
||||
}: Params<SearchParams>) {
|
||||
try {
|
||||
const filePath = path.join(
|
||||
process.cwd(),
|
||||
"mockCms",
|
||||
params.lang,
|
||||
searchParams.uri,
|
||||
"data.json"
|
||||
);
|
||||
|
||||
const data = await fs.readFile(filePath, { encoding: "utf-8" });
|
||||
|
||||
if (!data) {
|
||||
throw new Error("No data");
|
||||
}
|
||||
|
||||
const json = JSON.parse(data);
|
||||
|
||||
return (
|
||||
<>
|
||||
<Header lang={params.lang} pathname={searchParams.uri} />
|
||||
{json.hero ? (
|
||||
<div
|
||||
dangerouslySetInnerHTML={{ __html: json.hero }}
|
||||
className="hero-content-overlay"
|
||||
/>
|
||||
) : null}
|
||||
{json.content ? (
|
||||
<main
|
||||
className="main l-sections-wrapper"
|
||||
role="main"
|
||||
id="maincontent"
|
||||
dangerouslySetInnerHTML={{ __html: json.content }}
|
||||
/>
|
||||
) : null}
|
||||
</>
|
||||
);
|
||||
} catch (err) {
|
||||
return notFound();
|
||||
}
|
||||
}
|
||||
58
app/[lang]/layout.tsx
Normal file
58
app/[lang]/layout.tsx
Normal file
@@ -0,0 +1,58 @@
|
||||
import "../core.css";
|
||||
import "../scandic.css";
|
||||
|
||||
import Footer from "@/components/Current/Footer";
|
||||
import LangPopup from "@/components/Current/LangPopup";
|
||||
import Script from "next/script";
|
||||
import SkipToMainContent from "@/components/SkipToMainContent";
|
||||
|
||||
import type { Metadata } from "next";
|
||||
import type { Params } from "@/types/params";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
description: "New web",
|
||||
title: "Scandic Hotels New Web",
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
params,
|
||||
}: React.PropsWithChildren<Params>) {
|
||||
return (
|
||||
<html lang={params.lang}>
|
||||
<head>
|
||||
<Script
|
||||
src="https://www.scandichotels.com/Static/dist/js/head.js?85c84c9e24ae8da3e7af"
|
||||
data-cookieconsent="ignore"
|
||||
/>
|
||||
<Script
|
||||
src="https://www.scandichotels.com/Static/dist/js/inline.js?00133e5a37de35c51a5d"
|
||||
data-cookieconsent="ignore"
|
||||
/>
|
||||
<Script
|
||||
src="https://www.scandichotels.com/Static/dist/js/ng/polyfills.js?1701356813379"
|
||||
data-cookieconsent="ignore"
|
||||
/>
|
||||
<Script
|
||||
src="https://www.scandichotels.com/Static/dist/js/ng/runtime.js?1701356813379"
|
||||
data-cookieconsent="ignore"
|
||||
/>
|
||||
<Script
|
||||
src="https://www.scandichotels.com/Static/dist/js/ng/main.js?1701356813379"
|
||||
data-cookieconsent="ignore"
|
||||
/>
|
||||
<Script
|
||||
src="https://www.scandichotels.com/Static/dist/js/main-ng.js?2b211af0a0699f1ffcec"
|
||||
data-cookieconsent="ignore"
|
||||
strategy="lazyOnload"
|
||||
/>
|
||||
</head>
|
||||
<body>
|
||||
<LangPopup lang={params.lang} />
|
||||
<SkipToMainContent lang={params.lang} />
|
||||
{children}
|
||||
<Footer lang={params.lang} />
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
@@ -1,16 +0,0 @@
|
||||
import type { Metadata } from 'next';
|
||||
import './globals.css';
|
||||
import type { PropsWithChildren } from 'react';
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Scandic Hotels New Web',
|
||||
description: 'New web',
|
||||
};
|
||||
|
||||
export default function RootLayout({ children }: PropsWithChildren) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<body>{children}</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
320
components/Current/Footer/Da.tsx
Normal file
320
components/Current/Footer/Da.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
177
components/Current/Footer/De.tsx
Normal file
177
components/Current/Footer/De.tsx
Normal file
@@ -0,0 +1,177 @@
|
||||
import Script from "next/script";
|
||||
|
||||
export default function DeFooter() {
|
||||
return (
|
||||
<footer className="global-footer ">
|
||||
<div className="global-footer__content">
|
||||
<ul className="l-footer-sections">
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list-top-header">Über Scandic Hotels</div>
|
||||
</li>
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list-top-header">Service</div>
|
||||
</li>
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list-top-header">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">Über Scandic Hotels</h3>
|
||||
<ul className="list-footer-pages">
|
||||
<li>
|
||||
<a href="https://www.scandichotelsgroup.com/our-company/">Unser Unternehmen - scandichotelsgroup.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotelsgroup.com/en/category/investors/">Investoren - scandichotelsgroup.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotelsgroup.com/en/sustainability/">Nachhaltigkeit - scandichotelsgroup.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.de/karriere-bei-scandic-hotels">Karriere</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://www.scandichotelsgroup.com/de/media/local-pressroom/germany/">Presse</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list">
|
||||
<h3 className="link-list-header">Service</h3>
|
||||
<ul className="list-footer-pages">
|
||||
<li>
|
||||
<a href="https://www.scandichotels.de/kundenbetreuung">Kontakt</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.de/kundenbetreuung/haufig-gestellte-fragen">FAQ</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.de/kundenbetreuung/preise-und-richtlinien/cookie-richtlinie-von-scandic">Cookie Policy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.de/kundenbetreuung/preise-und-richtlinien/datenschutzrichtlinie">Datenschutz</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.de/kundenbetreuung/preise-und-richtlinien/nutzungsbedingungen-fur-die-scandic-webseite">Nutzungsbedingungen</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.de/kundenbetreuung/preise-und-richtlinien">Preise und Richtlinien</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list">
|
||||
<h3 className="link-list-header">Links</h3>
|
||||
<ul className="list-footer-pages">
|
||||
<li>
|
||||
<a href="https://www.scandichotels.de/hotelsuche">Hotels & Reiseziele</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.de/scandic-entdecken">Scandic entdecken</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.de/scandic-friends">Scandic Friends</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.de/scandic-entdecken/bestpreisgarantie">Bestpreisgarantie</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="global-footer__content__bottom">
|
||||
<p className="newFooterTitle"><strong>ÜBER UNS</strong></p>
|
||||
<div className="padTop15">
|
||||
<p>Scandic ist das größte nordische Hotelunternehmen mit einem Netzwerk aus mehr als 280 Hotels mit rund 58.000 Hotelzimmern in Betrieb sowie in Entwicklung in sechs Ländern. Scandic beschäftigt mehr als 15.000 Teammitglieder mit dem Ziel großartige Hotelerlebnisse zu schaffen, damit unsere Gäste gerne wiederkommen.</p>
|
||||
<p style={{ textAlign: "center" }}><strong>NUTZEN SIE DIE 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/de/app/scandic-hotels/id1267218985" target="_blank" rel="noopener">
|
||||
<img src="/imageVault/publishedmedia/1fy3s2u7wrj1bg1lj3y9/app_store_german.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/1z4omiwjctzza78u8tmi/android_german.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">Folgen Sie unseren Social Media Kanälen</h3>
|
||||
<a href="https://www.facebook.com/scandicgermany" rel="noopener" target="_blank" className="social-media-icon" title="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://www.instagram.com/scandichotels/" rel="noopener" target="_blank" className="social-media-icon" title="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">Bewertungen auf</h3>
|
||||
<img src="/Static/img/tripadvisor_logo_white_160x24.png" alt="Trip Advisor logotype" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
)
|
||||
}
|
||||
335
components/Current/Footer/En.tsx
Normal file
335
components/Current/Footer/En.tsx
Normal file
@@ -0,0 +1,335 @@
|
||||
/* 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>
|
||||
);
|
||||
}
|
||||
323
components/Current/Footer/Fi.tsx
Normal file
323
components/Current/Footer/Fi.tsx
Normal file
@@ -0,0 +1,323 @@
|
||||
/* eslint-disable @next/next/no-img-element */
|
||||
import Script from "next/script";
|
||||
|
||||
export default function FiFooter() {
|
||||
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">Scandicista</div>
|
||||
</li>
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list-top-header">Asiakaspalvelu</div>
|
||||
</li>
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list-top-header">Pikalinkit</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">Scandicista</h3>
|
||||
<ul className="list-footer-pages">
|
||||
<li>
|
||||
<a href="https://www.scandichotelsgroup.com/our-company/">
|
||||
Yrityksemme | Scandic Hotels Group AB
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotelsgroup.com/investors/">
|
||||
Sijoittajat | Scandic Hotels Group AB
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://www.scandichotelsgroup.com/fi/media/local-pressroom/finland/">
|
||||
Mediapankki
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/tyo">
|
||||
Työ Scandicissa
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/koe-scandic/kestava-kehitys-ja-vastuullisuus">
|
||||
Vastuullisuus ja kestävä kehitys
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/yhteistyokumppanit">
|
||||
Yhteistyö
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/sponsorointi">
|
||||
Sponsorointi
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list">
|
||||
<h3 className="link-list-header">Asiakaspalvelu</h3>
|
||||
<ul className="list-footer-pages">
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/asiakaspalvelu">
|
||||
Ota yhteyttö
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/asiakaspalvelu/usein-kysytyt-kysymykset">
|
||||
Usein kysytyt kysymykset
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/asiakaspalvelu/hinnat-ja-varausehdot/evasteita-koskevat-ehdot">
|
||||
Evösteitö koskevat ehdot
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/asiakaspalvelu/hinnat-ja-varausehdot/tietosuojaseloste">
|
||||
Tietosuojaseloste
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/asiakaspalvelu/hinnat-ja-varausehdot/sivujen-kayttoehdot">
|
||||
Verkkosivun ehdot ja söönnöt
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/asiakaspalvelu/hinnat-ja-varausehdot">
|
||||
Hinnat ja varausehdot
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li className="global-footer-section">
|
||||
<div className="link-list">
|
||||
<h3 className="link-list-header">Pikalinkit</h3>
|
||||
<ul className="list-footer-pages">
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/hotellit">
|
||||
Hotellit ja kohteet
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/koe-scandic">
|
||||
Koe Scandic
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/scandic-friends">
|
||||
Scandic Friends
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/koe-scandic/sports">
|
||||
Scandic Sports
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.tripadvisor.fi/UserReview-p2178">
|
||||
Arvioi meitö TripAdvisorissa
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.scandichotels.fi/koe-scandic/parhaan-hinnan-takuu">
|
||||
Parhaan hinnan takuu
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div className="global-footer__content__bottom">
|
||||
<p>
|
||||
<strong>MEISTÄ</strong>
|
||||
</p>
|
||||
<p>
|
||||
Scandic on Pohjoismaiden suurin hotelliketju, jolla on noin 280
|
||||
hotellia ja 58 000 huonetta toiminnassa ja kehitteillä kuudessa
|
||||
maassa. Joka päivä yli 15 000 tiimiläistämme luovat upeita
|
||||
hotellielämyksiä, jotta hotellivieraamme haluaisivat tulla meille
|
||||
aina uudestaan.
|
||||
</p>
|
||||
<p>
|
||||
<strong>LATAA SCANDIC-SOVELLUS</strong>
|
||||
</p>
|
||||
<table
|
||||
style={{
|
||||
width: "100%",
|
||||
borderCollapse: "collapse",
|
||||
height: "38px",
|
||||
}}
|
||||
>
|
||||
<tbody>
|
||||
<tr style={{ height: "38px" }}>
|
||||
<td
|
||||
style={{ width: "50%", textAlign: "right", height: "38px" }}
|
||||
>
|
||||
<a
|
||||
title="App storesta"
|
||||
href="https://apps.apple.com/fi/app/scandic-hotels/id1267218985"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
<img
|
||||
src="/imageVault/publishedmedia/3x8q0spg79rpnf6tkhl2/app_store_finnish.png"
|
||||
alt=""
|
||||
/>
|
||||
</a>
|
||||
</td>
|
||||
<td
|
||||
style={{ width: "50%", textAlign: "left", height: "38px" }}
|
||||
>
|
||||
<a
|
||||
title="Google Play"
|
||||
href="https://play.google.com/store/apps/details?id=com.scandichotels.app"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
<img
|
||||
src="/imageVault/publishedmedia/hmfwx856co5s5rmd2vu1/Android-finnish.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">
|
||||
Seuraa meitö sosiaalisessa mediassa
|
||||
</h3>
|
||||
<a
|
||||
href="https://www.facebook.com/scandicsuomi"
|
||||
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">Arviot</h3>
|
||||
<img
|
||||
src="/Static/img/tripadvisor_logo_white_160x24.png"
|
||||
alt="Trip Advisor logotype"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
193
components/Current/Footer/No.tsx
Normal file
193
components/Current/Footer/No.tsx
Normal file
@@ -0,0 +1,193 @@
|
||||
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 på 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 på nærmere 58 000 hotellrom i 6 land.</p>
|
||||
<p>Hver dag går over 15 000 teammedlemmer på 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 på 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 på 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>
|
||||
)
|
||||
}
|
||||
318
components/Current/Footer/Sv.tsx
Normal file
318
components/Current/Footer/Sv.tsx
Normal file
@@ -0,0 +1,318 @@
|
||||
/* 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 på 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 på 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>
|
||||
);
|
||||
}
|
||||
29
components/Current/Footer/index.tsx
Normal file
29
components/Current/Footer/index.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
import { langEnum } from "@/types/lang";
|
||||
|
||||
import Da from "./Da";
|
||||
import De from "./De";
|
||||
import En from "./En";
|
||||
import Fi from "./Fi";
|
||||
import No from "./No";
|
||||
import Sv from "./Sv";
|
||||
|
||||
import type { LangProps } from "@/types/lang";
|
||||
|
||||
export default function Footer({ lang }: LangProps) {
|
||||
switch (lang) {
|
||||
case langEnum.da:
|
||||
return <Da />;
|
||||
case langEnum.de:
|
||||
return <De />;
|
||||
case langEnum.en:
|
||||
return <En />;
|
||||
case langEnum.fi:
|
||||
return <Fi />;
|
||||
case langEnum.no:
|
||||
return <No />;
|
||||
case langEnum.sv:
|
||||
return <Sv />;
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
}
|
||||
190
components/Current/Header/Da.tsx
Normal file
190
components/Current/Header/Da.tsx
Normal file
@@ -0,0 +1,190 @@
|
||||
/* eslint-disable @next/next/no-img-element */
|
||||
import { currentAboutLinks, currentSponsoringLinks, currentWifiLinks } from "@/constants/current/links"
|
||||
|
||||
import Desktop from "./LanguageSwitcher/Desktop"
|
||||
import Mobile from "./LanguageSwitcher/Mobile"
|
||||
|
||||
import type { LanguageSwitcherLink } from "@/types/components/current/languageSwitcher"
|
||||
import type { HeaderProps } from "@/types/components/current/header"
|
||||
|
||||
const paths: Record<string, LanguageSwitcherLink[]> = {
|
||||
"/kundeservice/sporgsmal-og-svar/om-scandics-website": currentAboutLinks,
|
||||
"/oplev-scandic/wifi": currentWifiLinks,
|
||||
"/sponsorering": currentSponsoringLinks,
|
||||
}
|
||||
|
||||
const currentLanguage = "Dansk"
|
||||
|
||||
export default function DaHeader({ pathname }: HeaderProps) {
|
||||
const links = paths?.[pathname] ?? null
|
||||
return (
|
||||
<header className="header" role="banner">
|
||||
<div className="offline-banner hidden">
|
||||
Du er offline. Noget indhold på siden kan være forældet.
|
||||
<button type="button" className="reload">
|
||||
Opdatér siden
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
className="l-section main-header navigation-bar"
|
||||
data-js="main-nav-bar"
|
||||
>
|
||||
<div className="navigation-bar__top navigation-bar__top--ghostwhite-light">
|
||||
<div className="l-section__inner">
|
||||
<a
|
||||
href="https://www.scandichotels.dk"
|
||||
className="scandic-main-page-link"
|
||||
>
|
||||
Back to scandichotels.dk
|
||||
</a>
|
||||
|
||||
<ul className="nav-secondary navbar-login">
|
||||
<li className="nav-secondary__item hidden-xxsmall hidden-xsmall hidden-small">
|
||||
{links ? <Desktop currentLanguage={currentLanguage} links={links} /> : null}
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="https://www.scandichotels.dk/hotelreservation/hent-booking"
|
||||
>
|
||||
Vis/Afbestil booking
|
||||
</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="https://www.scandichotels.dk/job-hos-scandic/ledige-stillinger"
|
||||
>
|
||||
Arbejd med os
|
||||
</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="https://www.scandichotels.dk/forretningsrejse"
|
||||
>
|
||||
Forretningsrejse
|
||||
</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="https://www.scandichotels.dk/scandic-friends"
|
||||
>
|
||||
Om Scandic Friends
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="navigation-bar__main">
|
||||
<div
|
||||
className="l-section__inner l-section__inner--small-no-padding"
|
||||
itemScope
|
||||
itemType="http://schema.org/Organization"
|
||||
>
|
||||
<meta itemProp="name" content="Scandic" />
|
||||
<button
|
||||
type="button"
|
||||
className="navigation-bar__main__expander"
|
||||
data-js="main-nav-toggler"
|
||||
data-target="#main-menu"
|
||||
aria-pressed="false"
|
||||
>
|
||||
<span className="icon-bars"></span>
|
||||
<span className="hidden--accessible">Menu</span>
|
||||
</button>
|
||||
|
||||
<a
|
||||
id="scandic-logo"
|
||||
className="navigation-bar__main__logo hidden-medium "
|
||||
href="https://www.scandichotels.dk"
|
||||
itemProp="url"
|
||||
>
|
||||
<span className="hidden--accessible">
|
||||
Back to scandichotels.dk
|
||||
</span>
|
||||
<img
|
||||
src="/Static/img/scandic-logotype.svg"
|
||||
data-js="scandiclogoimg"
|
||||
alt="Scandic Hotels logo"
|
||||
height="22"
|
||||
data-nosvgsrc="/Static/img/scandic-logotype.png"
|
||||
itemProp="logo"
|
||||
/>
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<ul
|
||||
id="main-menu"
|
||||
className="nav-primary is-collapsed"
|
||||
data-collapsable="main-menu"
|
||||
>
|
||||
<li
|
||||
className="nav-primary__item nav-primary__item--primary hidden-large hidden-small hidden-xsmall hidden-xxsmall"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<a
|
||||
className="navigation-bar__main__logo"
|
||||
href="https://www.scandichotels.dk"
|
||||
>
|
||||
<img
|
||||
src="/Static/img/scandic-logotype.svg"
|
||||
data-js="scandiclogoimg"
|
||||
alt="Scandic Hotels logo"
|
||||
height="22"
|
||||
data-nosvgsrc="/Static/img/scandic-logotype.png"
|
||||
/>
|
||||
<span className="hidden--accessible">
|
||||
Back to scandichotels.dk
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.dk/hoteller">
|
||||
Hoteller & destinationer
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.dk/rejseguide">
|
||||
Rejseguide
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.dk/mode-konference-event">
|
||||
Møde, konference & event
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.dk/oplev-scandic">
|
||||
Oplev Scandic
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.dk/tilbud-og-hotelpakker">
|
||||
Tilbud
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className="nav-primary__item nav-primary__item--secondary hidden-medium hidden-large ">
|
||||
<a href="https://www.scandichotels.dk/scandic-friends">
|
||||
Om Scandic Friends
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--secondary hidden-medium hidden-large ">
|
||||
<a href="https://www.scandichotels.dk/forretningsrejse">
|
||||
Forretningsrejse
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className="nav-primary__item hidden-medium hidden-large">
|
||||
{links ? <Mobile currentLanguage={currentLanguage} links={links} /> : null}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
106
components/Current/Header/De.tsx
Normal file
106
components/Current/Header/De.tsx
Normal file
@@ -0,0 +1,106 @@
|
||||
import { currentAboutLinks, currentSponsoringLinks, currentWifiLinks } from "@/constants/current/links"
|
||||
|
||||
import Desktop from "./LanguageSwitcher/Desktop"
|
||||
import Mobile from "./LanguageSwitcher/Mobile"
|
||||
|
||||
import type { HeaderProps } from "@/types/components/current/header"
|
||||
import type { LanguageSwitcherLink } from "@/types/components/current/languageSwitcher"
|
||||
|
||||
const paths: Record<string, LanguageSwitcherLink[]> = {
|
||||
"/kundenbetreuung/haufig-gestellte-fragen/nutzung-der-internetseite": currentAboutLinks,
|
||||
"/scandic-entdecken/wlan": currentWifiLinks,
|
||||
"/sponsoring": currentSponsoringLinks,
|
||||
}
|
||||
|
||||
const currentLanguage = "Deutsch"
|
||||
|
||||
export default function DeHeader({ pathname }: HeaderProps) {
|
||||
const links = paths?.[pathname] ?? null
|
||||
|
||||
return (
|
||||
<header className="header" role="banner">
|
||||
<div className="offline-banner hidden">
|
||||
Sie sind offline. Manche Inhalte könnten nicht aktuell sein.
|
||||
<button type="button" className="reload">Neu laden</button>
|
||||
</div>
|
||||
|
||||
<div className="l-section main-header navigation-bar" data-js="main-nav-bar">
|
||||
<div className="navigation-bar__top navigation-bar__top--ghostwhite-light">
|
||||
<div className="l-section__inner">
|
||||
<a href="https://www.scandichotels.de" className="scandic-main-page-link">Back to scandichotels.de</a>
|
||||
<ul className="nav-secondary navbar-login">
|
||||
<li className="nav-secondary__item hidden-xxsmall hidden-xsmall hidden-small">
|
||||
{links ? <Desktop currentLanguage={currentLanguage} links={links} /> : null}
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a className="nav-secondary__item__link" href="https://www.scandichotels.de/hotelreservation/get-booking">Buchung ansehen/ändern</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a className="nav-secondary__item__link" href="https://www.scandichotels.de/karriere-bei-scandic-hotels">Karriere bei Scandic</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a className="nav-secondary__item__link" href="https://www.scandichotels.de/geschaftsreisen">Firmenkunden</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a className="nav-secondary__item__link" href="https://www.scandichotels.de/scandic-friends">Über Scandic Friends</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="navigation-bar__main">
|
||||
<div className="l-section__inner l-section__inner--small-no-padding" itemScope={undefined} itemType="http://schema.org/Organization">
|
||||
<meta itemProp="name" content="Scandic" />
|
||||
<button type="button" className="navigation-bar__main__expander" data-js="main-nav-toggler" data-target="#main-menu" aria-pressed="false">
|
||||
<span className="icon-bars"></span><span className="hidden--accessible">Menu</span>
|
||||
</button>
|
||||
<a id="scandic-logo" className="navigation-bar__main__logo hidden-medium " href="https://www.scandichotels.de" itemProp="url">
|
||||
<span className="hidden--accessible">Back to scandichotels.de</span>
|
||||
<img src="/Static/img/scandic-logotype.svg" data-js="scandiclogoimg" alt="Scandic Hotels logo" height="22" data-nosvgsrc="/Static/img/scandic-logotype.png" itemProp="logo" />
|
||||
</a>
|
||||
<ul id="navbar-header-design" className="hidden hidden-medium hidden-large nav-primary__header">
|
||||
<li className="nav-primary__scandicfriendslogo">
|
||||
<img src="/Static/img/icons/scandic-friends/icon-scandic-friends.svg" width="35" height="35" />
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<nav>
|
||||
<ul id="main-menu" className="nav-primary is-collapsed" data-collapsable="main-menu">
|
||||
<li className="nav-primary__item nav-primary__item--primary hidden-large hidden-small hidden-xsmall hidden-xxsmall" aria-hidden="true">
|
||||
<a className="navigation-bar__main__logo" href="https://www.scandichotels.de">
|
||||
<img src="/Static/img/scandic-logotype.svg" data-js="scandiclogoimg" alt="Scandic Hotels logo" height="22" data-nosvgsrc="/Static/img/scandic-logotype.png" />
|
||||
<span className="hidden--accessible">Back to scandichotels.de</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.de/hotelsuche">Hotels & Reiseziele</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.de/reisemagazin">Reisemagazin</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.de/tagungen-und-events">Tagungen & Events</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.de/scandic-entdecken">Scandic entdecken</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.de/angebote-arrangements">Angebote</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--secondary hidden-medium hidden-large ">
|
||||
<a href="https://www.scandichotels.de/scandic-friends">Über Scandic Friends</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--secondary hidden-medium hidden-large ">
|
||||
<a href="https://www.scandichotels.de/geschaftsreisen">Geschäftsreisen</a>
|
||||
</li>
|
||||
<li className="nav-primary__item hidden-medium hidden-large">
|
||||
{links ? <Mobile currentLanguage={currentLanguage} links={links} /> : null}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
)
|
||||
}
|
||||
187
components/Current/Header/En.tsx
Normal file
187
components/Current/Header/En.tsx
Normal file
@@ -0,0 +1,187 @@
|
||||
/* eslint-disable @next/next/no-img-element */
|
||||
import { currentAboutLinks, currentSponsoringLinks, currentWifiLinks } from "@/constants/current/links"
|
||||
|
||||
import Desktop from "./LanguageSwitcher/Desktop"
|
||||
import Mobile from "./LanguageSwitcher/Mobile"
|
||||
|
||||
import type { LanguageSwitcherLink } from "@/types/components/current/languageSwitcher"
|
||||
import type { HeaderProps } from "@/types/components/current/header"
|
||||
|
||||
const paths: Record<string, LanguageSwitcherLink[]> = {
|
||||
"/customer-service/frequently-asked-questions/using-the-website": currentAboutLinks,
|
||||
"/explore-scandic/wifi": currentWifiLinks,
|
||||
"/sponsoring": currentSponsoringLinks,
|
||||
}
|
||||
|
||||
const currentLanguage = "English"
|
||||
|
||||
export default function EnHeader({ pathname }: HeaderProps) {
|
||||
const links = paths?.[pathname] ?? null
|
||||
return (
|
||||
<header className="header" role="banner">
|
||||
<div className="offline-banner hidden">
|
||||
You are offline, some content may be out of date.
|
||||
<button type="button" className="reload">
|
||||
Reload
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
className="l-section main-header navigation-bar"
|
||||
data-js="main-nav-bar"
|
||||
>
|
||||
<div className="navigation-bar__top navigation-bar__top--ghostwhite-light">
|
||||
<div className="l-section__inner">
|
||||
<a
|
||||
href="https://www.scandichotels.com"
|
||||
className="scandic-main-page-link"
|
||||
>
|
||||
Back to scandichotels.com
|
||||
</a>
|
||||
|
||||
<ul className="nav-secondary navbar-login">
|
||||
<li className="nav-secondary__item hidden-xxsmall hidden-xsmall hidden-small">
|
||||
{links ? <Desktop currentLanguage={currentLanguage} links={links} /> : null}
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="/hotelreservation/get-booking"
|
||||
>
|
||||
View/Cancel booking
|
||||
</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a className="nav-secondary__item__link" href="/work-with-us">
|
||||
Work with us
|
||||
</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="/corporate-travel"
|
||||
>
|
||||
Corporate Travel
|
||||
</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="/scandic-friends"
|
||||
>
|
||||
About Scandic Friends
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="navigation-bar__main">
|
||||
<div
|
||||
className="l-section__inner l-section__inner--small-no-padding"
|
||||
itemScope
|
||||
itemType="http://schema.org/Organization"
|
||||
>
|
||||
<meta itemProp="name" content="Scandic" />
|
||||
<button
|
||||
type="button"
|
||||
className="navigation-bar__main__expander"
|
||||
data-js="main-nav-toggler"
|
||||
data-target="#main-menu"
|
||||
aria-pressed="false"
|
||||
>
|
||||
<span className="icon-bars"></span>
|
||||
<span className="hidden--accessible">Menu</span>
|
||||
</button>
|
||||
|
||||
<a
|
||||
id="scandic-logo"
|
||||
className="navigation-bar__main__logo hidden-medium "
|
||||
href="https://www.scandichotels.com"
|
||||
itemProp="url"
|
||||
>
|
||||
<span className="hidden--accessible">
|
||||
Back to scandichotels.com
|
||||
</span>
|
||||
<img
|
||||
src="/Static/img/scandic-logotype.svg"
|
||||
data-js="scandiclogoimg"
|
||||
alt="Scandic Hotels logo"
|
||||
height="22"
|
||||
data-nosvgsrc="/Static/img/scandic-logotype.png"
|
||||
itemProp="logo"
|
||||
/>
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<ul
|
||||
id="main-menu"
|
||||
className="nav-primary is-collapsed"
|
||||
data-collapsable="main-menu"
|
||||
>
|
||||
<li
|
||||
className="nav-primary__item nav-primary__item--primary hidden-large hidden-small hidden-xsmall hidden-xxsmall"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<a
|
||||
className="navigation-bar__main__logo"
|
||||
href="https://www.scandichotels.com"
|
||||
>
|
||||
<img
|
||||
src="/Static/img/scandic-logotype.svg"
|
||||
data-js="scandiclogoimg"
|
||||
alt="Scandic Hotels logo"
|
||||
height="22"
|
||||
data-nosvgsrc="/Static/img/scandic-logotype.png"
|
||||
/>
|
||||
<span className="hidden--accessible">
|
||||
Back to scandichotels.com
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.com/hotels">
|
||||
Hotels & Destinations
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.com/travel-guides">
|
||||
Travel guides
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.com/conferences-meetings">
|
||||
Conferences & Meetings
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.com/explore-scandic">
|
||||
Explore Scandic
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.com/weekend-packages-and-offers">
|
||||
Offers
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className="nav-primary__item nav-primary__item--secondary hidden-medium hidden-large ">
|
||||
<a href="https://www.scandichotels.com/scandic-friends">
|
||||
About Scandic Friends
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--secondary hidden-medium hidden-large ">
|
||||
<a href="https://www.scandichotels.com/corporate-travel">
|
||||
Corporate Travel
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className="nav-primary__item hidden-medium hidden-large">
|
||||
{links ? <Mobile currentLanguage={currentLanguage} links={links} /> : null}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
189
components/Current/Header/Fi.tsx
Normal file
189
components/Current/Header/Fi.tsx
Normal file
@@ -0,0 +1,189 @@
|
||||
/* eslint-disable @next/next/no-img-element */
|
||||
import { currentAboutLinks, currentSponsoringLinks, currentWifiLinks } from "@/constants/current/links"
|
||||
|
||||
import Desktop from "./LanguageSwitcher/Desktop"
|
||||
import Mobile from "./LanguageSwitcher/Mobile"
|
||||
|
||||
import type { LanguageSwitcherLink } from "@/types/components/current/languageSwitcher"
|
||||
import type { HeaderProps } from "@/types/components/current/header"
|
||||
|
||||
const paths: Record<string, LanguageSwitcherLink[]> = {
|
||||
"/asiakaspalvelu/usein-kysytyt-kysymykset/tietoja-internetsivuista": currentAboutLinks,
|
||||
"/koe-scandic/maksuton-internetyhteys": currentSponsoringLinks,
|
||||
"/scandic-entdecken/wlan": currentWifiLinks,
|
||||
}
|
||||
|
||||
const currentLanguage = "Suomi"
|
||||
|
||||
export default function FiHeader({ pathname }: HeaderProps) {
|
||||
const links = paths?.[pathname] ?? null
|
||||
return (
|
||||
<header className="header" role="banner">
|
||||
<div className="offline-banner hidden">
|
||||
Ei yhteyttä verkkoon. Osa sisällöstä saattaa olla vanhentunut.
|
||||
<button type="button" className="reload">
|
||||
Lataa uudelleen
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
className="l-section main-header navigation-bar"
|
||||
data-js="main-nav-bar"
|
||||
>
|
||||
<div className="navigation-bar__top navigation-bar__top--ghostwhite-light">
|
||||
<div className="l-section__inner">
|
||||
<a
|
||||
href="https://www.scandichotels.fi"
|
||||
className="scandic-main-page-link"
|
||||
>
|
||||
Back to scandichotels.fi
|
||||
</a>
|
||||
|
||||
<ul className="nav-secondary navbar-login">
|
||||
<li className="nav-secondary__item hidden-xxsmall hidden-xsmall hidden-small">
|
||||
{links ? <Desktop currentLanguage={currentLanguage} links={links} /> : null}
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="https://www.scandichotels.fi/varaa-hotelli/hae-varaus"
|
||||
>
|
||||
Varaukseni
|
||||
</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="https://www.scandichotels.fi/tyo/avoimet-tyopaikat"
|
||||
>
|
||||
Työpaikat
|
||||
</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="https://www.scandichotels.fi/yrityksille"
|
||||
>
|
||||
Yrityksille
|
||||
</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="https://www.scandichotels.fi/scandic-friends"
|
||||
>
|
||||
Scandic Friends
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="navigation-bar__main">
|
||||
<div
|
||||
className="l-section__inner l-section__inner--small-no-padding"
|
||||
itemScope
|
||||
itemType="http://schema.org/Organization"
|
||||
>
|
||||
<meta itemProp="name" content="Scandic" />
|
||||
<button
|
||||
type="button"
|
||||
className="navigation-bar__main__expander"
|
||||
data-js="main-nav-toggler"
|
||||
data-target="#main-menu"
|
||||
aria-pressed="false"
|
||||
>
|
||||
<span className="icon-bars"></span>
|
||||
<span className="hidden--accessible">Menu</span>
|
||||
</button>
|
||||
|
||||
<a
|
||||
id="scandic-logo"
|
||||
className="navigation-bar__main__logo hidden-medium "
|
||||
href="https://www.scandichotels.fi"
|
||||
itemProp="url"
|
||||
>
|
||||
<span className="hidden--accessible">
|
||||
Back to scandichotels.fi
|
||||
</span>
|
||||
<img
|
||||
src="/Static/img/scandic-logotype.svg"
|
||||
data-js="scandiclogoimg"
|
||||
alt="Scandic Hotels logo"
|
||||
height="22"
|
||||
data-nosvgsrc="/Static/img/scandic-logotype.png"
|
||||
itemProp="logo"
|
||||
/>
|
||||
</a>
|
||||
<nav>
|
||||
<ul
|
||||
id="main-menu"
|
||||
className="nav-primary is-collapsed"
|
||||
data-collapsable="main-menu"
|
||||
>
|
||||
<li
|
||||
className="nav-primary__item nav-primary__item--primary hidden-large hidden-small hidden-xsmall hidden-xxsmall"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<a
|
||||
className="navigation-bar__main__logo"
|
||||
href="https://www.scandichotels.fi"
|
||||
>
|
||||
<img
|
||||
src="/Static/img/scandic-logotype.svg"
|
||||
data-js="scandiclogoimg"
|
||||
alt="Scandic Hotels logo"
|
||||
height="22"
|
||||
data-nosvgsrc="/Static/img/scandic-logotype.png"
|
||||
/>
|
||||
<span className="hidden--accessible">
|
||||
Back to scandichotels.fi
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.fi/hotellit">
|
||||
Hotellit ja kohteet
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.fi/matkavinkit">
|
||||
Matkavinkit
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.fi/kokoukset-ja-juhlatilat">
|
||||
Kokoukset ja juhlatilat
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.fi/koe-scandic">
|
||||
Koe Scandic
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.fi/tarjoukset">
|
||||
Tarjoukset
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className="nav-primary__item nav-primary__item--secondary hidden-medium hidden-large ">
|
||||
<a href="https://www.scandichotels.fi/scandic-friends">
|
||||
Scandic Friends
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--secondary hidden-medium hidden-large ">
|
||||
<a href="https://www.scandichotels.fi/yrityksille">
|
||||
Yrityksille
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className="nav-primary__item hidden-medium hidden-large">
|
||||
{links ? <Mobile currentLanguage={currentLanguage} links={links} /> : null}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
25
components/Current/Header/LanguageSwitcher/Desktop.tsx
Normal file
25
components/Current/Header/LanguageSwitcher/Desktop.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
import type { LanguageSwitcherProps } from "@/types/components/current/languageSwitcher";
|
||||
|
||||
export default function Desktop({ currentLanguage, links }: LanguageSwitcherProps) {
|
||||
return (
|
||||
<div className="dropdown-container navbar-language-selector ">
|
||||
<button className="navbar-language-selector__toggler" data-js="dropdown-toggler" aria-pressed="false">
|
||||
<svg focusable="false" className="icon icon--xs icon--white" viewBox="0 0 32 32">
|
||||
<use xlinkHref="/Static/img/icons/sprites.svg#icon-globe"></use>
|
||||
</svg>
|
||||
{currentLanguage} <span className="hidden--accessible">Choose language</span>
|
||||
<span className="caret"></span>
|
||||
</button>
|
||||
<ul className="dropdown-menu">
|
||||
{links.map(link => (
|
||||
<li
|
||||
className={currentLanguage === link.title ? "active" : undefined}
|
||||
key={link.href}
|
||||
>
|
||||
<a href="https://www.scandichotels.com/sponsoring">{link.title}</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
21
components/Current/Header/LanguageSwitcher/Mobile.tsx
Normal file
21
components/Current/Header/LanguageSwitcher/Mobile.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
import type { LanguageSwitcherProps } from "@/types/components/current/languageSwitcher"
|
||||
|
||||
export default function Mobile({ currentLanguage, links }: LanguageSwitcherProps) {
|
||||
return (
|
||||
<div className="navbar-language-selector">
|
||||
<button className="navbar-language-selector__toggler " data-js="collapsible-toggler" data-target="language-menu" aria-pressed="false">
|
||||
{currentLanguage} <span className="navbar-language-selector__toggler__arrow"></span><span className="hidden--accessible">Choose language</span>
|
||||
</button>
|
||||
<ul className="is-collapsed" data-collapsable="language-menu">
|
||||
{links.map(link => (
|
||||
<li
|
||||
className={`navbar-language-selector__item ${currentLanguage === link.title ? 'is-active' : ''}`}
|
||||
key={link.href}
|
||||
>
|
||||
<a href={link.href}>{link.title}</a>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
103
components/Current/Header/No.tsx
Normal file
103
components/Current/Header/No.tsx
Normal file
@@ -0,0 +1,103 @@
|
||||
import { currentAboutLinks, currentSponsoringLinks, currentWifiLinks } from "@/constants/current/links"
|
||||
|
||||
import Desktop from "./LanguageSwitcher/Desktop"
|
||||
import Mobile from "./LanguageSwitcher/Mobile"
|
||||
|
||||
import type { LanguageSwitcherLink } from "@/types/components/current/languageSwitcher"
|
||||
import type { HeaderProps } from "@/types/components/current/header"
|
||||
|
||||
const paths: Record<string, LanguageSwitcherLink[]> = {
|
||||
"/kundeservice/sporsmal-og-svar/bruk-av-nettsiden": currentAboutLinks,
|
||||
"/utforsk-scandic/wifi": currentWifiLinks,
|
||||
"/vi-sponser": currentSponsoringLinks,
|
||||
}
|
||||
|
||||
const currentLanguage = "Norsk"
|
||||
|
||||
export default function NoHeader({ pathname }: HeaderProps) {
|
||||
const links = paths?.[pathname] ?? null
|
||||
|
||||
return (
|
||||
<header className="header" role="banner">
|
||||
<div className="offline-banner hidden">
|
||||
Du er offline. Noe innhold kan være utdatert.
|
||||
<button type="button" className="reload">Last inn på nytt</button>
|
||||
</div>
|
||||
<div className="l-section main-header navigation-bar" data-js="main-nav-bar">
|
||||
<div className="navigation-bar__top navigation-bar__top--ghostwhite-light">
|
||||
<div className="l-section__inner">
|
||||
<a href="https://www.scandichotels.no" className="scandic-main-page-link">Tilbake til scandichotels.no</a>
|
||||
<ul className="nav-secondary navbar-login">
|
||||
<li className="nav-secondary__item hidden-xxsmall hidden-xsmall hidden-small">
|
||||
{links ? <Desktop currentLanguage={currentLanguage} links={links} /> : null}
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a className="nav-secondary__item__link" href="https://www.scandichotels.no/hotelreservation/get-booking">Vis/Avbestill din booking</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a className="nav-secondary__item__link" href="https://www.scandichotels.no/jobb-hos-oss/ledige-stillinger">Jobb hos oss</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a className="nav-secondary__item__link" href="https://www.scandichotels.no/for-bedrifter">For bedrifter</a>
|
||||
</li>
|
||||
<li className=" hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a className="nav-secondary__item__link" href="https://www.scandichotels.no/scandic-friends">Om Scandic Friends</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="navigation-bar__main">
|
||||
<div className="l-section__inner l-section__inner--small-no-padding" itemScope={undefined} itemType="http://schema.org/Organization">
|
||||
<meta itemProp="name" content="Scandic" />
|
||||
<button type="button" className="navigation-bar__main__expander" data-js="main-nav-toggler" data-target="#main-menu" aria-pressed="false">
|
||||
<span className="icon-bars"></span><span className="hidden--accessible">Menu</span>
|
||||
</button>
|
||||
<a id="scandic-logo" className="navigation-bar__main__logo hidden-medium " href="https://www.scandichotels.no" itemProp="url">
|
||||
<span className="hidden--accessible">Tilbake til scandichotels.no</span>
|
||||
<img src="/Static/img/scandic-logotype.svg" data-js="scandiclogoimg" alt="Scandic Hotels logo" height="22" data-nosvgsrc="/Static/img/scandic-logotype.png" itemProp="logo" />
|
||||
</a>
|
||||
<ul id="navbar-header-design" className="hidden hidden-medium hidden-large nav-primary__header">
|
||||
<li className="nav-primary__scandicfriendslogo">
|
||||
<img src="/Static/img/icons/scandic-friends/icon-scandic-friends.svg" width="35" height="35" />
|
||||
</li>
|
||||
</ul>
|
||||
<nav>
|
||||
<ul id="main-menu" className="nav-primary is-collapsed" data-collapsable="main-menu">
|
||||
<li className="nav-primary__item nav-primary__item--primary hidden-large hidden-small hidden-xsmall hidden-xxsmall" aria-hidden="true">
|
||||
<a className="navigation-bar__main__logo" href="https://www.scandichotels.no">
|
||||
<img src="/Static/img/scandic-logotype.svg" data-js="scandiclogoimg" alt="Scandic Hotels logo" height="22" data-nosvgsrc="/Static/img/scandic-logotype.png" />
|
||||
<span className="hidden--accessible">Tilbake til scandichotels.no</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.no/hotell">Hoteller og destinasjoner</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.no/reiseguider">Reiseguider</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.no/moter-og-konferanser">Møter og konferanser</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.no/utforsk-scandic">Utforsk Scandic</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.no/hotelltilbud">Tilbud</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--secondary hidden-medium hidden-large ">
|
||||
<a href="https://www.scandichotels.no/scandic-friends">Om Scandic Friends</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--secondary hidden-medium hidden-large ">
|
||||
<a href="https://www.scandichotels.no/for-bedrifter">For bedrifter</a>
|
||||
</li>
|
||||
<li className="nav-primary__item hidden-medium hidden-large">
|
||||
{links ? <Mobile currentLanguage={currentLanguage} links={links} /> : null}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
)
|
||||
}
|
||||
190
components/Current/Header/Sv.tsx
Normal file
190
components/Current/Header/Sv.tsx
Normal file
@@ -0,0 +1,190 @@
|
||||
/* eslint-disable @next/next/no-img-element */
|
||||
import { currentAboutLinks, currentSponsoringLinks, currentWifiLinks } from "@/constants/current/links"
|
||||
|
||||
import Desktop from "./LanguageSwitcher/Desktop"
|
||||
import Mobile from "./LanguageSwitcher/Mobile"
|
||||
|
||||
import type { LanguageSwitcherLink } from "@/types/components/current/languageSwitcher"
|
||||
import type { HeaderProps } from "@/types/components/current/header"
|
||||
|
||||
const paths: Record<string, LanguageSwitcherLink[]> = {
|
||||
"/kundservice/fragor-och-svar/om-scandics-webbplats": currentAboutLinks,
|
||||
"/utforska-scandic/wi-fi": currentWifiLinks,
|
||||
"/vi-sponsrar": currentSponsoringLinks,
|
||||
}
|
||||
|
||||
const currentLanguage = "Svenska"
|
||||
|
||||
export default function SvHeader({ pathname }: HeaderProps) {
|
||||
const links = paths?.[pathname] ?? null
|
||||
return (
|
||||
<header className="header" role="banner">
|
||||
<div className="offline-banner hidden">
|
||||
Du är offline. Sidan kan visa gammalt innehåll.
|
||||
<button type="button" className="reload">
|
||||
Ladda om
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
className="l-section main-header navigation-bar"
|
||||
data-js="main-nav-bar"
|
||||
>
|
||||
<div className="navigation-bar__top navigation-bar__top--ghostwhite-light">
|
||||
<div className="l-section__inner">
|
||||
<a
|
||||
href="https://www.scandichotels.se"
|
||||
className="scandic-main-page-link"
|
||||
>
|
||||
Tillbaka till scandichotels.se
|
||||
</a>
|
||||
|
||||
<ul className="nav-secondary navbar-login">
|
||||
<li className="nav-secondary__item hidden-xxsmall hidden-xsmall hidden-small">
|
||||
{links ? <Desktop currentLanguage={currentLanguage} links={links} /> : null}
|
||||
</li>
|
||||
<li className="hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="https://www.scandichotels.se/hotelreservation/hitta-bokning"
|
||||
>
|
||||
Visa bokning / Avboka
|
||||
</a>
|
||||
</li>
|
||||
<li className="hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="https://www.scandichotels.se/jobba-hos-oss/lediga-tjanster"
|
||||
>
|
||||
Jobba hos oss
|
||||
</a>
|
||||
</li>
|
||||
<li className="hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="https://www.scandichotels.se/for-foretag"
|
||||
>
|
||||
Företag
|
||||
</a>
|
||||
</li>
|
||||
<li className="hidden-xxsmall hidden-xsmall hidden-small nav-secondary__item">
|
||||
<a
|
||||
className="nav-secondary__item__link"
|
||||
href="https://www.scandichotels.se/scandic-friends"
|
||||
>
|
||||
Om Scandic Friends
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="navigation-bar__main">
|
||||
<div
|
||||
className="l-section__inner l-section__inner--small-no-padding"
|
||||
itemScope
|
||||
itemType="http://schema.org/Organization"
|
||||
>
|
||||
<meta itemProp="name" content="Scandic" />
|
||||
<button
|
||||
type="button"
|
||||
className="navigation-bar__main__expander"
|
||||
data-js="main-nav-toggler"
|
||||
data-target="#main-menu"
|
||||
aria-pressed="false"
|
||||
>
|
||||
<span className="icon-bars"></span>
|
||||
<span className="hidden--accessible">Menu</span>
|
||||
</button>
|
||||
|
||||
<a
|
||||
id="scandic-logo"
|
||||
className="navigation-bar__main__logo hidden-medium "
|
||||
href="https://www.scandichotels.se"
|
||||
itemProp="url"
|
||||
>
|
||||
<span className="hidden--accessible">
|
||||
Tillbaka till scandichotels.se
|
||||
</span>
|
||||
<img
|
||||
src="/Static/img/scandic-logotype.svg"
|
||||
data-js="scandiclogoimg"
|
||||
alt="Scandic Hotels logo"
|
||||
height="22"
|
||||
data-nosvgsrc="/Static/img/scandic-logotype.png"
|
||||
itemProp="logo"
|
||||
/>
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
<ul
|
||||
id="main-menu"
|
||||
className="nav-primary is-collapsed"
|
||||
data-collapsable="main-menu"
|
||||
>
|
||||
<li
|
||||
className="nav-primary__item nav-primary__item--primary hidden-large hidden-small hidden-xsmall hidden-xxsmall"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<a
|
||||
className="navigation-bar__main__logo"
|
||||
href="https://www.scandichotels.se"
|
||||
>
|
||||
<img
|
||||
src="/Static/img/scandic-logotype.svg"
|
||||
data-js="scandiclogoimg"
|
||||
alt="Scandic Hotels logo"
|
||||
height="22"
|
||||
data-nosvgsrc="/Static/img/scandic-logotype.png"
|
||||
/>
|
||||
<span className="hidden--accessible">
|
||||
Tillbaka till scandichotels.se
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.se/hotell">
|
||||
Hotell & destinationer
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.se/reseguide">
|
||||
Reseguider
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.se/konferens-mote">
|
||||
Konferens & möten
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.se/utforska-scandic">
|
||||
Utforska Scandic
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--primary ">
|
||||
<a href="https://www.scandichotels.se/erbjudanden-och-weekendpaket">
|
||||
Erbjudanden
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className="nav-primary__item nav-primary__item--secondary hidden-medium hidden-large ">
|
||||
<a href="https://www.scandichotels.se/scandic-friends">
|
||||
Om Scandic Friends
|
||||
</a>
|
||||
</li>
|
||||
<li className="nav-primary__item nav-primary__item--secondary hidden-medium hidden-large ">
|
||||
<a href="https://www.scandichotels.se/for-foretag">
|
||||
För företag
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li className="nav-primary__item hidden-medium hidden-large">
|
||||
{links ? <Mobile currentLanguage={currentLanguage} links={links} /> : null}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
30
components/Current/Header/index.tsx
Normal file
30
components/Current/Header/index.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
import { langEnum } from "@/types/lang";
|
||||
|
||||
import Da from "./Da";
|
||||
import De from "./De";
|
||||
import En from "./En";
|
||||
import Fi from "./Fi";
|
||||
import No from "./No";
|
||||
import Sv from "./Sv";
|
||||
|
||||
import type { HeaderProps } from "@/types/components/current/header";
|
||||
import type { LangProps } from "@/types/lang";
|
||||
|
||||
export default function Header({ lang, pathname }: LangProps<HeaderProps>) {
|
||||
switch (lang) {
|
||||
case langEnum.sv:
|
||||
return <Sv pathname={pathname} />;
|
||||
case langEnum.fi:
|
||||
return <Fi pathname={pathname} />;
|
||||
case langEnum.en:
|
||||
return <En pathname={pathname} />;
|
||||
case langEnum.da:
|
||||
return <Da pathname={pathname} />;
|
||||
case langEnum.de:
|
||||
return <De pathname={pathname} />;
|
||||
case langEnum.no:
|
||||
return <No pathname={pathname} />;
|
||||
default:
|
||||
return null;
|
||||
}
|
||||
}
|
||||
93
components/Current/LangPopup/index.tsx
Normal file
93
components/Current/LangPopup/index.tsx
Normal file
@@ -0,0 +1,93 @@
|
||||
import { localeToLang } from "@/constants/locales";
|
||||
import { type Lang, langEnum } from "@/types/lang";
|
||||
import { headers } from "next/headers";
|
||||
|
||||
export default function LangPopup({ lang }: { lang: Lang }) {
|
||||
const headersList = headers();
|
||||
const preferedLang = headersList.get("Accept-Language") ?? "";
|
||||
|
||||
const possibleLocales = Object.keys(localeToLang);
|
||||
|
||||
if (!possibleLocales.includes(preferedLang)) {
|
||||
return null;
|
||||
}
|
||||
|
||||
//@ts-ignore
|
||||
const langOfChoice: Lang = localeToLang[preferedLang];
|
||||
|
||||
if (langOfChoice === lang) {
|
||||
return null;
|
||||
}
|
||||
|
||||
let language = "";
|
||||
let viewIn = "";
|
||||
|
||||
switch (langOfChoice) {
|
||||
case langEnum.de:
|
||||
language = "Deutsch";
|
||||
viewIn = "Ansicht in";
|
||||
break;
|
||||
case langEnum.da:
|
||||
language = "Dansk";
|
||||
viewIn = "Se in";
|
||||
break;
|
||||
case langEnum.fi:
|
||||
language = "Suomi";
|
||||
viewIn = "Katso in";
|
||||
break;
|
||||
case langEnum.no:
|
||||
language = "Norsk";
|
||||
viewIn = "Se in";
|
||||
break;
|
||||
case langEnum.sv:
|
||||
language = "Svenska";
|
||||
viewIn = "Visa in";
|
||||
break;
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="lang-popup hidden" id="lang-popup">
|
||||
<a
|
||||
href="#"
|
||||
className="lang-popup__close"
|
||||
title="Close language change popup"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlnsXlink="http://www.w3.org/1999/xlink"
|
||||
width="16px"
|
||||
height="16px"
|
||||
viewBox="0 0 16 16"
|
||||
version="1.1"
|
||||
style={{
|
||||
stroke: "#757575",
|
||||
width: "14px",
|
||||
height: "14px",
|
||||
display: "block",
|
||||
strokeWidth: "2px",
|
||||
}}
|
||||
>
|
||||
<title>Close</title>
|
||||
<g id="web-close" fill-rule="evenodd">
|
||||
<line x1="0" y1="0" x2="100%" y2="100%" />
|
||||
<line x1="0" y1="100%" x2="100%" y2="0" />
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
<div className="lang-popup__body">
|
||||
<p className="lang-popup__msg">
|
||||
You are viewing our website in English, would you like to change to{" "}
|
||||
{language}?
|
||||
</p>
|
||||
</div>
|
||||
<div className="lang-popup__footer">
|
||||
<a href="" className="lang-popup__cta btn btn--primary">
|
||||
{viewIn} {language}
|
||||
</a>
|
||||
<a href="#" className="lang-popup__cancel btn btn--link">
|
||||
No thanks
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
31
components/SkipToMainContent/index.tsx
Normal file
31
components/SkipToMainContent/index.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
import { Lang, langEnum } from "@/types/lang";
|
||||
|
||||
export default function SkipToMainContent({ lang }: { lang: Lang }) {
|
||||
let message = "Skip to main content";
|
||||
|
||||
switch (lang) {
|
||||
case langEnum.de:
|
||||
message = "Direkt zum Inhalt";
|
||||
break;
|
||||
case langEnum.sv:
|
||||
message = "Fortsätt till huvudinnehåll";
|
||||
break;
|
||||
case langEnum.da:
|
||||
message = "Spring over og gå til hovedindhold";
|
||||
break;
|
||||
case langEnum.no:
|
||||
message = "Gå videre til hovedsiden";
|
||||
break;
|
||||
case langEnum.fi:
|
||||
message = "Siirry pääsisältöön";
|
||||
break;
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="navigation--skip-to-content">
|
||||
<a data-js="skip-to-content" href="#maincontent">
|
||||
{message}
|
||||
</a>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
80
constants/current/links.ts
Normal file
80
constants/current/links.ts
Normal file
@@ -0,0 +1,80 @@
|
||||
export const currentAboutLinks = [
|
||||
{
|
||||
href: "https://www.scandichotels.com/customer-service/frequently-asked-questions/using-the-website",
|
||||
title: "English",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.se/kundservice/fragor-och-svar/om-scandics-webbplats",
|
||||
title: "Svenska",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.no/kundeservice/sporsmal-og-svar/bruk-av-nettsiden",
|
||||
title: "Norsk",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.dk/kundeservice/sporgsmal-og-svar/om-scandics-website",
|
||||
title: "Dansk",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.fi/asiakaspalvelu/usein-kysytyt-kysymykset/tietoja-internetsivuista",
|
||||
title: "Suomi",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.de/kundenbetreuung/haufig-gestellte-fragen/nutzung-der-internetseite",
|
||||
title: "Deutsch",
|
||||
},
|
||||
]
|
||||
|
||||
export const currentSponsoringLinks = [
|
||||
{
|
||||
href: "https://www.scandichotels.com/sponsoring",
|
||||
title: "English",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.se/vi-sponsrar",
|
||||
title: "Svenska",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.no/vi-sponser",
|
||||
title: "Norsk",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.dk/sponsorering",
|
||||
title: "Dansk",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.fi/sponsorointi",
|
||||
title: "Suomi",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.de/sponsoring",
|
||||
title: "Deutsch",
|
||||
},
|
||||
]
|
||||
|
||||
export const currentWifiLinks = [
|
||||
{
|
||||
href: "https://www.scandichotels.com/explore-scandic/wifi",
|
||||
title: "English",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.se/utforska-scandic/wi-fi",
|
||||
title: "Svenska",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.no/utforsk-scandic/wifi",
|
||||
title: "Norsk",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.dk/oplev-scandic/wifi",
|
||||
title: "Dansk",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.fi/koe-scandic/maksuton-internetyhteys",
|
||||
title: "Suomi",
|
||||
},
|
||||
{
|
||||
href: "https://www.scandichotels.de/scandic-entdecken/wlan",
|
||||
title: "Deutsch",
|
||||
},
|
||||
]
|
||||
41
constants/locales.ts
Normal file
41
constants/locales.ts
Normal file
@@ -0,0 +1,41 @@
|
||||
import { langEnum } from "@/types/lang";
|
||||
|
||||
export const localeToLang = {
|
||||
en: langEnum.en,
|
||||
"en-US": langEnum.en,
|
||||
"en-GB": langEnum.en,
|
||||
"en-DE": langEnum.en,
|
||||
"en-DK": langEnum.en,
|
||||
"en-SE": langEnum.en,
|
||||
"en-FI": langEnum.en,
|
||||
|
||||
sv: langEnum.sv,
|
||||
"se-SE": langEnum.sv,
|
||||
"sv-SE": langEnum.sv,
|
||||
"sv-FI": langEnum.sv,
|
||||
|
||||
fi: langEnum.fi,
|
||||
"fi-FI": langEnum.fi,
|
||||
"se-FI": langEnum.fi,
|
||||
"smn-FI": langEnum.fi,
|
||||
|
||||
dk: langEnum.da,
|
||||
da: langEnum.da,
|
||||
"da-DK": langEnum.da,
|
||||
"fo-DK": langEnum.da,
|
||||
|
||||
de: langEnum.de,
|
||||
"de-DE": langEnum.de,
|
||||
"dsb-DE": langEnum.de,
|
||||
"ksh-DE": langEnum.de,
|
||||
"nds-DE": langEnum.de,
|
||||
"hsb-DE": langEnum.de,
|
||||
"de-CH": langEnum.de,
|
||||
"de-AU": langEnum.de,
|
||||
|
||||
no: langEnum.no,
|
||||
nb: langEnum.no,
|
||||
"nb-NO": langEnum.no,
|
||||
"nn-NO": langEnum.no,
|
||||
"se-NO": langEnum.no,
|
||||
};
|
||||
62
middleware.ts
Normal file
62
middleware.ts
Normal file
@@ -0,0 +1,62 @@
|
||||
import { NextResponse } from "next/server";
|
||||
import type { NextRequest } from "next/server";
|
||||
|
||||
// This function can be marked `async` if using `await` inside
|
||||
export async function middleware(request: NextRequest) {
|
||||
// const locales = await fetch(CMS_API, {
|
||||
// locales: true
|
||||
// })
|
||||
const locales = ["en", "sv", "no", "fi", "da", "de"];
|
||||
|
||||
const locale = locales.find(
|
||||
(locale) =>
|
||||
request.nextUrl.pathname.startsWith(`/${locale}/`) ||
|
||||
request.nextUrl.pathname === `/${locale}`
|
||||
);
|
||||
|
||||
if (!locale) {
|
||||
//return <LocalePicker />
|
||||
return Response.json("Not found!!!", { status: 404 });
|
||||
}
|
||||
|
||||
// const data = await fetch(CMS_API, {
|
||||
// uri: request.nextUrl.pathname,
|
||||
// locale
|
||||
// }).json()
|
||||
|
||||
//const contentType = data.response.meta.contentType;
|
||||
const contentType = "currentContentPage";
|
||||
|
||||
const pathNameWithoutLocale = request.nextUrl.pathname.replace(
|
||||
`/${locale}`,
|
||||
""
|
||||
);
|
||||
|
||||
const searchParams = new URLSearchParams(request.nextUrl.searchParams)
|
||||
searchParams.set("uri", pathNameWithoutLocale)
|
||||
|
||||
switch (contentType) {
|
||||
case "currentContentPage":
|
||||
return NextResponse.rewrite(
|
||||
new URL(
|
||||
`/${locale}/current-content-page?${searchParams.toString()}`,
|
||||
request.url
|
||||
)
|
||||
);
|
||||
}
|
||||
return NextResponse.redirect(new URL("/home", request.url));
|
||||
}
|
||||
|
||||
// See "Matching Paths" below to learn more
|
||||
export const config = {
|
||||
matcher: [
|
||||
/*
|
||||
* Match all request paths except for the ones starting with:
|
||||
* - api (API routes)
|
||||
* - _next/static (static files)
|
||||
* - _next/image (image optimization files)
|
||||
* - favicon.ico (favicon file)
|
||||
*/
|
||||
"/((?!api|_next/static|_next/image|Static|imageVault|contentassets|favicon.ico).*)",
|
||||
],
|
||||
};
|
||||
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"content": "spons top"
|
||||
}
|
||||
3
mockCms/da/oplev-scandic/wifi/data.json
Normal file
3
mockCms/da/oplev-scandic/wifi/data.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"content": "spons top"
|
||||
}
|
||||
4
mockCms/da/sponsorering/data.json
Normal file
4
mockCms/da/sponsorering/data.json
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"content": "spons top"
|
||||
}
|
||||
3
mockCms/de/scandic-entdecken/wlan/data.json
Normal file
3
mockCms/de/scandic-entdecken/wlan/data.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"content": "spons top"
|
||||
}
|
||||
4
mockCms/de/sponsoring/data.json
Normal file
4
mockCms/de/sponsoring/data.json
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"content": "spons top"
|
||||
}
|
||||
3
mockCms/en/explore-scandic/wifi/data.json
Normal file
3
mockCms/en/explore-scandic/wifi/data.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"content": "spons top"
|
||||
}
|
||||
4
mockCms/en/sponsoring/data.json
Normal file
4
mockCms/en/sponsoring/data.json
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"content": "spons top"
|
||||
}
|
||||
3
mockCms/fi/koe-scandic/maksuton-internetyhteys/data.json
Normal file
3
mockCms/fi/koe-scandic/maksuton-internetyhteys/data.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"content": "spons top"
|
||||
}
|
||||
4
mockCms/fi/sponsorointi/data.json
Normal file
4
mockCms/fi/sponsorointi/data.json
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"content": "spons top"
|
||||
}
|
||||
3
mockCms/no/utforsk-scandic/wifi/data.json
Normal file
3
mockCms/no/utforsk-scandic/wifi/data.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"content": "spons top"
|
||||
}
|
||||
4
mockCms/no/vi-sponser/data.json
Normal file
4
mockCms/no/vi-sponser/data.json
Normal file
File diff suppressed because one or more lines are too long
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"content": "spons top"
|
||||
}
|
||||
3
mockCms/sv/utforska-scandic/wi-fi/data.json
Normal file
3
mockCms/sv/utforska-scandic/wi-fi/data.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"content": "spons top"
|
||||
}
|
||||
4
mockCms/sv/vi-sponsrar/data.json
Normal file
4
mockCms/sv/vi-sponsrar/data.json
Normal file
File diff suppressed because one or more lines are too long
@@ -1,4 +1,13 @@
|
||||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {}
|
||||
const nextConfig = {
|
||||
webpack(config) {
|
||||
config.module.rules.push({
|
||||
test: /\.svg$/,
|
||||
use: ["@svgr/webpack"],
|
||||
});
|
||||
|
||||
module.exports = nextConfig
|
||||
return config;
|
||||
},
|
||||
};
|
||||
|
||||
module.exports = nextConfig;
|
||||
|
||||
3
package-lock.json
generated
3
package-lock.json
generated
@@ -19,6 +19,9 @@
|
||||
"eslint": "^8",
|
||||
"eslint-config-next": "14.0.4",
|
||||
"typescript": "^5"
|
||||
},
|
||||
"engines": {
|
||||
"node": "18"
|
||||
}
|
||||
},
|
||||
"node_modules/@aashutoshrathi/word-wrap": {
|
||||
|
||||
@@ -9,17 +9,17 @@
|
||||
"lint": "next lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"next": "14.0.4",
|
||||
"react": "^18",
|
||||
"react-dom": "^18",
|
||||
"next": "14.0.4"
|
||||
"react-dom": "^18"
|
||||
},
|
||||
"devDependencies": {
|
||||
"typescript": "^5",
|
||||
"@types/node": "^20",
|
||||
"@types/react": "^18",
|
||||
"@types/react-dom": "^18",
|
||||
"eslint": "^8",
|
||||
"eslint-config-next": "14.0.4"
|
||||
"eslint-config-next": "14.0.4",
|
||||
"typescript": "^5"
|
||||
},
|
||||
"engines": {
|
||||
"node": "18"
|
||||
|
||||
407
public/Static/img/icons/sprites.svg
Normal file
407
public/Static/img/icons/sprites.svg
Normal file
@@ -0,0 +1,407 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generated by IcoMoon.io -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="215" height="32" viewBox="0 0 215 32">
|
||||
<defs>
|
||||
<g id="icon-location">
|
||||
<circle cx="16" cy="16" r="16"/>
|
||||
<path fill="#FFFFFF" d="M15.8,6.3c-4.4,0-8.1,3.6-8.1,8.1C7.7,18,10,21,13.2,22c0.6,0.9,0.9,2,2.5,4.8c1.4-2.8,1.8-3.8,2.4-4.7
|
||||
c3.4-1,5.9-4.1,5.9-7.8C23.9,10,20.3,6.3,15.8,6.3z M15.7,18.8c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4
|
||||
C20.1,16.9,18.1,18.8,15.7,18.8z"/>
|
||||
</g>
|
||||
<g id="icon-location-hotel">
|
||||
<circle fill="#CE2028" cx="16" cy="16" r="16"/>
|
||||
<path fill="#FFFFFF" d="M15.8,6.3c-4.4,0-8.1,3.6-8.1,8.1C7.7,18,10,21,13.2,22c0.6,0.9,0.9,2,2.5,4.8c1.4-2.8,1.8-3.8,2.4-4.7
|
||||
c3.4-1,5.9-4.1,5.9-7.8C23.9,10,20.3,6.3,15.8,6.3z M15.7,18.8c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4
|
||||
C20.1,16.9,18.1,18.8,15.7,18.8z"/>
|
||||
</g>
|
||||
<g id="icon-map-marker">
|
||||
<path d="M16.3,0C9.3,0,3.8,5.6,3.8,12.5c0,5.6,3.6,10.1,8.5,11.9c1,1.4,3,6,3.8,7.5c0.8-1.8,2.8-6,3.8-7.3
|
||||
c5.2-1.6,8.9-6.3,8.9-12.1C28.8,5.6,23.2,0,16.3,0z M16.2,19.2c-3.7,0-6.7-3-6.7-6.7c0-3.7,3-6.7,6.7-6.7s6.7,3,6.7,6.7
|
||||
C22.9,16.2,19.9,19.2,16.2,19.2z"/>
|
||||
</g>
|
||||
<g id="icon-red-map-marker">
|
||||
<path opacity="0.25" fill-rule="evenodd" clip-rule="evenodd" d="M17.6,32.1c4.7,0,8.5,0.9,8.5,2s-3.8,2-8.5,2c-4.7,0-8.5-0.9-8.5-2
|
||||
S12.9,32.1,17.6,32.1z"/>
|
||||
<path fill="#CD2128" d="M32.8,14.8C32.8,6.6,26.2,0,18,0S3.2,6.6,3.2,14.8c0,6.5,4.2,12,10,14c1.2,1.6,3.4,4.4,4.5,5.5
|
||||
c1.3-1.1,3.2-3.7,4.4-5.2C28.3,27.4,32.8,21.6,32.8,14.8z"/>
|
||||
<path fill="#FFFFFF" d="M17.9,6.9c-4.4,0-7.9,3.6-7.9,7.9s3.6,7.9,7.9,7.9c4.4,0,7.9-3.6,7.9-7.9S22.3,6.9,17.9,6.9z"/>
|
||||
</g>
|
||||
<g id="icon-location-hotel-handmade">
|
||||
<path d="M19,11c-0.1-0.1-0.3-0.3-0.4-0.4c-0.1-0.2-0.5-0.5-1-0.7c-0.4-0.3-1.3-0.4-1.9-0.4c-1.2-0.1-2.1,0.5-2.4,0.7
|
||||
c-0.1,0.1-0.5,0.4-0.9,0.9c-0.5,0.8-0.5,1-0.7,1.3c-0.1,0.4-0.4,0.9-0.2,2.2c0.3,1.4,0.7,1.7,0.8,1.9c0.2,0.4,0.4,0.6,0.6,0.7
|
||||
c0.3,0.2,0.4,0.3,1.2,0.8c0.4,0.2,0.7,0.3,1,0.4c0.3,0,0.4,0.1,0.7,0.1c0.2,0,0.4,0,0.5-0.1c0.1,0,0.2-0.1,0.3-0.1
|
||||
c0.6-0.2,1-0.4,1.2-0.4c0.1,0,0.4-0.1,0.5-0.3c0.4-0.3,0.7-0.6,1-1c0.1-0.1,0.1-0.2,0.2-0.4c0.5-1.2,0.4-1.8,0.5-2.3
|
||||
c0.1-0.4,0-1.2-0.3-1.7C19.7,12,19.5,11.6,19,11z"/>
|
||||
<path d="M31.6,12.5c-0.4-1.3-1-2.9-2.2-4.7c-0.4-0.4-0.6-0.8-1-1.2c-0.9-1.2-2-2.3-3.1-3.3l0,0
|
||||
c-0.7-0.6-1.4-1.2-1.7-1.4c-0.5-0.5-2.1-1.3-4.3-1.6c-0.4-0.1-0.9-0.1-1.2-0.1C17.7,0.1,17.2,0,16.5,0c-0.6,0-1.2,0-1.8,0
|
||||
c-1,0.1-2.8,0.2-4.3,0.7C8.9,1.4,8,1.9,7.4,2.3s-1,0.6-1.3,1C5.4,3.9,4.5,4.7,3.6,5.8C3.3,6.1,3,6.5,2.3,7.5c-0.5,0.9-1.4,2.4-2,5
|
||||
c-0.4,2.3-0.4,4.1-0.3,5.3c0,0.6,0.2,1.2,0.3,1.6c0.1,0.4,0.2,0.8,0.3,1.2c0.2,0.8,0.4,1.2,0.7,2c0.3,0.7,0.8,1.6,1.9,3.1
|
||||
c1.3,1.8,3,2.9,3.3,3.1c1,0.7,4.3,2.9,8.4,3.3c1.1,0.1,2.4,0.1,3.7-0.1c1.3-0.2,2.6-0.5,3.5-0.9c1.8-0.6,3.5-1.9,4-2.3
|
||||
c0.3-0.3,0.6-0.5,0.9-0.7c0.3-0.3,0.5-0.5,0.7-0.7c1.9-2.1,2.6-3.8,3.1-5.3c0.7-2,1.1-4.4,1.2-6.1C32.1,14.8,32,13.8,31.6,12.5z
|
||||
M24.4,15c-0.2,1-0.6,2.4-1.2,3.5c-0.5,0.9-1.2,1.8-2.5,2.8c-0.3,0.2-0.7,0.4-1.2,0.6c-0.2,0.1-0.5,0.3-1.1,0.4l-0.2,0.1l0,0
|
||||
c-0.1,0.1-0.2,0.2-0.2,0.4c-0.2,0.3-0.3,0.4-0.4,0.7c-0.3,0.5-0.5,1.2-0.9,1.9c-0.2,0.4-0.4,0.7-0.5,1.1c-0.1,0.2-0.2,0.4-0.3,0.6
|
||||
c-0.1,0.1-0.1,0.3-0.2,0.4l-0.1,0.2l-0.1-0.1c-0.2-0.4-0.4-0.7-0.5-1.1c-0.1-0.3-0.3-0.5-0.4-0.8c-0.3-0.5-0.4-1-0.6-1.4
|
||||
c-0.4-0.9-0.7-1.6-1-1.9c-0.1-0.1,0-0.1-0.2-0.1c-0.2-0.1-0.4-0.1-0.6-0.3c-0.4-0.2-1-0.5-1.5-0.9c-0.9-0.6-1.3-1.2-1.6-1.5
|
||||
c-0.3-0.4-0.4-0.6-0.7-1.1c-0.2-0.4-0.4-0.8-0.7-1.5s-0.5-1.8-0.5-3.2c0.1-1.6,0.4-2.6,0.6-3.2c0.3-0.6,0.4-0.9,0.6-1.2
|
||||
c0.4-0.7,1-1.2,1.3-1.7c0.4-0.4,0.6-0.9,2.5-1.8c0.9-0.4,2-0.6,2.6-0.6c0.4-0.1,0.7-0.1,1.1-0.1c0.4,0,0.6,0,1,0.1
|
||||
c0.2,0,0.4,0,0.7,0.1c1.3,0.2,2.2,0.7,2.6,1C20.5,6.6,21,7,21.4,7.3l0,0c0.7,0.6,1.3,1.3,1.9,2.1c0.2,0.2,0.3,0.4,0.4,0.7
|
||||
C24.8,12.4,24.6,14,24.4,15z"/>
|
||||
</g>
|
||||
<g id="icon-location-hotel-hotelpage">
|
||||
<path fill="none" d="M30.2,12.2c-0.7-1.1-1.5-2-2.4-2.8l0,0c-0.5-0.5-1.2-1-1.4-1.1c-0.5-0.4-1.7-1-3.4-1.3c-0.4,0-0.7-0.1-1-0.1
|
||||
c-0.4-0.1-0.9-0.1-1.3-0.1c-0.5,0-0.9,0-1.4,0.1c-0.7,0.1-2.2,0.3-3.3,0.9c-2.5,1.2-2.7,1.8-3.3,2.3c-0.5,0.6-1.1,1.3-1.7,2.3
|
||||
c-0.2,0.3-0.4,0.7-0.8,1.5c-0.3,0.8-0.8,2.1-0.8,4.2c0,1.9,0.4,3.2,0.7,4.2c0.3,1,0.7,1.5,0.9,2c0.3,0.6,0.6,0.9,0.9,1.3
|
||||
c0.4,0.4,0.9,1.1,2.1,1.9c0.7,0.5,1.4,0.9,2,1.1c0.3,0.1,0.6,0.2,0.8,0.3c0.2,0.1,0.2,0.1,0.3,0.2c0.3,0.4,0.7,1.3,1.2,2.5
|
||||
c0.3,0.6,0.5,1.2,0.9,1.9c0.2,0.3,0.3,0.7,0.5,1c0.2,0.4,0.5,0.9,0.7,1.3c0,0,0.1,0.2,0.1,0.2l0.1-0.2c0.1-0.2,0.2-0.3,0.2-0.5
|
||||
c0.1-0.3,0.3-0.5,0.4-0.8c0.2-0.5,0.5-0.9,0.7-1.4c0.5-0.9,0.9-1.8,1.2-2.5c0.2-0.3,0.3-0.6,0.5-0.9c0.1-0.1,0.2-0.3,0.3-0.4
|
||||
c0,0,0,0,0,0l0.2-0.1c0.6-0.2,1.1-0.4,1.4-0.5c0.5-0.2,1.2-0.6,1.5-0.8c1.8-1.3,2.6-2.5,3.3-3.6c0.9-1.5,1.4-3.3,1.6-4.6
|
||||
c0.2-1.4,0.4-3.4-1.3-6.5C30.6,12.8,30.4,12.5,30.2,12.2z M26.4,18.5c-0.2,0.6-0.1,1.5-0.7,3c-0.1,0.2-0.2,0.3-0.2,0.4
|
||||
c-0.4,0.5-0.8,0.9-1.3,1.3c-0.3,0.2-0.6,0.3-0.7,0.3c-0.3,0.1-0.8,0.3-1.6,0.6c-0.2,0-0.3,0.1-0.4,0.1c-0.2,0-0.4,0.1-0.7,0.1
|
||||
c-0.3,0-0.6,0-0.9-0.1c-0.4-0.1-0.9-0.2-1.3-0.5c-1.1-0.6-1.2-0.9-1.6-1c-0.3-0.2-0.6-0.5-0.9-1c-0.1-0.3-0.6-0.6-1-2.5
|
||||
c-0.2-1.7,0.1-2.5,0.3-2.9c0.2-0.5,0.2-0.7,1-1.8c0.5-0.6,1.1-1.1,1.1-1.2c0.3-0.3,1.6-1.1,3.1-1c0.8,0,1.9,0.3,2.5,0.6
|
||||
c0.6,0.3,1.2,0.8,1.3,0.9c0.2,0.2,0.4,0.4,0.5,0.5c0.7,0.7,0.9,1.3,1.2,1.8C26.4,17,26.5,17.9,26.4,18.5z"/>
|
||||
<path fill="#C7C6C5" d="M24.9,14.5c-0.1-0.1-0.3-0.4-0.5-0.5c-0.2-0.2-0.7-0.7-1.3-0.9c-0.6-0.3-1.7-0.6-2.5-0.6
|
||||
c-1.5-0.1-2.8,0.7-3.1,1c-0.1,0.1-0.7,0.5-1.1,1.2c-0.7,1.1-0.7,1.2-1,1.8c-0.1,0.4-0.5,1.2-0.3,2.9c0.4,1.9,0.9,2.2,1,2.5
|
||||
c0.2,0.4,0.6,0.8,0.9,1c0.3,0.2,0.4,0.4,1.6,1c0.4,0.2,0.9,0.4,1.3,0.5c0.3,0,0.6,0.1,0.9,0.1c0.2,0,0.5,0,0.7-0.1
|
||||
c0.1,0,0.2-0.1,0.4-0.1c0.8-0.3,1.3-0.5,1.6-0.6c0.1,0,0.4-0.1,0.7-0.3c0.5-0.4,0.9-0.8,1.3-1.3c0.1-0.1,0.2-0.3,0.2-0.4
|
||||
c0.7-1.5,0.6-2.3,0.7-3c0.1-0.6,0-1.5-0.3-2.2C25.9,15.8,25.6,15.2,24.9,14.5z"/>
|
||||
<path fill="#C7C6C5" d="M42,20.6c0.1-1.2,0-2.6-0.4-4.3c-0.4-1.7-1.2-3.8-2.9-6.2c-0.5-0.6-0.8-1.1-1.2-1.6
|
||||
c-1.2-1.6-2.5-3.1-4.1-4.3l0,0c-0.9-0.8-1.9-1.6-2.2-1.8c-0.8-0.6-2.8-1.7-5.6-2.1c-0.6-0.1-1.1-0.1-1.6-0.1
|
||||
C23.2,0.1,22.5,0,21.7,0c-0.8,0-1.6,0-2.4,0.1c-1.2,0.1-3.7,0.3-5.6,0.9c-2.1,0.7-3.3,1.4-4.1,1.9C8.9,3.4,8.4,3.7,8,4.2
|
||||
c-0.9,0.9-2.1,2-3.3,3.3C4.3,8,3.8,8.6,3,9.8c-0.7,1.3-1.8,3.2-2.6,6.6c-0.6,3.1-0.5,5.4-0.3,7c0.1,0.8,0.2,1.5,0.3,2.1
|
||||
c0.1,0.6,0.2,1.1,0.3,1.5c0.3,1,0.5,1.7,0.9,2.6c0.4,0.9,1,2.1,2.5,4c1.7,2.3,3.9,3.8,4.3,4.1c1.3,0.9,5.7,3.8,11,4.3
|
||||
c1.4,0.2,3.2,0.1,4.9-0.1c1.7-0.3,3.4-0.7,4.5-1.2c2.3-0.9,4.6-2.5,5.3-3.1c0.4-0.3,0.8-0.6,1.2-1c0.4-0.4,0.7-0.7,0.9-0.9
|
||||
c2.5-2.8,3.4-5,4.1-7C41.3,26,41.8,22.9,42,20.6z M32.1,19.7c-0.2,1.3-0.8,3.2-1.6,4.6c-0.6,1.1-1.5,2.3-3.3,3.6
|
||||
c-0.3,0.2-1,0.6-1.5,0.8c-0.3,0.1-0.8,0.3-1.4,0.5l-0.2,0.1c0,0,0,0,0,0c-0.1,0.1-0.2,0.3-0.3,0.4c-0.2,0.3-0.4,0.6-0.5,0.9
|
||||
c-0.3,0.7-0.8,1.6-1.2,2.5c-0.2,0.5-0.5,0.9-0.7,1.4c-0.1,0.3-0.3,0.5-0.4,0.8c-0.1,0.2-0.2,0.3-0.2,0.5l-0.1,0.2
|
||||
c0,0-0.1-0.1-0.1-0.2c-0.2-0.5-0.5-0.9-0.7-1.3c-0.2-0.4-0.3-0.7-0.5-1c-0.3-0.7-0.6-1.3-0.9-1.9c-0.5-1.2-0.9-2.1-1.2-2.5
|
||||
c-0.1-0.1,0-0.1-0.3-0.2c-0.2-0.1-0.5-0.2-0.8-0.3c-0.6-0.3-1.3-0.6-2-1.1c-1.2-0.8-1.7-1.5-2.1-1.9c-0.4-0.5-0.6-0.8-0.9-1.3
|
||||
c-0.2-0.4-0.6-1-0.9-2c-0.3-1-0.7-2.3-0.7-4.2c0.1-2.1,0.5-3.4,0.8-4.2c0.4-0.8,0.6-1.2,0.8-1.5c0.6-0.9,1.2-1.7,1.7-2.3
|
||||
C13.3,9.6,13.6,9,16,7.9c1.1-0.5,2.6-0.8,3.3-0.9c0.5-0.1,0.9-0.1,1.4-0.1c0.4,0,0.9,0,1.3,0.1c0.3,0,0.6,0,1,0.1
|
||||
C24.8,7.3,26,8,26.5,8.3c0.2,0.1,0.8,0.6,1.4,1.1l0,0c1,0.8,1.8,1.7,2.4,2.8c0.2,0.3,0.4,0.6,0.6,1C32.5,16.3,32.3,18.3,32.1,19.7
|
||||
z"/>
|
||||
</g>
|
||||
<g id="icon-opening-hours">
|
||||
<path class="path1" d="M32 15.553c-0.223-8.856-7.591-15.777-16.447-15.553-8.856 0.298-15.777 7.665-15.553 16.521 0.298 8.781 7.665 15.777 16.521 15.479 8.781-0.223 15.777-7.591 15.479-16.447zM24.93 17.563l3.423-0.074c-0.67 5.879-5.433 10.567-11.386 11.014l-0.074-3.498-2.381 0.074 0.074 3.423c-5.433-0.744-9.898-4.912-10.865-10.344l3.423-0.074-0.074-2.381-3.498 0.074c0.074-6.028 4.465-11.014 10.27-12.056l0.074 3.423 2.456-0.074-0.074-3.498c6.4 0.074 11.684 5.060 12.205 11.46l-3.498 0.074-0.074 2.456zM14.66 14.437c-0.967 0.372-1.563 1.265-1.563 2.307 0 1.191 0.893 2.084 2.009 2.307l5.581 3.795-2.679-5.953 5.656-8.781-9.005 6.326z"></path>
|
||||
</g>
|
||||
|
||||
<g id="icon-phone">
|
||||
<path d="M16,0C7.2,0,0,7.2,0,16c0,8.8,7.2,16,16,16c8.8,0,16-7.2,16-16C32,7.2,24.8,0,16,0z M22.6,25.4c-0.1,0.2-0.2,0.3-0.4,0.4
|
||||
l-0.9,0.4c-0.4,0.2-0.7,0.3-1,0.3c-0.4,0.1-0.7,0.1-1.1,0.1c-0.6,0-1.1-0.1-1.7-0.3c-0.6-0.2-1.1-0.5-1.6-0.9
|
||||
c-0.5-0.3-1-0.8-1.5-1.3c-0.5-0.6-0.9-1.2-1.3-1.8c-0.2-0.3-0.5-0.7-0.7-1.2l-0.1-0.2c-0.2-0.4-0.4-0.8-0.6-1.2
|
||||
c-0.3-0.6-0.6-1.2-0.9-1.9c-0.3-0.6-0.5-1.2-0.7-1.8l-0.1-0.4c-0.1-0.3-0.2-0.7-0.3-0.9c-0.1-0.4-0.2-0.7-0.2-1.1
|
||||
c-0.1-0.4-0.2-0.9-0.3-1.5C9,11.8,9,11.3,9,10.8C9,10.2,9,9.6,9.2,9c0.1-0.6,0.3-1.1,0.6-1.6c0.2-0.5,0.6-0.9,1-1.3
|
||||
c0.4-0.4,0.9-0.7,1.4-1l1.1-0.5c0.2-0.1,0.5,0,0.6,0.1C14,4.7,14.1,4.9,14.1,5l1.8,4.1C16,9.2,16,9.3,16,9.4c0,0.2,0,0.3-0.1,0.4
|
||||
c0,0,0,0.1-0.1,0.1c-0.1,0.1-0.2,0.2-0.4,0.3l-1.8,0.8c-0.3,0.1-0.5,0.3-0.7,0.6c-0.2,0.3-0.2,0.6-0.2,0.8c0,0.2,0,0.4,0.1,0.6l3,7
|
||||
c0.1,0.3,0.3,0.5,0.6,0.7c0.5,0.3,0.9,0.3,1.4,0.1l2-0.9c0.2-0.1,0.4,0,0.6,0.1c0.2,0.1,0.3,0.3,0.4,0.5l1.8,4
|
||||
c0,0.1,0.1,0.2,0.1,0.4C22.7,25.2,22.6,25.3,22.6,25.4z"/>
|
||||
</g>
|
||||
<g id="icon-phone-handmade">
|
||||
<path d="M31.7,11.8c-0.4-1.3-1.1-2.9-2.4-4.6c-0.4-0.4-0.7-0.9-1-1.2c-1-1.2-2-1.5-3.3-3.3l0,0c-0.7,0-1.5-1.1-1.8-1.2
|
||||
c-0.6-0.4-2.2-1.2-4.4-1.3c-0.4,0-0.9,0-1.2,0C17.2,0,16.6,0,16.1,0c-0.6,0-1.2,0.1-1.8,0.1c-1,0.1-2.8,0.4-4.3,0.9
|
||||
C8.4,1.7,7.5,2.2,6.9,2.6C6.4,3,6,3.3,5.7,3.6C5,4.3,4.1,5.2,3.3,6.3C2.9,6.6,2.6,7.1,2,8c-0.4,1-1.3,2.5-1.8,5.1
|
||||
c-0.4,2.3-0.3,4.1,0,5.3C0.3,19,0.4,19.6,0.6,20c0.1,0.4,0.2,0.8,0.3,1.1c0.3,0.8,0.4,1.2,0.7,2c0.4,0.7,0.8,1.6,2,3
|
||||
C5,27.8,6.6,28.8,6.9,29c1.1,0.6,4.5,2.8,8.5,2.9c1.1,0.1,2.5,0,3.7-0.2c1.3-0.3,2.6-0.6,3.4-1.1c1.7-0.7,3.5-2,3.9-2.5
|
||||
c0.3-0.3,0.5-0.5,0.9-0.8c0.3-0.3,0.5-0.5,0.6-0.7c1.8-2.1,2.5-3.9,2.9-5.4c0.6-2,0.9-4.5,0.9-6.1C32.1,14.1,32,13.1,31.7,11.8z
|
||||
M22.1,24.5c-0.1,0.2-0.2,0.3-0.4,0.4l-0.8,0.4c-0.4,0.2-0.6,0.3-1,0.4c-0.4,0.1-0.6,0.1-1,0.1c-0.5,0-1.1-0.1-1.5-0.3
|
||||
c-0.5-0.2-1-0.4-1.4-0.8c-0.4-0.3-0.9-0.7-1.3-1.2c-0.4-0.5-0.8-1.1-1.2-1.6c-0.2-0.3-0.4-0.7-0.6-1.1l-0.1-0.3
|
||||
c-0.2-0.4-0.4-0.7-0.5-1.1c-0.3-0.5-0.5-1.1-0.8-1.7c-0.3-0.5-0.4-1.1-0.6-1.6l-0.1-0.3c-0.1-0.4-0.2-0.6-0.3-0.8
|
||||
c-0.1-0.4-0.2-0.6-0.3-1c-0.1-0.4-0.2-0.9-0.3-1.3c-0.1-0.4-0.1-0.9-0.1-1.3c0-0.5,0.1-1.1,0.2-1.7c0.1-0.5,0.3-1.1,0.5-1.5
|
||||
c0.2-0.4,0.5-0.8,0.9-1.2c0.4-0.4,0.8-0.6,1.2-0.9l1-0.4c0.2-0.1,0.4,0,0.5,0.1c0.2,0.1,0.2,0.3,0.3,0.4l1.6,3.7
|
||||
c0,0.1,0.1,0.2,0.1,0.4s0,0.3-0.1,0.4c0,0,0,0.1-0.1,0.1c-0.1,0.1-0.2,0.2-0.4,0.3L14,11.5c-0.3,0.1-0.4,0.3-0.6,0.5
|
||||
c-0.2,0.3-0.2,0.5-0.2,0.7c0,0.2,0,0.4,0.1,0.5l2.7,6.2c0.1,0.3,0.3,0.5,0.5,0.6c0.4,0.3,0.8,0.3,1.3,0.1l1.8-0.8
|
||||
c0.2-0.1,0.4,0,0.5,0.1s0.3,0.3,0.4,0.4l1.6,3.6c0,0.1,0.1,0.2,0.1,0.4C22.1,24.3,22.1,24.4,22.1,24.5z"/>
|
||||
</g>
|
||||
<g id="icon-phone-hotelpage">
|
||||
<path fill="#C7C6C5" d="M35,37c0.3-0.4,0.7-0.7,1.2-1.1c0.3-0.4,0.7-0.7,0.8-0.9c2.3-2.8,3.3-5.1,3.8-7.1c0.8-2.7,1.2-5.8,1.2-8.1
|
||||
c0-1.2-0.1-2.6-0.6-4.3c-0.5-1.8-1.4-3.9-3.1-6.1c-0.5-0.6-0.9-1.3-1.3-1.8c-1.3-1.6-2.7-1.9-4.3-4.4l0,0c-0.9,0-2-1.3-2.3-1.5
|
||||
c-0.8-0.6-2.9-1.5-5.7-1.8c-0.6,0-1.2,0-1.6,0c-0.6,0-1.3,0-2,0c-0.8,0-1.6,0.1-2.3,0.1c-1.3,0.1-3.6,0.5-5.6,1.2
|
||||
C11,2.1,9.9,2.9,9,3.4C8.3,4,7.9,4.3,7.4,4.8C6.6,5.7,5.3,6.9,4.3,8.3c-0.5,0.4-0.8,1.1-1.6,2.2c-0.6,1.3-1.7,3.3-2.3,6.7
|
||||
c-0.5,3-0.3,5.4,0,7c0.1,0.8,0.2,1.5,0.5,2.1c0.1,0.6,0.2,1.1,0.3,1.4c0.3,1.1,0.6,1.6,0.9,2.6c0.5,0.9,1,2.1,2.6,4
|
||||
c1.9,2.2,4.1,3.6,4.4,3.9c1.4,0.8,5.8,3.6,11.2,3.9c1.4,0.1,3.3,0,4.9-0.2c1.7-0.4,3.4-0.8,4.4-1.4C32.1,39.4,34.3,37.7,35,37z
|
||||
M28.4,34.7c-0.5,0.2-0.9,0.4-1.4,0.5c-0.5,0.1-0.9,0.1-1.4,0.1c-0.8,0-1.5-0.1-2.2-0.4s-1.5-0.7-2.1-1.2c-0.6-0.5-1.3-1.1-2-1.8
|
||||
c-0.7-0.8-1.2-1.5-1.6-2.5c-0.2-0.5-0.6-1.1-0.9-1.6l-0.3-0.2c-0.2-0.5-0.6-1.1-0.8-1.6c-0.3-0.8-0.8-1.6-1.2-2.5s-0.7-1.5-0.9-2.3
|
||||
l-0.1-0.5c-0.1-0.5-0.2-0.8-0.3-1.2c-0.1-0.5-0.2-0.9-0.3-1.4c-0.1-0.6-0.3-1.3-0.5-2c-0.1-0.7-0.1-1.3-0.1-2
|
||||
c0-0.8,0.1-1.6,0.2-2.5c0.2-0.8,0.5-1.5,0.8-2.2c0.3-0.6,0.7-1.2,1.3-1.8c0.5-0.6,1.2-0.9,1.9-1.3L17.7,6c0.3-0.1,0.7,0,0.8,0.1
|
||||
c0.2,0.1,0.3,0.4,0.3,0.5l2.3,5.4c0,0.1,0.1,0.2,0.1,0.5s-0.1,0.4-0.1,0.5L21,13c-0.1,0.2-0.2,0.4-0.5,0.4l-2.4,1.2
|
||||
c-0.3,0.2-0.7,0.5-0.8,0.8C17.1,15.7,17,16,17,16.5c0,0.4,0,0.6,0.2,0.8l4,9.2c0.2,0.5,0.5,0.7,0.8,0.9c0.6,0.4,1.3,0.5,1.9,0.1
|
||||
l2.7-1.2c0.2-0.1,0.6,0,0.7,0.1c0.2,0.1,0.5,0.4,0.5,0.6l2.3,5.4c0.1,0.1,0.1,0.2,0.1,0.5c0,0.2-0.1,0.5-0.1,0.6
|
||||
c-0.1,0.2-0.2,0.4-0.5,0.5L28.4,34.7z"/>
|
||||
</g>
|
||||
<g id="icon-wifi">
|
||||
<path class="path1" d="M16 0c-8.832 0-16 7.168-16 16s7.168 16 16 16 16-7.168 16-16-7.168-16-16-16zM15.893 23.893l-1.557-1.557c0.384-0.427 0.939-0.704 1.557-0.704s1.173 0.277 1.557 0.704l-1.557 1.557zM19.051 20.715c-0.789-0.853-1.92-1.365-3.179-1.365s-2.368 0.533-3.179 1.365l-1.472-1.472c1.173-1.216 2.816-1.984 4.651-1.984s3.477 0.768 4.651 1.984l-1.472 1.472zM22.144 17.621c-1.6-1.621-3.797-2.645-6.251-2.645s-4.672 1.024-6.272 2.645l-1.579-1.579 0.085-0.085c2.069-2.069 4.821-3.2 7.744-3.2s5.675 1.131 7.744 3.2l0.085 0.085-1.557 1.579zM25.323 14.443c-2.389-2.453-5.739-3.968-9.429-3.968s-7.040 1.515-9.429 3.968l-1.515-1.515 0.085-0.085c5.995-5.995 15.723-5.995 21.717 0l0.085 0.085-1.515 1.515z"></path>
|
||||
</g>
|
||||
|
||||
<g id="icon-google-directions">
|
||||
<path d="M5.68 0l14.24 14.24-5.68 5.68-14.24-14.24 5.68-5.68z" opacity="0.5"></path>
|
||||
<path d="M17.8 0l4.44 4.44-5.32 5.32c0 0-4.48 3.080-4.44 15.12 0 0.96 0 7.12 0 7.12h8v-7.12c0 0-0.72-5.92 2.68-9.76 0.28-0.2 4.44-4.44 4.44-4.44l4.4 4.44v-15.12h-14.2z"></path>
|
||||
</g>
|
||||
<g id="icon-google-directions-handmade">
|
||||
<path opacity="0.5" fill="#005E69" d="M19.8,13.7c-1.2-1.4-2-2.1-3.2-3.2c-0.4-0.4-1.1-1-1.3-1.2c-0.3-0.3-0.6-0.5-1.1-1c-0.4-0.5-0.6-0.6-0.8-1
|
||||
c-0.3-0.4-0.6-0.9-1.7-1.8C10.3,4.3,8.9,2.9,8,1.9C7,0.8,6.2,0,6.1,0.1C6,0.1,6.1,0.2,6.7,0.8l0.1,0.1L6,0.1L5.4,0.8
|
||||
C5.9,0.1,6,0,5.8,0.1C5.7,0.2,5.6,0.3,5.6,0.2c0,0-0.2,0.1-0.3,0.2C5,0.6,5,0.7,4.7,1c-0.3,0.3-0.6,0.7-1,1.1
|
||||
C3.3,2.6,3.1,2.7,2.3,3.5C1.8,4,1.4,4.3,1,4.7C0.9,4.9,0.7,5,0.5,5.1C0.3,5.4,0.2,5.6,0,5.8C0.2,5.9,0.3,6,0.4,6.1
|
||||
C0.6,6.3,1,6.5,1.2,6.8c0.7,0.6,2.4,2.4,3.6,3.6s2.2,2.3,3.4,3.4c0.6,0.6,1.9,1.8,3.1,3c0.6,0.6,1.2,1.2,1.7,1.8
|
||||
c0.5,0.6,1.1,1.1,1.4,1.4l0,0c0.4-0.4,0.8-0.8,1.5-1.4c0.5-0.6,1.3-1.4,2.6-2.7c0.4-0.4,0.5-0.6,0.8-0.8c0.3-0.3,0.6-0.5,1.1-1
|
||||
C20.2,14.1,20,13.9,19.8,13.7z M2.2,4L0.4,5.8l0,0l0,0C1.1,5,1.5,4.6,2.2,4z"/>
|
||||
<path fill="#005E69" d="M31.8,2.5c0-0.6-0.1-1.2-0.1-1.7V0.1h-3.9l0,0c-1,0-2-0.1-2.2-0.1C24.7,0,23,0,20.8,0.1c-0.5,0-1,0.1-1.4,0.1
|
||||
H18c-0.1-0.1-0.2-0.1-0.2-0.1v0.1h-0.1l0.1,0.1c-0.2,0-0.1,0,0.1,0.1l1.2,1.2c0.6,0.6,1.8,2,2.8,3l-0.1,0.1c-2.5,2.4-3,2.9-3.6,3.6
|
||||
c-0.4,0.4-0.7,0.8-1.2,1.2c-0.4,0.4-1,0.9-1.4,1.4c-0.3,0.4-0.6,0.9-1.2,1.9c-0.5,1.1-1.2,2.6-1.6,5.3c-0.4,2.4-0.5,4.2-0.5,5.4
|
||||
c0,1.3,0,2.1-0.1,2.8c0,0.8,0,1.2,0,2c0,0.8,0,1.8,0,3.6c0,0,0.4,0,0.6,0c2.1,0,4.3-0.1,4.6-0.1c0.3,0,0.6,0,1.1,0
|
||||
c0.5,0,1.1,0,1.8,0c0-1.8,0.1-4.2,0.1-6.8c0-1.2-0.1-2.5,0.1-3.8c0.2-1.3,0.5-2.6,0.9-3.4c0.4-1.2,1.2-2.2,1.6-2.6l-0.1,0.1
|
||||
c0.6-0.6,0.9-0.9,1.1-1.1c0.5-0.5,1.2-1.2,1.5-1.5c0.4-0.5,0.9-1,1.3-1.4l0.2-0.2l0,0l0,0c0.2,0.2,0.4,0.4,0.5,0.4
|
||||
c0.7,0.7,1.3,1.2,2,1.9c0.7,0.7,1.4,1.3,2,2c0-0.9,0-1.8,0-2.6c0-0.6,0-1.2,0.1-1.9C32.1,9.3,32,7,31.8,2.5z"/>
|
||||
</g>
|
||||
<g id="icon-google-directions-hotelpage">
|
||||
<g>
|
||||
<path fill="none" d="M0.6,7.6C0.6,7.6,0.6,7.6,0.6,7.6L0.6,7.6l2.3-2.4C2,6.1,1.5,6.6,0.6,7.6z"/>
|
||||
<path opacity="0.5" fill="#C7C6C5" d="M26,18c-1.6-1.9-2.6-2.8-4.2-4.2c-0.6-0.5-1.4-1.2-1.8-1.5c-0.4-0.3-0.8-0.7-1.3-1.3
|
||||
c-0.6-0.6-0.8-0.9-1.1-1.3c-0.4-0.6-0.8-1.1-2.2-2.3c-1.9-1.7-3.7-3.5-4.9-4.8C9.2,1,8.2,0,8,0.1C8,0.2,8.1,0.3,8.7,1
|
||||
c0,0,0.1,0.1,0.1,0.1L7.9,0.2L7.1,1C7.8,0.2,7.9,0,7.6,0.2C7.5,0.3,7.3,0.4,7.3,0.4c0,0-0.2,0.1-0.4,0.2C6.6,0.8,6.5,0.9,6.1,1.4
|
||||
C5.9,1.7,5.3,2.3,4.9,2.8C4.3,3.5,4.1,3.6,3,4.6C2.4,5.2,1.8,5.7,1.4,6.2C1.1,6.4,0.9,6.6,0.7,6.8C0.5,7.1,0.2,7.3,0,7.6
|
||||
C0.3,7.8,0.4,8,0.6,8.1C0.9,8.3,1.2,8.6,1.7,9c0.9,0.9,3.1,3.1,4.7,4.8c1.5,1.6,2.9,3.1,4.4,4.4c0.8,0.8,2.4,2.4,4,4
|
||||
c0.8,0.8,1.6,1.6,2.3,2.3c0.8,0.8,1.4,1.5,1.8,1.9c0,0,0,0,0,0c0.6-0.6,1.1-1.1,1.9-1.9c0.7-0.8,1.8-1.8,3.4-3.5
|
||||
c0.4-0.5,0.8-0.8,1.1-1.1c0.4-0.4,0.8-0.7,1.4-1.3C26.5,18.5,26.3,18.3,26,18z M0.6,7.6L0.6,7.6C0.6,7.6,0.6,7.6,0.6,7.6
|
||||
c0.8-1,1.4-1.5,2.3-2.4L0.6,7.6z"/>
|
||||
</g>
|
||||
<path fill="#C7C6C5" d="M41.6,1.1V0.2h-5.2c0,0,0,0,0,0c-1.3,0-2.6-0.1-2.9-0.2c-1-0.1-3.3-0.1-6.2,0.1c-0.7,0-1.3,0.1-1.8,0.1
|
||||
h-1.7c-0.1-0.1-0.2-0.1-0.2-0.1c0,0,0,0.1,0,0.1h-0.1l0.1,0.1c-0.2,0-0.1,0,0.1,0.1L25.1,2c0.8,0.9,2.4,2.5,3.8,4
|
||||
c0,0-0.1,0.1-0.2,0.2c-3.3,3.1-3.9,3.8-4.8,4.8c-0.4,0.5-0.9,1-1.5,1.6c-0.6,0.5-1.3,1.2-1.8,1.9c-0.4,0.5-0.8,1.1-1.5,2.5
|
||||
c-0.6,1.3-1.5,3.4-2.1,6.9c-0.5,3.1-0.6,5.4-0.7,7.2c0,1.7-0.1,2.8-0.1,3.7c0,1,0,1.7,0,2.6c0,1,0,2.3,0,4.7c0,0,0.4,0,0.9,0
|
||||
c2.8,0,5.5-0.1,6-0.1c0.3,0,0.8,0,1.4,0c0.7,0,1.5,0,2.4,0c0-2.3,0.1-5.5,0.1-8.8c-0.1-1.5-0.1-3.3,0.2-5c0.2-1.7,0.7-3.4,1.2-4.5
|
||||
c0.6-1.5,1.7-2.9,2.1-3.4l-0.1,0.1c0.9-0.9,1.2-1.2,1.4-1.4c0.7-0.7,1.6-1.6,2-2c0.6-0.7,1.2-1.3,1.8-1.8l0.2-0.2l0,0c0,0,0,0,0,0
|
||||
c0.2,0.2,0.4,0.4,0.7,0.6c0.9,0.9,1.7,1.7,2.5,2.5c0.9,0.9,1.8,1.8,2.7,2.7c0-1.2,0-2.3,0-3.4c0-0.9,0-1.7,0.1-2.4
|
||||
c0.1-2.4,0-5.5-0.3-11.4C41.7,2.4,41.6,1.7,41.6,1.1z"/>
|
||||
</g>
|
||||
<g id="icon-area">
|
||||
<path d="M21.28 31.96v-10.6l-10.56 0.040v10.6h-10.68v-10.68h10.6l-0.040-10.64h-10.6v-10.68h10.68v10.6l10.64 0.040v-10.6h10.68v10.68h-10.6l-0.040 10.56h10.6v10.68h-10.68z"></path>
|
||||
</g>
|
||||
|
||||
<g id="icon-people">
|
||||
<path d="M26.080 24.92c1.36 0.6 2.64 1.44 3.92 2.52s1.88 2.12 1.88 3.16h-23.84c0-1.040 0.64-2.080 1.88-3.16 1.28-1.080 2.56-1.92 3.92-2.52s2.4-0.96 3.2-1.080c0.36-0.080 0.56-0.68 0.56-1.76l-0.4-0.44c-0.28-0.32-0.6-0.84-0.96-1.48-0.36-0.68-0.6-1.36-0.72-2.040-0.48 0-0.84-0.44-1.040-1.32s-0.080-1.52 0.44-2c-0.040-0.72-0.080-1.2-0.080-1.48-0.040-0.28 0-0.64 0.040-1.12s0.12-0.92 0.2-1.28c0.12-0.36 0.28-0.76 0.52-1.2 0.24-0.4 0.56-0.76 0.92-1.040s0.84-0.48 1.44-0.68c0.56-0.2 1.28-0.28 2.040-0.28 0.8 0 1.48 0.080 2.040 0.28s1.040 0.4 1.44 0.68c0.36 0.28 0.68 0.6 0.92 1.040 0.24 0.4 0.44 0.8 0.52 1.2 0.12 0.36 0.16 0.8 0.2 1.28s0.040 0.84 0.040 1.12c-0.040 0.28-0.040 0.76-0.080 1.48 0.48 0.44 0.64 1.12 0.44 2s-0.56 1.32-1.040 1.32c-0.24 1.52-0.96 2.88-2.12 4v0.44c0 0.24 0.040 0.52 0.16 0.8s0.24 0.44 0.4 0.48v0 0c0.76 0.12 1.84 0.48 3.16 1.080zM10.36 24.64h-10.28c0-1.040 0.64-2.080 1.88-3.16 1.28-1.080 2.56-1.92 3.92-2.52s2.4-0.96 3.2-1.080c0.36-0.080 0.56-0.68 0.56-1.76l-0.44-0.44c-0.28-0.32-0.6-0.84-0.96-1.48-0.36-0.68-0.6-1.36-0.72-2.040-0.48 0-0.84-0.44-1.040-1.32s-0.080-1.52 0.44-2c-0.040-0.72-0.080-1.2-0.080-1.48-0.040-0.28 0-0.64 0.040-1.12s0.12-0.92 0.2-1.28c0.12-0.36 0.28-0.76 0.52-1.2 0.24-0.4 0.56-0.76 0.92-1.040s0.84-0.48 1.44-0.68c0.56-0.2 1.28-0.28 2.040-0.28 3.16 0 4.88 1.44 5.16 4.36-1.080 0.36-2 0.96-2.72 1.76-1.32 1.48-1.88 3.6-1.6 6.36-0.2 0.44-0.36 0.92-0.44 1.44-0.080 0.76 0.040 1.48 0.32 2.2 0.24 0.68 0.64 1.2 1.12 1.64 0.28 0.96 0.76 1.88 1.36 2.8-1.52 0.48-3 1.2-4.4 2.040v0c-0.16 0.040-0.28 0.16-0.44 0.28v0z"></path>
|
||||
</g>
|
||||
|
||||
<g id="icon-facebook">
|
||||
<path d="M150,0H0v150h150V0z M118.1,46.7l-9.9,0c-7.8,0-9.3,3.7-9.3,9.2v12h18.6l-2.4,18.8H98.9v48.3H79.4V86.6H63.2 V67.8h16.2V54c0-16.1,9.8-24.9,24.2-24.9c6.9,0,12.8,0.5,14.5,0.7V46.7z" />
|
||||
</g>
|
||||
|
||||
<g id="icon-twitter">
|
||||
<path d="M150,0H0v150h150c0,0,0,0,0,0L150,0L150,0z M118.8,57.7c0,0.8,0.1,1.7,0.1,2.5c0,26-19.8,55.9-55.9,55.9 c-11.1,0-21.4-3.3-30.1-8.8c1.5,0.2,3.1,0.3,4.7,0.3c9.2,0,17.7-3.1,24.4-8.4C53.3,99,46,93.4,43.5,85.5c1.2,0.2,2.4,0.4,3.7,0.4 c1.8,0,3.5-0.2,5.2-0.7c-9-1.8-15.8-9.7-15.8-19.3v-0.2c2.6,1.5,5.7,2.4,8.9,2.5c-5.3-3.5-8.7-9.5-8.7-16.4c0-3.6,1-7,2.7-9.9 C49.2,53.8,63.6,61.6,80,62.5c-1.2-5.3-0.3-11.5,3.5-17.8c11-9.4,23.2-7.3,30-0.1c4.5-0.9,8.7-2.5,12.5-4.8 c-1.5,4.6-4.6,8.4-8.6,10.9c4-0.5,7.8-1.5,11.3-3.1C125.9,51.5,122.6,54.9,118.8,57.7z" />
|
||||
</g>
|
||||
|
||||
<g id="icon-instagram">
|
||||
<path d="M96,60.2h9.9c2.2,0,3.9-1.8,3.9-3.9v-9.4c0-2.2-1.8-3.9-3.9-3.9H96c-2.2,0-3.9,1.8-3.9,3.9v9.4 C92,58.4,93.8,60.2,96,60.2z" />
|
||||
<path d="M76.1,93.6c9.7,0,17.5-7.6,17.5-17c0-9.4-7.8-17-17.5-17c-9.7,0-17.5,7.6-17.5,17 C58.6,86,66.4,93.6,76.1,93.6z" />
|
||||
<path d="M103.2,77.6c0,14.5-12.1,26.3-27.1,26.3c-15,0-27.1-11.8-27.1-26.3c0-2.6,0.4-5.1,1.1-7.5h-8V107 c0,1.9,1.6,3.5,3.5,3.5h60.7c1.9,0,3.5-1.6,3.5-3.5V70.1h-7.7C102.8,72.5,103.2,75,103.2,77.6z" />
|
||||
<path d="M150,0H0v150h150c0,0,0,0,0,0L150,0L150,0z M119.6,120.5H32.4V33.2h87.2V120.5z" />
|
||||
</g>
|
||||
|
||||
<g id="icon-google-plus">
|
||||
<path d="M69.8,34.3c-2.1-1.5-4.4-2.3-7.1-2.4c-3.6,0.1-6.5,1.5-8.9,4.3c-2,2.9-2.9,6.2-2.8,9.7 c0,4.7,1.4,9.7,4.2,14.8c1.3,2.4,3.1,4.4,5.2,6.1c2.1,1.7,4.6,2.5,7.3,2.5c3.5-0.1,6.3-1.4,8.6-3.7c1.1-1.7,1.8-3.4,2.1-5.1 c0.2-1.8,0.3-3.2,0.3-4.4c0-5.2-1.3-10.4-4-15.6C73.5,38,71.8,35.9,69.8,34.3z" />
|
||||
<path d="M68.9,90.4c-0.7-0.1-2.4,0-5.1,0.3c-2.7,0.4-5.5,1-8.3,1.9c-0.7,0.3-1.6,0.6-2.8,1.2 C51.4,94.2,50.2,95,49,96c-1.2,1.1-2.2,2.4-3.1,4c-1,1.7-1.4,3.7-1.4,6c0,4.6,2.1,8.4,6.3,11.4c4,3,9.4,4.5,16.3,4.6 c6.2-0.1,10.9-1.5,14.2-4.1c3.2-2.6,4.8-5.9,4.8-10c0-3.3-1.1-6.2-3.3-8.7c-2.3-2.3-5.9-5.2-10.8-8.6C71,90.4,70.1,90.4,68.9,90.4 z" />
|
||||
<path d="M150,0H0l0,0v150h150c0,0,0,0,0,0L150,0L150,0z M83.6,34.6c1,1,2,2.3,2.9,3.8c0.9,1.4,1.7,3.1,2.4,5 c0.6,1.9,0.9,4.2,0.9,6.7c-0.1,4.7-1.1,8.4-3.1,11.3c-1,1.4-2,2.6-3.1,3.8c-1.2,1.1-2.5,2.3-3.9,3.5c-0.8,0.8-1.5,1.7-2.2,2.8 c-0.8,1.1-1.2,2.3-1.2,3.7c0,1.4,0.4,2.5,1.2,3.4c0.7,0.9,1.3,1.6,2,2.2l4.5,3.6c2.8,2.3,5.2,4.8,7.3,7.5c2,2.8,3,6.4,3.1,10.9 c0,6.4-2.8,12-8.4,16.9c-5.8,5.1-14.2,7.7-25.2,7.9c-9.2-0.1-16-2-20.6-5.9c-4.6-3.6-6.9-7.9-6.9-12.8c0-2.4,0.7-5.1,2.2-8.1 c1.4-3,4.1-5.6,7.8-7.8c4.2-2.4,8.7-4,13.4-4.9c4.6-0.7,8.5-1.1,11.5-1.1c-0.9-1.2-1.8-2.6-2.5-4c-0.9-1.4-1.3-3-1.3-4.9 c0-1.2,0.2-2.1,0.5-2.9c0.3-0.8,0.6-1.6,0.8-2.3c-1.5,0.2-2.9,0.3-4.2,0.3c-7-0.1-12.3-2.3-16-6.6c-3.8-4-5.8-8.7-5.8-14 c0-6.4,2.7-12.3,8.1-17.5c3.7-3.1,7.6-5.1,11.6-6c4-0.8,7.7-1.2,11.2-1.2H97l-8.1,4.7h-8.1C81.7,32.9,82.6,33.6,83.6,34.6z M132.6,48.6h-13.8v13.8h-6.7V48.6H98.4v-6.7h13.8V28.2h6.7v13.8h13.8V48.6z" />
|
||||
</g>
|
||||
|
||||
<g id="icon-mail">
|
||||
<path d="M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18s18-8.1,18-18S27.9,0,18,0z M11.5,10.6h13.2c0.7,0,1.3,0.2,1.9,0.6
|
||||
l-7.4,7.3c-0.6,0.6-1.7,0.6-2.3,0l-7.3-7.3C10.1,10.8,10.8,10.6,11.5,10.6z M28,22.1c0,1.8-1.5,3.3-3.3,3.3H11.4
|
||||
c-1.8,0-3.3-1.5-3.3-3.3v-8.2c0-0.5,0.1-1,0.4-1.5l7.2,7.2c1.3,1.3,3.4,1.3,4.7,0l7.2-7.2c0.2,0.4,0.4,0.9,0.4,1.5L28,22.1z"/>
|
||||
</g>
|
||||
|
||||
<g id="icon-down-arrow">
|
||||
<path d="M2,0c0.3,0,0.6,0.1,0.8,0.2L18,7.4l15.2-7.2c1-0.5,2.2,0,2.6,1.1c0.5,1.1,0,2.3-1,2.8L18,12L1.2,4c-1-0.5-1.5-1.7-1-2.8C0.5,0.5,1.2,0,2,0z"/>
|
||||
</g>
|
||||
|
||||
<g id="icon-up-arrow">
|
||||
<path d="M34,12.1c-0.3,0-0.6-0.1-0.8-0.2L18,4.7L2.8,11.9c-1,0.5-2.2,0-2.6-1.1c-0.5-1.1,0-2.3,1-2.8L18,0.1l16.8,8c1,0.5,1.5,1.7,1,2.8C35.5,11.6,34.8,12.1,34,12.1z" />
|
||||
</g>
|
||||
|
||||
<g id="icon-restaurant-menu">
|
||||
<path opacity="0.2" d="M27.9,12.2c-0.1-2-0.1-4.4,0-6c0-0.2,0-0.4,0-0.6c0-0.3,0-0.6,0-0.9c-0.5,0-1,0-1.6,0c-0.4,0-0.9,0-1.4,0
|
||||
C25,4.1,25,3.5,25,3c0-0.4,0-0.7,0-1.1c0-0.5,0-1.1,0-1.7c-0.4,0.1-0.9,0.2-1.4,0.3c-0.4,0.1-0.8,0.2-1.2,0.3
|
||||
c-0.9,0.2-1.9,0.5-3.1,0.8c-0.6,0.1-1,0.3-1.5,0.4l-4.3,0.9c0,0,0,0,0,0c-0.9,0.2-1.9,0.3-2.1,0.3C10.6,3.4,9,3.7,7,4.3
|
||||
C6.5,4.4,6,4.5,5.7,4.6L4.2,4.9v1.7c0,0.9-0.1,2.7-0.1,4.1c-0.1,2.1-0.1,3.1-0.1,3.8c0,0.6,0,1,0,1.5c0,0.4,0,0.8,0,1.2
|
||||
c0,0.5,0,1,0,1.5c0,0.8,0,2.1,0,6.9c0,3.4,0,5.4,0,5.9c0.1,0,0.2,0,0.3-0.1c2.1,0,2.8,0,3.3,0c1.6,0,2,0,5.7,0
|
||||
c2.2,0,4.2-0.1,4.6-0.1c1.3,0,5.2,0,9.3,0.1c0.2,0,0.4,0,0.6,0c0-2.1,0.1-5.2,0.1-6.9c0-1.8,0-3.8,0-4.5c0-0.7,0-1.6,0-2.1
|
||||
C28,15.5,28,13.8,27.9,12.2z M14.8,4.3c0.6-0.1,1.4-0.2,1.8-0.3c2.3-0.5,3.8-0.8,5.3-1.1c0.6-0.1,1.3-0.3,1.9-0.4c0,0.5,0,1,0,1.4
|
||||
c0,0.3,0,0.5,0,0.8c-0.9,0-2,0.1-3.2,0.1c-0.6,0-1.1,0-1.6,0.1h-4.6c0,0,0,0,0,0c-1,0-2-0.1-2.2-0.1c-0.1,0-0.2,0-0.3,0
|
||||
C13,4.6,14.3,4.3,14.8,4.3z M26.6,21.5L26.6,21.5c0,0.8-0.1,1.7-0.1,2c-0.1,0.7-0.1,2.2,0,4.2c0,0.5,0,0.9,0.1,1.2l0,1.4h-1.7
|
||||
c-0.9,0-2.7-0.1-4.2-0.1c-3.2-0.1-3.8-0.1-4.8,0c-0.9,0-2.1,0-3.4,0c-0.2,0-0.5,0-0.9,0L5.2,30c0-3.8,0-5.5,0-6.5c0-0.8,0-1.3,0-2.1
|
||||
c0-0.7,0-1.5,0-3.5c0-1.8-0.1-3.5-0.1-3.8c0-0.4,0-1.1,0-1.9c0-0.7,0-1.6,0-2.5c0-1,0-2.2,0.1-3.3c0-0.1,0-0.3,0-0.4
|
||||
C7.2,5.9,9.9,6,11.5,6c1.7,0,3.7,0,4.3,0.1c0.6,0,1.5,0,2,0C20,6,21.5,6,22.9,6l2.2,0c0.5,0,0.9,0,1.4,0c0,0.4,0,0.8,0,1.2
|
||||
c0,0.4,0,0.8,0,1.2c-0.1,1.6,0,3.7,0.2,7.6c0,0.5,0,1,0.1,1.4L26.6,21.5z"/>
|
||||
<path d="M16.2,13c0-0.4-0.1-1.2-0.1-1.9C16,9.7,15.9,9.4,15.9,9c0-0.1,0-0.2,0-0.4c-0.3,0-0.5,0-0.9,0c0,0.1,0,0.3,0,0.4
|
||||
c0,0.4,0,1-0.1,3.1c0,0.8,0,1.3,0,1.3c-0.3,0-0.5,0-0.6,0c0-0.8,0-1.1,0-1.3c0-0.7,0-0.8,0-2.4c0-0.6,0-1.1,0-1.2
|
||||
c-0.5,0-0.7,0-0.8,0c-0.1,0-0.1,0-0.2,0c0,0.6,0,2.1,0,3.7c0,0.3,0,0.7,0,1.1c-0.2,0-0.4,0-0.5,0c0-0.5,0-0.8,0-1.1
|
||||
c0-0.8,0-1.7,0-1.9c0-0.3,0-0.7,0-0.9c0-0.4,0-0.8,0-1c-0.4,0-0.8,0-1,0c0,0.4,0,0.7-0.1,1c-0.1,0.9-0.1,1.9-0.2,2.6
|
||||
c0,0.4-0.1,0.8-0.1,1.4c0,0.5-0.1,1.3,0.5,2.1c0.1,0.1,0.2,0.2,0.3,0.3c0.6,0.6,1.6,0.8,2.4,0.6c0,0,0.1,0,0.1,0
|
||||
c0.2,0,0.3-0.1,0.3-0.1c0.3-0.1,1-0.5,1.2-1.5c0-0.1,0-0.2,0-0.3c0.1-0.3,0.1-0.6,0.1-1L16.2,13z"/>
|
||||
<path d="M14.8,24.6c0-0.3-0.1-0.6-0.1-0.8c0-0.2,0-0.4,0-0.6c0-0.3,0-0.4,0-0.6c0-0.2,0-0.5,0-1.1c-0.1-0.8-0.1-1.7-0.1-2.3
|
||||
c0-0.7,0-1.2-0.1-1.2c0,0,0,0.1,0,0.4c0,0,0,0,0,0.1l0-0.4c0-0.1,0-0.2-0.1-0.3c0.1,0.1,0.1,0.2,0.1,0.2c0,0.1,0,0.1,0,0
|
||||
c0-0.1,0-0.1,0-0.1c0,0,0-0.1,0-0.2c-0.1-0.1-0.1-0.2-0.3-0.3c-0.1-0.1-0.5-0.1-0.7,0c-0.3,0.2-0.4,0.3-0.5,0.8
|
||||
c-0.1,0.7-0.1,1.3-0.1,1.4c0,0.1,0,0.3,0,0.5c0,0.4,0,1.5-0.1,2.3c0,0.8-0.1,1.4-0.1,2.1c0,0.4,0,1.2-0.1,1.9c0,0.4,0,0.8,0,1.1
|
||||
c0,0.3,0,0.6,0.2,0.8c0.1,0.2,0.3,0.4,0.7,0.5c0.3,0.1,1.1,0,1.3-0.8c0-0.5,0-0.6,0-1.2C14.8,25.8,14.8,25.3,14.8,24.6z M13,18.3
|
||||
l0,1.1C13,19,13,18.7,13,18.3z"/>
|
||||
<path d="M21.1,16.3c0-0.6,0-1.3,0-1.7c0-0.5,0-1.1-0.1-2.4c0-0.2,0-0.3,0-0.4l0-1.3c0,0,0,0,0,0c0-0.2,0-0.5,0-0.6
|
||||
c0-0.2,0-0.7,0-1.3c0-0.2,0-0.3,0-0.4l0-0.4c0,0,0,0,0,0l0,0c0,0,0,0-0.1,0c-0.1,0-0.2,0-0.3,0c-0.2,0-0.8,0.1-1.2,0.4
|
||||
c-0.7,0.7-0.7,0.9-0.8,1.2c-0.1,0.3-0.2,0.6-0.2,1c0,0.3-0.1,0.6-0.1,2.1c-0.1,1.3,0,1.9,0,2.3c0,0.5,0,0.5,0.1,1.6
|
||||
c0,0.6,0.1,1.1,0.1,1.3c0,0.2,0,0.5,0.1,1c0,0.2,0,0.5,0.1,0.7c0.1,0.3,0.2,0.5,0.4,0.7c0.2,0.2,0.6,0.4,1,0.3
|
||||
c0.4,0,0.7-0.2,0.9-0.5c0.4-0.5,0.3-1.1,0.3-1.3c0-0.2,0-0.5,0-0.6C21.1,17.3,21.1,16.8,21.1,16.3z"/>
|
||||
<path d="M20.9,25.6c0-0.1,0-0.3,0-0.5c0-0.2,0-0.3,0-0.4c0-0.2,0-0.3,0-0.8c-0.1-0.6-0.1-1.3-0.1-1.7c0-0.5,0-0.9-0.1-0.9
|
||||
c0,0,0,0,0,0.3c0,0,0,0,0,0l0-0.3c0-0.1,0-0.2-0.1-0.2c0,0.1,0.1,0.2,0.1,0.2c0,0.1,0,0.1,0,0c0-0.1,0-0.1,0-0.1c0,0,0-0.1,0-0.1
|
||||
c0-0.1,0-0.1-0.2-0.3c-0.1-0.1-0.3-0.2-0.4-0.2c-0.3,0-0.3,0-0.6,0.2c-0.2,0.2-0.2,0.5-0.2,0.7c0,0.2,0,0.3,0,0.4c0,0,0,0.2,0,0.3
|
||||
c0,0.3-0.1,1.1-0.1,1.7c0,0.6-0.1,1-0.1,1.5c0,0.3,0,0.9-0.1,1.4c0,0.5-0.1,1.1,0.1,1.4c0.1,0.1,0.2,0.3,0.5,0.4
|
||||
c0.2,0.1,0.7,0.2,1.2-0.2c0.2-0.3,0.4-0.4,0.4-0.8c0-0.6,0-1-0.1-1.5C20.9,26,20.9,25.7,20.9,25.6z M19.3,21
|
||||
C19.3,21,19.3,21.1,19.3,21C19.3,21.1,19.3,21.1,19.3,21C19.3,21,19.3,21,19.3,21z M19.3,21.2c0,0.1,0,0.1-0.1,0.2l0,0.4
|
||||
C19.2,21.6,19.2,21.4,19.3,21.2z"/>
|
||||
</g>
|
||||
|
||||
<g id="icon-restaurant-hours">
|
||||
<path opacity="0.2" d="M31.4,12.3c-0.3-1.3-1-2.8-2.2-4.5c-2.6-4.5-7.4-7.6-12.9-7.6H16c-2.6,0-5.1,0.7-7.3,1.9C7,2.9,6.6,3.5,6,4
|
||||
C5.4,4.6,4.4,5.5,3.6,6.5C3.3,6.8,2.9,7.2,2.4,8.1C1.9,9.1,1,10.5,0.5,13c-0.4,2.3-0.3,4-0.1,5.2c0.1,0.6,0.2,1.1,0.3,1.6
|
||||
c0.1,0.4,0.2,0.8,0.3,1.1c0.2,0.8,0.4,1.2,0.7,1.9c0.3,0.7,0.8,1.5,1.9,3c1.3,1.7,3,2.8,3.3,2.9c1,0.6,4.3,2.7,8.4,3
|
||||
c1.1,0.1,2.4,0,3.7-0.1c1.3-0.2,2.5-0.6,3.4-1c1.7-0.7,3.4-1.9,3.9-2.4c0.5-0.4,1.2-1.1,1.5-1.4c1.8-2.1,2.5-3.7,3-5.2
|
||||
c0.7-2,1-4.3,1-6C31.8,14.6,31.8,13.6,31.4,12.3z M15.7,30.2c-0.4,0-0.9,0-1.3-0.1c-0.8-0.1-2.5-0.5-3.8-1.2c-2.7-1.4-3-2-3.8-2.4
|
||||
c-0.7-0.5-1.5-1.3-2.1-2.3c-0.2-0.3-0.5-0.7-0.9-1.6c-0.4-0.8-1.1-2.1-1.5-4.4c-0.3-2-0.2-3.5,0-4.6c0.1-0.5,0.2-1,0.3-1.4
|
||||
C2.8,12,2.8,11.7,3,11.4c0.3-0.6,0.4-1,0.7-1.6c0.1-0.3,0.3-0.6,0.6-1c0.2-0.4,0.6-0.9,1-1.6c1.1-1.5,2.6-2.6,2.8-2.8
|
||||
c0.4-0.4,1.4-1,2.7-1.5c1.3-0.5,3.1-0.9,4.8-0.9c0.9,0,2.1,0.2,3.2,0.4c1.1,0.3,2.1,0.7,2.8,1c1.5,0.6,2.8,1.8,3.2,2.2
|
||||
c0.4,0.4,1,1,1.2,1.3c1.6,1.7,2.2,3.1,2.8,4.4c0.7,1.7,1,3.8,0.7,5.2c-0.1,0.8-0.2,1.6-0.4,2.8c-0.2,1.1-0.6,2.5-1.5,4.3
|
||||
c-0.3,0.5-0.5,0.9-0.8,1.3c-0.8,1-1.8,2-2.9,2.7c0,0,0,0,0,0c-0.7,0.4-1.5,0.8-1.8,0.8c-0.7,0.2-2,0.9-3.8,1.4
|
||||
c-0.5,0.1-0.9,0.2-1.3,0.3c-0.4,0-0.9,0.1-1.3,0.1L15.7,30.2z"/>
|
||||
<path d="M16.4,18.6C16.4,18.6,16.4,18.6,16.4,18.6c-0.1,0-0.1,0-0.1,0L16.4,18.6z"/>
|
||||
<path d="M23.6,13.2c-0.3-0.4-1-0.5-1.4-0.1l0.1,0l-0.7,0.4c-1,0.6-2,1.2-3,1.8l-1.8,1l-0.4-0.4c-0.7-0.8-1.4-1.5-2.1-2.2
|
||||
c-0.7-0.7-1.3-1.3-1.8-1.9c-0.6-0.6-1.1-1.1-1.5-1.6C10.4,9.7,10,9.3,9.7,9C9.4,8.6,9.2,8.3,9,8.1c0,0,0,0-0.1,0
|
||||
C8.8,7.9,8.4,7.7,8,7.7c-0.5,0-1,0.3-1.1,0.8C6.8,8.7,6.7,9,6.8,9.3c0,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.1,0.2,0.2
|
||||
c0.2,0.2,0.4,0.4,0.7,0.7c0.5,0.5,1,1,1.6,1.6c0.6,0.6,1.2,1.2,1.9,1.9c0.7,0.7,1.4,1.4,2.1,2.1c0.4,0.4,0.8,0.8,1.1,1.1l0.6,0.6
|
||||
l0.3,0.3l0.1,0.1c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0,0.2,0.1,0.3,0.1c0.4,0.1,0.7-0.1,0.8-0.2l2.4-1.5c1-0.6,2-1.2,3.1-1.9l0.8-0.5
|
||||
l0,0l0,0C23.9,14.3,23.9,13.6,23.6,13.2z"/>
|
||||
</g>
|
||||
|
||||
<g id="icon-globe">
|
||||
<path d="M32,15.6c0,0,0-0.1,0-0.1c0-0.1,0-0.2,0-0.3c0-0.1,0-0.1,0-0.2c0-0.1,0-0.2,0-0.3c0-0.1,0-0.1,0-0.2c0-0.1,0-0.2,0-0.3
|
||||
c0-0.1,0-0.1,0-0.2c0-0.1,0-0.2,0-0.3c0-0.1,0-0.1,0-0.2c0-0.1,0-0.2,0-0.3c0,0,0-0.1,0-0.1c0-0.1,0-0.2-0.1-0.3c0,0,0-0.1,0-0.1
|
||||
c0-0.1-0.1-0.3-0.1-0.4c0,0,0,0,0-0.1c0-0.1-0.1-0.2-0.1-0.4c0,0,0-0.1,0-0.1c0-0.1-0.1-0.2-0.1-0.3c0,0,0-0.1,0-0.1
|
||||
c0-0.1-0.1-0.2-0.1-0.3c0,0,0-0.1,0-0.1c0-0.1-0.1-0.2-0.1-0.3c0,0,0-0.1,0-0.1c0-0.1-0.1-0.2-0.1-0.3c0,0,0-0.1,0-0.1
|
||||
c0-0.1-0.1-0.2-0.1-0.3c0,0,0,0,0-0.1c-0.1-0.3-0.2-0.5-0.4-0.8c0,0,0,0,0,0c-0.1-0.1-0.1-0.2-0.2-0.3c0,0,0-0.1,0-0.1
|
||||
c-0.1-0.1-0.1-0.2-0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.1-0.1-0.2-0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.1-0.1-0.2-0.2-0.3c0,0,0,0,0-0.1
|
||||
c-0.1-0.1-0.1-0.2-0.2-0.3c0,0,0,0,0,0c-0.2-0.4-0.5-0.7-0.8-1c0,0,0,0,0,0c-0.1-0.1-0.2-0.2-0.3-0.3c0,0,0,0,0,0
|
||||
c-0.1-0.1-0.2-0.2-0.2-0.3c0,0,0,0,0,0c-0.1-0.1-0.2-0.2-0.3-0.3c0,0,0,0,0,0c-0.1-0.1-0.2-0.2-0.3-0.3c0,0,0,0,0,0
|
||||
C27,4.3,26.6,4,26.1,3.6c0,0,0,0,0,0c0,0,0,0,0,0c-2.1-1.7-4.7-2.9-7.4-3.4c0,0,0,0-0.1,0c-0.2,0-0.3,0-0.5-0.1c0,0,0,0,0,0
|
||||
c-0.2,0-0.3,0-0.5-0.1c0,0,0,0,0,0c-0.1,0-0.3,0-0.4,0c0,0-0.1,0-0.1,0c-0.1,0-0.2,0-0.4,0c0,0-0.1,0-0.1,0c-0.2,0-0.3,0-0.5,0
|
||||
C7.2,0,0,7.2,0,16s7.2,16,16,16s16-7.2,16-16C32,15.9,32,15.7,32,15.6z M31.2,18.1c-0.3,0.6-0.5,1.6-0.8,1.4c-0.3-0.3,0-0.7,0.3-4
|
||||
c0.3-3.3-1,0-1,0.3c0,0.3,0,0.7-0.3,0.7c-0.3,0-0.7,0-1.3,0.3c-0.7,0.3-1.3,0.3-2.3-0.7c-1-1-1.6-2-1.6-4.3c0-2.3,0.7-2.3,0.7-3
|
||||
c0-0.7-0.7-1-1-1.3c-0.3-0.3-0.3-1-0.3-1.3c0-0.3,0-1-0.3-1c-0.3,0-2-1-2-1.6c0-0.7,1-0.7,1-0.7s-0.7-0.3-1.3-1
|
||||
c-0.2-0.2-0.3-0.4-0.4-0.7c2.4,0.7,4.6,2,6.5,3.9c0.2,0.2,0.5,0.5,0.7,0.8c-0.2,0-0.3-0.1-0.9-0.3c-0.8-0.3-0.5,0-1.5,0.3
|
||||
c-1,0.3-0.3,1.6,0,1.6c0.3,0,1-0.3,1.3-0.7c0.3-0.3,1-0.3,1.8-0.1c2,2.6,3.1,5.8,3.1,9.2C31.3,16.7,31.3,17.4,31.2,18.1z M14.8,30
|
||||
c0.7,0.7,0.3,0.7-1.3,0.7s-2-1.6-2-4c0-2.3-0.3-2-1-2.6c-0.7-0.7-2-2.6-2-4.3c0-1.6,1.3-1.6,1.3-2.3c0-0.7-0.7-0.7-1.3-0.7
|
||||
c-0.7,0-1-0.7-1-1.3c0-0.7-1-1.6-2-2.3c-1.6-2.6-1-5.6,0.3-7.6c1.3-2,4-3.6,4-3.6s0,0,0,0c1.9-0.8,4-1.3,6.1-1.3
|
||||
c0.8,0,1.5,0.1,2.3,0.2c0.1,0.2,0.3,0.5,0.5,0.8c0.7,0.7,1,1.3,0.3,1.3c-0.7,0-0.7-0.7-1-0.7c-0.3,0-0.3,1-1.3,1c-1,0-0.7-2-0.7-2
|
||||
l-0.7,0.3c0,0-0.3,1,0.3,2.3c0.7,1.3,1,2.3,1,2.6s-1.3,0-1.3,0s0,0.3-2,0.7c-2,0.3-2.3,2.3-2.6,2.6c-0.3,0.3-1,1.6-1.3,1.6
|
||||
c-1,0-0.7-1.3-1.6-1.3c-1,0-1.3,0.7-1.3,1.6c0,1,0.7,1.3,1,1.6c0.3,0.3,1.6,0,1.6,0.7c0,0.7-0.7,0.7-0.7,1.3c0,0.7,0.3,1,1,1
|
||||
c0.7,0,1.3-1.3,2.6-1.3s2.6,1.3,3.3,2c0.7,0.7,5.9,3.3,5.9,4c0,0.7-0.7,1-1.3,1.6c-0.7,0.7-0.3,1.3-1,2.3
|
||||
C18.5,26.1,14.2,29.4,14.8,30z M11.9,13.9c-1.3,0-1.6-1.3-1.6-1.3s0-0.3,0.7-0.3c0.7,0,0.7,0.7,1.3,1C12.9,13.5,13.2,13.9,11.9,13.9
|
||||
z" />
|
||||
</g>
|
||||
|
||||
<g id="icon-warning">
|
||||
<circle opacity="0.6" fill="#010202" enable-background="new " cx="15.625" cy="23.278" r="1.866"/>
|
||||
<path opacity="0.2" fill="#010202" enable-background="new " d="M31.435,11.879c-0.326-1.312-1.093-2.843-2.405-4.593
|
||||
c-0.328-0.438-0.656-0.766-0.983-1.093c-0.984-1.203-2.078-2.187-3.281-3.062l0,0c-0.764-0.547-1.53-1.203-1.749-1.312
|
||||
c-0.547-0.438-2.188-1.203-4.373-1.422c-0.438,0-0.875,0-1.204,0c-0.546-0.109-1.093-0.109-1.64-0.109c-0.656,0-1.203,0-1.75,0.109
|
||||
c-0.984,0.109-2.734,0.328-4.264,0.875C8.145,1.929,7.27,2.366,6.723,2.803C6.286,3.35,5.958,3.568,5.63,3.896
|
||||
C4.974,4.662,3.99,5.427,3.224,6.521C2.896,6.849,2.568,7.286,2.021,8.27c-0.546,0.875-1.312,2.406-1.75,4.921
|
||||
c-0.328,2.296-0.219,4.045,0,5.247c0.109,0.658,0.219,1.094,0.328,1.533c0.11,0.436,0.219,0.766,0.328,1.094
|
||||
c0.219,0.764,0.438,1.201,0.766,1.857c0.328,0.656,0.875,1.531,1.968,2.953c1.421,1.641,3.061,2.734,3.389,2.951
|
||||
c0.984,0.656,4.374,2.736,8.529,2.842c1.094,0.111,2.405,0,3.718-0.217c1.312-0.219,2.514-0.656,3.389-1.094
|
||||
c1.749-0.764,3.39-1.969,3.937-2.406c0.22-0.219,0.547-0.547,0.875-0.766c0.218-0.328,0.547-0.545,0.656-0.764
|
||||
c1.749-2.189,2.405-3.828,2.953-5.357c0.654-1.969,0.873-4.376,0.873-6.015C31.872,14.284,31.872,13.191,31.435,11.879z
|
||||
M14.159,30.029c-0.875-0.109-2.515-0.547-3.718-1.203c-2.733-1.422-2.952-1.969-3.718-2.404c-0.656-0.438-1.531-1.312-2.077-2.297
|
||||
c-0.219-0.33-0.438-0.766-0.984-1.531c-0.438-0.873-1.094-2.076-1.532-4.373c-0.328-1.968-0.218-3.5,0-4.593
|
||||
c0.219-1.093,0.438-1.749,0.657-2.296c0.218-0.656,0.437-0.984,0.765-1.641c0.219-0.546,0.656-1.312,1.64-2.624
|
||||
c1.094-1.531,2.625-2.515,2.843-2.733C8.363,4.006,9.347,3.35,10.66,2.803c1.312-0.547,3.061-0.875,4.811-0.875
|
||||
c0.984,0,2.078,0.109,3.28,0.437c1.094,0.328,2.187,0.656,2.843,0.984c1.422,0.657,2.843,1.75,3.281,2.187
|
||||
c0.437,0.438,0.983,0.984,1.202,1.312c1.64,1.75,2.296,3.062,2.843,4.374c0.766,1.641,0.984,3.828,0.766,5.249
|
||||
c-0.109,0.766-0.219,1.641-0.438,2.734c-0.219,1.092-0.547,2.516-1.422,4.264c-0.218,0.438-0.547,0.873-0.765,1.312
|
||||
c-0.875,1.094-1.858,1.967-2.952,2.734l0,0c-0.766,0.436-1.531,0.764-1.75,0.873c-0.655,0.221-1.969,0.875-3.827,1.422
|
||||
c-0.547,0.109-0.875,0.219-1.312,0.328c-0.438,0-0.875,0.107-1.312,0.107C15.361,30.139,14.815,30.139,14.159,30.029z"/>
|
||||
<path opacity="0.6" fill="#010202" enable-background="new " d="M15.625,19.326L15.625,19.326c-0.769,0-1.098-1.098-1.427-2.743
|
||||
l-0.549-7.576c0-0.878,0.549-2.085,1.977-2.085h0.329c1.208,0,1.646,1.208,1.646,2.195l-0.659,7.685
|
||||
C16.613,18.447,16.283,19.326,15.625,19.326z"/>
|
||||
</g>
|
||||
|
||||
<g id="icon-close-s">
|
||||
<path d="M18,36C8.1,36,0,27.9,0,18S8.1,0,18,0s18,8.1,18,18S27.9,36,18,36z M20.4,18l6.1-6.2c0.7-0.7,0.7-1.8,0-2.4
|
||||
c-0.7-0.7-1.8-0.7-2.4,0L18,15.6l-6.2-6.1c-0.7-0.7-1.8-0.7-2.4,0s-0.7,1.8,0,2.4l6.2,6.1l-6.1,6.2c-0.7,0.7-0.7,1.8,0,2.4
|
||||
s1.8,0.7,2.4,0l6.1-6.2l6.2,6.1c0.7,0.7,1.8,0.7,2.4,0c0.7-0.7,0.7-1.8,0-2.4L20.4,18z"/>
|
||||
</g>
|
||||
|
||||
<g id="icon-close-transparent-bg">
|
||||
<path d="M22.5,45C10.1,45,0,34.9,0,22.5C0,10.1,10.1,0,22.5,0S45,10.1,45,22.5C45,34.9,34.9,45,22.5,45z M22.5,1.2
|
||||
c-11.7,0-21.3,9.6-21.3,21.3c0,11.7,9.6,21.3,21.3,21.3s21.3-9.6,21.3-21.3C43.8,10.8,34.2,1.2,22.5,1.2z"/>
|
||||
<path d="M24.9,23c2.5,2.6,5,5.2,7.6,7.8c0.3,0.3,0.5,0.6,0.5,1.1c0,0.5-0.3,0.9-0.7,1.2c-0.5,0.2-0.9,0.2-1.4-0.1
|
||||
c-0.1-0.1-0.2-0.2-0.3-0.3c-2.5-2.6-5-5.2-7.5-7.7c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1,0.1-0.2,0.2-0.3,0.3c-2.6,2.5-5.2,5-7.8,7.6
|
||||
c-0.3,0.3-0.6,0.5-1,0.5c-0.6,0-1-0.2-1.3-0.7c-0.3-0.5-0.2-1,0.2-1.5c0.1-0.1,0.2-0.2,0.3-0.3c2.6-2.5,5.1-5,7.7-7.5
|
||||
c0.1-0.1,0.2-0.2,0.3-0.3c-0.1-0.1-0.2-0.3-0.3-0.4c-2.5-2.6-5-5.2-7.6-7.8c-0.3-0.3-0.5-0.6-0.5-1.1c0-0.5,0.3-0.9,0.8-1.2
|
||||
c0.5-0.2,0.9-0.2,1.3,0.1c0.1,0.1,0.3,0.2,0.4,0.3c2.5,2.6,5,5.1,7.5,7.7c0.1,0.1,0.2,0.2,0.3,0.3c0.2-0.1,0.3-0.2,0.3-0.3
|
||||
c2.6-2.5,5.2-5.1,7.8-7.6c0.3-0.3,0.6-0.5,1.1-0.5c0.5,0,0.9,0.3,1.2,0.7c0.2,0.5,0.2,1-0.2,1.4c-0.1,0.1-0.2,0.2-0.3,0.3
|
||||
c-2.6,2.5-5.1,5-7.7,7.5c-0.1,0.1-0.2,0.2-0.3,0.3C24.7,22.8,24.8,22.9,24.9,23z"/>
|
||||
</g>
|
||||
|
||||
<g id="icon-add">
|
||||
<path d="M18,0C8.1,0,0,8.1,0,18s8.1,18,18,18s18-8.1,18-18S27.9,0,18,0z M27.8,19.8h-8v8h-3.6v-8h-8v-3.6h8.1l0-8
|
||||
h3.6v8h8V19.8z"/>
|
||||
</g>
|
||||
<g id="icon-remove">
|
||||
<path d="M5.3,5.2c-7,7-7,18.4,0,25.5s18.4,7,25.5,0s7-18.4,0-25.5S12.3-1.8,5.3,5.2z M26.2,12.3L20.5,18l5.7,5.7
|
||||
l-2.5,2.5L18,20.5l-5.7,5.7l-2.5-2.5l5.7-5.7l-5.7-5.7l2.6-2.6l5.7,5.7l5.7-5.7L26.2,12.3z"/>
|
||||
</g>
|
||||
<g id="icon-right-arrow-bullet">
|
||||
<path d="M9.5,0C4.3,0,0,4.3,0,9.5S4.3,19,9.5,19S19,14.7,19,9.5S14.7,0,9.5,0z M8.2,14.8c-0.3,0.3-0.7,0.3-1,0
|
||||
C7.1,14.7,7,14.5,7,14.3c0-0.2,0.1-0.3,0.2-0.5l3.9-4.3L7.2,5.2c-0.3-0.3-0.2-0.7,0-1c0.3-0.3,0.7-0.3,1,0L13,9.5L8.2,14.8z"/>
|
||||
</g>
|
||||
|
||||
<g id="icon-left-arrow-bullet">
|
||||
<path class="st0" d="M0,18c0,9.9,8.1,18,18,18s18-8.1,18-18S27.9,0,18,0C8.1,0,0,8.1,0,18z M11.4,18l9.1-10c0.6-0.6,1.3-0.6,1.9,0
|
||||
c0.4,0.6,0.6,1.3,0,1.9L15,18l7.4,8.1c0.2,0.4,0.4,0.6,0.4,0.9c0,0.4-0.2,0.8-0.4,0.9c-0.6,0.6-1.3,0.6-1.9,0L11.4,18z" />
|
||||
</g>
|
||||
|
||||
<g id="icon-arrow-double-right">
|
||||
<path d="M4.7,0.7c-0.9-0.9-2.4-0.9-3,0C0.8,1.6,0.8,3.1,1.7,4l12.5,14L1.4,32c-0.3,0.6-0.6,0.9-0.6,1.5
|
||||
c0,0.6,0.3,1.2,0.6,1.8c0.9,0.9,2.4,0.9,3,0L20.2,18L4.7,0.7z M19.6,0.7c-0.9-0.9-2.4-0.9-3,0c-1.2,0.9-1.2,2.4-0.3,3.3l12.8,14
|
||||
L16.4,32c-0.3,0.6-0.6,0.9-0.6,1.5c0,0.6,0.3,1.2,0.6,1.8c0.9,0.9,2.4,0.9,3,0L35.2,18L19.6,0.7z"/>
|
||||
</g>
|
||||
</defs>
|
||||
|
||||
<g fill="#000000">
|
||||
<use xlink:href="#icon-location"></use>
|
||||
<use xlink:href="#icon-map-marker"></use>
|
||||
<use xlink:href="#icon-opening-hours"></use>
|
||||
<use xlink:href="#icon-phone"></use>
|
||||
<use xlink:href="#icon-wifi"></use>
|
||||
<use xlink:href="#icon-google-directions"></use>
|
||||
<use xlink:href="#icon-area"></use>
|
||||
<use xlink:href="#icon-people"></use>
|
||||
<use xlink:href="#icon-facebook"></use>
|
||||
<use xlink:href="#icon-twitter"></use>
|
||||
<use xlink:href="#icon-instagram"></use>
|
||||
<use xlink:href="#icon-google-plus"></use>
|
||||
<use xlink:href="#icon-mail"></use>
|
||||
<use xlink:href="#icon-down-arrow"></use>
|
||||
<use xlink:href="#icon-restaurant-menu"></use>
|
||||
<use xlink:href="#icon-restaurant-hours"></use>
|
||||
<use xlink:href="#icon-globe"></use>
|
||||
<use xlink:href="#icon-warning"></use>
|
||||
<use xlink:href="#icon-close-s"></use>
|
||||
<use xlink:href="#icon-close-transparent-bg"></use>
|
||||
<use xlink:href="#icon-remove"></use>
|
||||
<use xlink:href="#icon-add"></use>
|
||||
<use xlink:href="#icon-right-arrow-bullet"></use>
|
||||
<use xlink:href="#icon-arrow-double-right"></use>
|
||||
</g>
|
||||
|
||||
<filter id="blur">
|
||||
<feGaussianBlur stdDeviation="15" />
|
||||
</filter>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 38 KiB |
BIN
public/Static/img/scandic-logotype-white.png
Normal file
BIN
public/Static/img/scandic-logotype-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 785 B |
25
public/Static/img/scandic-logotype-white.svg
Normal file
25
public/Static/img/scandic-logotype-white.svg
Normal file
@@ -0,0 +1,25 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="27 7.7 85 18.3" style="enable-background:new 27 7.7 85 18.3;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<path class="st0" d="M51.8,25.6c-1.2,0.3-2.4,0.4-3.6,0.4c-4.3,0-7.1-2-7.1-6.7c0-4.5,2.9-6.4,7-6.4c1.2,0,2.4,0.1,3.6,0.3v2.2
|
||||
c-0.9-0.1-1.6-0.2-2.4-0.2c-3.3,0-4.9,1-4.9,4.3c0,3.1,1.5,4.2,4.9,4.2c0.9,0,1.6-0.1,2.4-0.2v2.1H51.8z"/>
|
||||
<path class="st0" d="M96.1,25.7h3.2V13.1h-3.2V25.7z M96.1,10.6h3.2V7.7h-3.2V10.6z"/>
|
||||
<path class="st0" d="M93.5,25.4c-0.6,0.1-2.8,0.5-5,0.5c-4.1,0-7.1-1.9-7.1-6.5c0-4.4,2.7-6.6,6.8-6.6c0.6,0,1.6,0.1,2.1,0.1V7.7
|
||||
h3.2C93.5,8.3,93.5,25.1,93.5,25.4 M90.4,23.5v-8.2c-0.4,0-1.1-0.1-1.8-0.1c-2.9,0-4,1.4-4,4.3c0,2.6,1,4.2,3.9,4.2
|
||||
C89.1,23.7,89.7,23.6,90.4,23.5"/>
|
||||
<path class="st0" d="M79.3,25.7h-3.1v-8.3c0-1.4-0.6-2.2-2.6-2.2c-1.4,0-2.9,0.3-2.9,0.3v10.2h-3.1V13.5c0.2,0,4.2-0.6,6.5-0.6
|
||||
c2.8,0,5.3,0.5,5.3,4.3L79.3,25.7L79.3,25.7z"/>
|
||||
<path class="st0" d="M65,25.7c-2.2,0.2-3.9,0.3-5.8,0.3c-3.2,0-5.8-0.5-5.8-4.1c0-3.5,3.2-3.7,6.1-3.8c0.7,0,1.5,0,2.3,0
|
||||
c0-2.2-0.1-3-3.3-3c-1.6,0-3.3,0.3-4.3,0.5v-2.3c1.2-0.3,3.1-0.4,4.5-0.5c3.6,0,6.3,0.4,6.3,4.2V25.7z M61.8,23.8v-3.6
|
||||
c-0.6,0-1.7,0-2.1,0c-1.9,0-3.1,0.1-3.1,1.9s1.5,1.9,3,1.9C60.5,23.9,61,23.9,61.8,23.8"/>
|
||||
<path class="st0" d="M112,25.6c-1.2,0.3-2.4,0.4-3.6,0.4c-4.3,0-7.1-2-7.1-6.7c0-4.5,2.9-6.4,7-6.4c1.2,0,2.4,0.1,3.6,0.3v2.2
|
||||
c-0.9-0.1-1.6-0.2-2.4-0.2c-3.3,0-4.9,1-4.9,4.3c0,3.1,1.5,4.2,4.9,4.2c0.9,0,1.6-0.1,2.4-0.2L112,25.6L112,25.6z"/>
|
||||
<path class="st0" d="M39.5,20.7c0,3.7-2.9,5.3-7.2,5.3c-2.8,0-4.8-0.5-5.1-0.6v-2.6c1,0.2,3.1,0.7,4.9,0.7c1.8,0,4.1-0.4,4.1-2.4
|
||||
c0-1.3-1-1.8-2.8-2.3c-0.7-0.2-1.4-0.4-2.1-0.6c-2.4-0.7-4.3-1.7-4.3-4.5c0-4,3.2-5,6.9-5c2.2,0,4,0.4,4.3,0.5v2.4
|
||||
c-0.4-0.1-2.1-0.5-4-0.5c-1.8,0-3.9,0.2-3.9,2.2c0,1.5,1.2,1.9,2.9,2.3c0.8,0.3,1.6,0.4,2.4,0.7C37.7,16.9,39.5,17.9,39.5,20.7"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
BIN
public/Static/img/scandic-logotype.png
Normal file
BIN
public/Static/img/scandic-logotype.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
26
public/Static/img/scandic-logotype.svg
Normal file
26
public/Static/img/scandic-logotype.svg
Normal file
@@ -0,0 +1,26 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 85 18.3" enable-background="new 0 0 85 18.3" xml:space="preserve">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#CD0921" d="M24.8,17.9c-1.2,0.3-2.4,0.4-3.6,0.4c-4.3,0-7.1-2-7.1-6.7
|
||||
c0-4.5,2.9-6.4,7-6.4c1.2,0,2.4,0.1,3.6,0.3v2.2c-0.9-0.1-1.6-0.2-2.4-0.2c-3.3,0-4.9,1-4.9,4.3c0,3.1,1.5,4.2,4.9,4.2
|
||||
c0.9,0,1.6-0.1,2.4-0.2V17.9z"/>
|
||||
<path fill="#CD0921" d="M69.1,18h3.2V5.4h-3.2V18z M69.1,2.9h3.2V0h-3.2V2.9z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#CD0921" d="M66.5,17.7c-0.6,0.1-2.8,0.5-5,0.5c-4.1,0-7.1-1.9-7.1-6.5
|
||||
c0-4.4,2.7-6.6,6.8-6.6c0.6,0,1.6,0.1,2.1,0.1V0h3.2C66.5,0.6,66.5,17.4,66.5,17.7 M63.4,15.8V7.6c-0.4,0-1.1-0.1-1.8-0.1
|
||||
c-2.9,0-4,1.4-4,4.3c0,2.6,1,4.2,3.9,4.2C62.1,16,62.7,15.9,63.4,15.8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#CD0921" d="M52.3,18h-3.1V9.7c0-1.4-0.6-2.2-2.6-2.2c-1.4,0-2.9,0.3-2.9,0.3
|
||||
V18h-3.1V5.8c0.2,0,4.2-0.6,6.5-0.6c2.8,0,5.3,0.5,5.3,4.3V18z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#CD0921" d="M38,18c-2.2,0.2-3.9,0.3-5.8,0.3c-3.2,0-5.8-0.5-5.8-4.1
|
||||
c0-3.5,3.2-3.7,6.1-3.8c0.7,0,1.5,0,2.3,0c0-2.2-0.1-3-3.3-3c-1.6,0-3.3,0.3-4.3,0.5V5.6c1.2-0.3,3.1-0.4,4.5-0.5
|
||||
c3.6,0,6.3,0.4,6.3,4.2V18z M34.8,16.1v-3.6c-0.6,0-1.7,0-2.1,0c-1.9,0-3.1,0.1-3.1,1.9c0,1.8,1.5,1.9,3,1.9
|
||||
C33.5,16.2,34,16.2,34.8,16.1"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#CD0921" d="M85,17.9c-1.2,0.3-2.4,0.4-3.6,0.4c-4.3,0-7.1-2-7.1-6.7
|
||||
c0-4.5,2.9-6.4,7-6.4c1.2,0,2.4,0.1,3.6,0.3v2.2c-0.9-0.1-1.6-0.2-2.4-0.2c-3.3,0-4.9,1-4.9,4.3c0,3.1,1.5,4.2,4.9,4.2
|
||||
c0.9,0,1.6-0.1,2.4-0.2V17.9z"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" fill="#CD0921" d="M12.5,13c0,3.7-2.9,5.3-7.2,5.3c-2.8,0-4.8-0.5-5.1-0.6v-2.6
|
||||
c1,0.2,3.1,0.7,4.9,0.7c1.8,0,4.1-0.4,4.1-2.4c0-1.3-1-1.8-2.8-2.3c-0.7-0.2-1.4-0.4-2.1-0.6C1.9,9.8,0,8.8,0,6c0-4,3.2-5,6.9-5
|
||||
c2.2,0,4,0.4,4.3,0.5v2.4c-0.4-0.1-2.1-0.5-4-0.5c-1.8,0-3.9,0.2-3.9,2.2c0,1.5,1.2,1.9,2.9,2.3C7,8.2,7.8,8.3,8.6,8.6
|
||||
C10.7,9.2,12.5,10.2,12.5,13"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
BIN
public/Static/img/tripadvisor_logo_white_160x24.png
Normal file
BIN
public/Static/img/tripadvisor_logo_white_160x24.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1016 B |
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@@ -1,7 +1,11 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "es5",
|
||||
"lib": ["dom", "dom.iterable", "esnext"],
|
||||
"lib": [
|
||||
"dom",
|
||||
"dom.iterable",
|
||||
"esnext"
|
||||
],
|
||||
"allowJs": true,
|
||||
"skipLibCheck": true,
|
||||
"strict": true,
|
||||
@@ -19,9 +23,19 @@
|
||||
}
|
||||
],
|
||||
"paths": {
|
||||
"@/*": ["./*"]
|
||||
"@/*": [
|
||||
"./*"
|
||||
]
|
||||
}
|
||||
},
|
||||
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
|
||||
"exclude": ["node_modules"]
|
||||
}
|
||||
"include": [
|
||||
"next-env.d.ts",
|
||||
"**/*.ts",
|
||||
"**/*.tsx",
|
||||
".next/types/**/*.ts",
|
||||
"components/Current/Header/LanguageSwitcher"
|
||||
],
|
||||
"exclude": [
|
||||
"node_modules"
|
||||
]
|
||||
}
|
||||
3
types/components/current/header.ts
Normal file
3
types/components/current/header.ts
Normal file
@@ -0,0 +1,3 @@
|
||||
export type HeaderProps = {
|
||||
pathname: string
|
||||
}
|
||||
9
types/components/current/languageSwitcher.ts
Normal file
9
types/components/current/languageSwitcher.ts
Normal file
@@ -0,0 +1,9 @@
|
||||
export type LanguageSwitcherLink = {
|
||||
href: string
|
||||
title: string
|
||||
}
|
||||
|
||||
export type LanguageSwitcherProps = {
|
||||
currentLanguage: string
|
||||
links: LanguageSwitcherLink[]
|
||||
}
|
||||
14
types/lang.ts
Normal file
14
types/lang.ts
Normal file
@@ -0,0 +1,14 @@
|
||||
export const langEnum = {
|
||||
en: "en",
|
||||
sv: "sv",
|
||||
no: "no",
|
||||
fi: "fi",
|
||||
da: "da",
|
||||
de: "de",
|
||||
};
|
||||
|
||||
export type Lang = keyof typeof langEnum;
|
||||
|
||||
export type LangProps<T = {}> = T & {
|
||||
lang: Lang
|
||||
}
|
||||
5
types/params.ts
Normal file
5
types/params.ts
Normal file
@@ -0,0 +1,5 @@
|
||||
import { Lang } from "./lang";
|
||||
|
||||
export type Params<T = {}> = T & { params: { lang: Lang } };
|
||||
|
||||
export type SearchParams<T = {}> = T & { searchParams: { [key: string]: string } };
|
||||
Reference in New Issue
Block a user