khysnik
/
template-lib


			
				
					
						
						
							123456789101112131415161718192021222324252627282930
							"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 flex items-center"
                menu={menu}
            />

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