"use client";
import {Body, Header, Ratio} from "../packages/react-sol/dist/index.esm.js"
import "./page.css"

const menu = [
    {name: "Home", href: "/"},
    {name: "About", href: "/about"},
    {name: "Contact", href: "/contact"}
];
export default function Home() {
    const ratio: Ratio = new Ratio(6, 4, 94);

    return (
        <div className="page-container">
            <Header
                height={ratio.top()}
                siteName="My Site"
                logo="globe.svg"
                className="bg-gray-800 text-white"
                menu={menu}
            />

            <Body height={ratio.middle()} renderFn={undefined}
                  className="bg-gray-700">
                <h1>Main Content</h1>
                <p>Your page content here...</p>
            </Body>
        </div>
    );
};
