geothermie-atlas/app/layout.tsx

46 lines
1.4 KiB
TypeScript
Raw Permalink Normal View History

2023-10-19 09:07:33 +00:00
import './globals.css';
2023-10-05 12:32:18 +00:00
2023-10-19 09:07:33 +00:00
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'] });
2023-10-05 12:32:18 +00:00
export const metadata: Metadata = {
2023-10-19 09:07:33 +00:00
title: 'Geothermie Atlas',
description: 'Generated by GeoSphere Austria',
};
2023-10-05 12:32:18 +00:00
2023-10-19 09:07:33 +00:00
export default function RootLayout({ children }: { children: React.ReactNode }) {
2023-10-05 12:32:18 +00:00
return (
<html lang="en">
2023-10-19 09:07:33 +00:00
<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>
2023-10-05 12:32:18 +00:00
</html>
2023-10-19 09:07:33 +00:00
);
2023-10-05 12:32:18 +00:00
}