add new firebase and images

components/Nav.jsx

@@ -6,7 +6,6 @@ import { useRouter } from "next/router";
 export default function Nav({ localeTexts }) {
 	const router = useRouter();
 	const currentRoute = router.pathname;
-
 	return (
 		<nav className={styles.nav}>
 			<h2
@@ -16,7 +15,6 @@ export default function Nav({ localeTexts }) {
 				}}
 			>
 				{localeTexts?.nav?.brandName ?? ""}
-				{router.locale}
 			</h2>
 
 			<ul className={styles.navNavigationLeft}>
@@ -36,7 +34,7 @@ export default function Nav({ localeTexts }) {
 					href="/furnishing"
 					className={currentRoute === "/furnishing" ? `${styles.active}` : ""}
 				>
-					{localeTexts?.nav?.furnishing ?? ""}
+					{localeTexts?.nav?.furnishings ?? ""}
 				</Link>
 
 				<Link

firebase-config.js

@@ -2,13 +2,13 @@ import { getFirestore } from "@firebase/firestore";
 import { initializeApp } from "firebase/app";
 
 const firebaseConfig = {
-	apiKey: "AIzaSyDWzRRpiAd9UESS_DwhoiKKcvqPgDowQ28",
+	apiKey: "AIzaSyBpj2FZEONb_Qpca4-brCzB0OVJPf3l8hk",
-	authDomain: "react-apartment-364115.firebaseapp.com",
+	authDomain: "apartment-f960a.firebaseapp.com",
-	projectId: "react-apartment-364115",
+	projectId: "apartment-f960a",
-	storageBucket: "react-apartment-364115.appspot.com",
+	storageBucket: "apartment-f960a.appspot.com",
-	messagingSenderId: "460150243441",
+	messagingSenderId: "1007134515151",
-	appId: "1:460150243441:web:2e19e848bbcf710a839bd0",
+	appId: "1:1007134515151:web:9ff0216c618b55a571bcba",
-	measurementId: "G-LVH2RF0ENW",
+	measurementId: "G-RMSZVM1BCG",
 };
 
 const app = initializeApp(firebaseConfig);

package.json

@@ -16,15 +16,15 @@
 		"@fortawesome/react-fontawesome": "^0.2.0",
 		"@googlemaps/react-wrapper": "^1.1.35",
 		"@react-google-maps/api": "^2.13.1",
-		"firebase": "^9.14.0",
 		"eslint": "8.29.0",
 		"eslint-config-next": "13.0.6",
+		"firebase": "^9.17.2",
 		"next": "13.0.6",
 		"react": "18.2.0",
 		"react-dom": "18.2.0",
-		"sass": "^1.56.2",
 		"react-select": "^5.7.0",
 		"react-simple-image-slider": "^2.4.1",
-		"react-slideshow-image": "^4.0.5"
+		"react-slideshow-image": "^4.0.5",
+		"sass": "^1.56.2"
 	}
 }

pages/furnishing.jsx

@@ -44,7 +44,7 @@ export default function Furnishing({ furnishings, localeTexts }) {
 								alt={locale === "en" ? s.title.en : s.title.de}
 							/>
 							<div>
-								{s.links.map((l, i2) => {
+								{s.links?.map((l, i2) => {
 									return (
 										<a key={i2} href={l.url}>
 											{locale === "en" ? l.text.en : l.text.de}

pages/index.jsx

@@ -5,6 +5,11 @@ import Link from "next/link";
 import {
 	faBeer,
 	faBreadSlice,
+	faCity,
+	faHiking,
+	faHillRockslide,
+	faHouseChimney,
+	faMountain,
 	faSeedling,
 	faSpa,
 	faUtensils,
@@ -42,8 +47,8 @@ export default function Home({ localeTexts }) {
 			<div className={styles.homeSurroundings}>
 				<ul>
 					<Link href={"/surroundings"}>
-						<FontAwesomeIcon icon={faBreadSlice} />
+						<FontAwesomeIcon icon={faMountain} />
-						{localeTexts?.home?.surroundings?.backeries}
+						{localeTexts?.home?.surroundings?.brocken}
 					</Link>
 
 					<Link href={"/surroundings"}>
@@ -51,17 +56,17 @@ export default function Home({ localeTexts }) {
 						{localeTexts?.home?.surroundings?.amenities}
 					</Link>
 					<Link href={"/surroundings"}>
-						<FontAwesomeIcon icon={faBeer} />
+						<FontAwesomeIcon icon={faHouseChimney} />
-						{localeTexts?.home?.surroundings?.brewery}
+						{localeTexts?.home?.surroundings?.torfhaus}
+					</Link>
+					<Link href={"/surroundings"}>
+						<FontAwesomeIcon icon={faCity} />
+						{localeTexts?.home?.surroundings?.goslar}
 					</Link>
 
 					<Link href={"/surroundings"}>
-						<FontAwesomeIcon icon={faSeedling} />
+						<FontAwesomeIcon icon={faHiking} />
-						{localeTexts?.home?.surroundings?.kraeuterpark}
+						{localeTexts?.home?.surroundings?.hiking}
-					</Link>
-					<Link href={"/surroundings"}>
-						<FontAwesomeIcon icon={faSpa} />
-						{localeTexts?.home?.surroundings?.spaPark}
 					</Link>
 				</ul>
 			</div>
@@ -75,8 +80,14 @@ export default function Home({ localeTexts }) {
 						}}
 					></p>
 				</div>
-				<div className={styles.homeMapContainer}>
+				<div className={styles.homeSideContainer}>
 					<Map showAddressText />
+					<Image
+						src={"/images/grundriss.jpg"}
+						width={300}
+						height={500}
+						alt="Grundriss"
+					/>
 				</div>
 			</div>
 		</div>

styles/Home.module.scss

@@ -115,7 +115,10 @@
 			}
 		}
 
-		.homeMapContainer {
+		.homeSideContainer {
+			display: flex;
+			flex-direction: column;
+			gap: 50px;
 			width: 90%;
 			min-height: 500px;
 		}