46 lines
1.4 KiB
TypeScript
46 lines
1.4 KiB
TypeScript
import './globals.css';
|
|
|
|
import type { Metadata } from 'next';
|
|
import Image from 'next/image';
|
|
import { Inter } from 'next/font/google';
|
|
|
|
import Navigation from './navigation';
|
|
import MobileNavigation from './mobile-navigation';
|
|
import ReduxProvider from '@/redux/provider';
|
|
|
|
const inter = Inter({ subsets: ['latin'] });
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'Geothermie Atlas',
|
|
description: 'Generated by GeoSphere Austria',
|
|
};
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en">
|
|
<body className={inter.className}>
|
|
<div className="h-16 flex flex-row items-center border-b border-solid border-slate-300 px-8 xl:px-32 max-w-full">
|
|
<Image
|
|
src="/geosphere-austria-logo.png"
|
|
alt="GeoSphere Austria Logo"
|
|
className="w-16 xl:w-28 object-contain"
|
|
width={296}
|
|
height={92}
|
|
></Image>
|
|
<Image
|
|
src="/stadt-wien-logo.png"
|
|
alt="Stadt Wien Logo"
|
|
className="w-16 xl:w-28 object-contain pl-4 pl-4 xl:pl-10"
|
|
width={170}
|
|
height={76}
|
|
></Image>
|
|
<span className="pl-5 xl:pl-10 text-xs xl:text-base">Geothermie Atlas</span>
|
|
<Navigation></Navigation>
|
|
</div>
|
|
<MobileNavigation></MobileNavigation>
|
|
<ReduxProvider>{children}</ReduxProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|