feat(SW-185): basic setup for new footer with mocked data

components/Footer/Details/details.module.css

@@ -0,0 +1,13 @@
+.details {
+  background: var(--Main-Grey-100);
+  color: var(--Main-Grey-White);
+  padding: var(--Spacing-x5) var(--Spacing-x5) var(--Spacing-x9)
+    var(--Spacing-x5);
+}
+
+.imageContainer {
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid rgba(227, 217, 209, 0.2);
+  padding: 0 0 var(--Spacing-x2) 0;
+}

components/Footer/Details/index.tsx

@@ -0,0 +1,25 @@
+import Image from "@/components/Image"
+
+import styles from "./details.module.css"
+
+export default async function FooterDetails() {
+  return (
+    <section className={styles.details}>
+      <div className={styles.imageContainer}>
+        <Image
+          alt="Scandic Hotels logo"
+          className={styles.logo}
+          data-js="scandiclogoimg"
+          data-nosvgsrc="/_static/img/scandic-logotype.png"
+          itemProp="logo"
+          height={30}
+          src="/_static/img/scandic-logotype-white.svg"
+          width={138}
+        />
+        <div className={styles.socialLinks}>
+          <nav></nav>
+        </div>
+      </div>
+    </section>
+  )
+}