22 lines
628 B
TypeScript
22 lines
628 B
TypeScript
import React from "react";
|
|
import Image from "next/image";
|
|
|
|
const layout = ({ children }: { children: React.ReactNode }) => {
|
|
return (
|
|
<section className="relative w-full min-h-screen md:h-screen flex md:block flex-col justify-center">
|
|
<Image
|
|
src="/header02.webp"
|
|
alt="nav image"
|
|
priority
|
|
fill
|
|
style={{ objectFit: "cover" , objectPosition: '75%'}}
|
|
quality={100}
|
|
className="brightness-[25%]"
|
|
/>
|
|
<div className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default layout;
|