mirror of
https://github.com/rjNemo/meal_planner
synced 2026-06-06 02:26:49 +00:00
23 lines
675 B
TypeScript
23 lines
675 B
TypeScript
import { FC } from "react";
|
|
import { RandomButton } from "../../components/RandomButton";
|
|
import { buttonURL } from "../../constants";
|
|
import HeroImage from "../../images/chef.svg";
|
|
|
|
export const Home: FC = () => (
|
|
<section className="container ">
|
|
<div className="row">
|
|
<div className="col s12 m6">
|
|
<h1 className="logo">Chef's Online Cookbook</h1>
|
|
<RandomButton
|
|
url={buttonURL}
|
|
size="large"
|
|
color="orange darken-2"
|
|
handleClick={() => {}}
|
|
/>
|
|
</div>
|
|
<picture className="col s12 m6">
|
|
<img src={HeroImage} alt="hero_image" width="100%" />
|
|
</picture>
|
|
</div>
|
|
</section>
|
|
);
|