Website/db/app/pages/index.tsx

// import { Image, BlitzPage } from "blitz"
// import logo from "public/logo.png"

// /*
//  * This file is just for a pleasant getting started page for your new app.
//  * You can delete everything in here and start from scratch if you like.
//  */

// const Home: BlitzPage = () => {
//   return (
//     <div className="container">
//       <main>
//         <div className="logo">
//           <Image src={logo} alt="blitzjs" />
//         </div>
//         <p>
//           <strong>Congrats!</strong> Your app is ready.
//         </p>
//         <div className="buttons" style={{ marginTop: "5rem" }}>
//           <a
//             className="button"
//             href="https://blitzjs.com/docs/getting-started?utm_source=blitz-new&utm_medium=app-template&utm_campaign=blitz-new"
//             target="_blank"
//             rel="noopener noreferrer"
//           >
//             Documentation
//           </a>
//           <a
//             className="button-outline"
//             href="https://github.com/blitz-js/blitz"
//             target="_blank"
//             rel="noopener noreferrer"
//           >
//             Github Repo
//           </a>
//           <a
//             className="button-outline"
//             href="https://discord.blitzjs.com"
//             target="_blank"
//             rel="noopener noreferrer"
//           >
//             Discord Community
//           </a>
//         </div>
//       </main>

//       <footer>
//         <a
//           href="https://blitzjs.com?utm_source=blitz-new&utm_medium=app-template&utm_campaign=blitz-new"
//           target="_blank"
//           rel="noopener noreferrer"
//         >
//           Powered by Blitz.js
//         </a>
//       </footer>

//       <style jsx global>{`
//         @import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;700&display=swap");

//         html,
//         body {
//           padding: 0;
//           margin: 0;
//           font-family: "Libre Franklin", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
//             Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
//         }

//         * {
//           -webkit-font-smoothing: antialiased;
//           -moz-osx-font-smoothing: grayscale;
//           box-sizing: border-box;
//         }
//         .container {
//           min-height: 100vh;
//           display: flex;
//           flex-direction: column;
//           justify-content: center;
//           align-items: center;
//         }

//         main {
//           padding: 5rem 0;
//           flex: 1;
//           display: flex;
//           flex-direction: column;
//           justify-content: center;
//           align-items: center;
//         }

//         main p {
//           font-size: 1.2rem;
//         }

//         p {
//           text-align: center;
//         }

//         footer {
//           width: 100%;
//           height: 60px;
//           border-top: 1px solid #eaeaea;
//           display: flex;
//           justify-content: center;
//           align-items: center;
//           background-color: #45009d;
//         }

//         footer a {
//           display: flex;
//           justify-content: center;
//           align-items: center;
//         }

//         footer a {
//           color: #f4f4f4;
//           text-decoration: none;
//         }

//         .logo {
//           margin-bottom: 2rem;
//         }

//         .logo img {
//           width: 300px;
//         }

//         .buttons {
//           display: grid;
//           grid-auto-flow: column;
//           grid-gap: 0.5rem;
//         }
//         .button {
//           font-size: 1rem;
//           background-color: #6700eb;
//           padding: 1rem 2rem;
//           color: #f4f4f4;
//           text-align: center;
//         }

//         .button.small {
//           padding: 0.5rem 1rem;
//         }

//         .button:hover {
//           background-color: #45009d;
//         }

//         .button-outline {
//           border: 2px solid #6700eb;
//           padding: 1rem 2rem;
//           color: #6700eb;
//           text-align: center;
//         }

//         .button-outline:hover {
//           border-color: #45009d;
//           color: #45009d;
//         }

//         pre {
//           background: #fafafa;
//           border-radius: 5px;
//           padding: 0.75rem;
//           text-align: center;
//         }
//         code {
//           font-size: 0.9rem;
//           font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
//             Bitstream Vera Sans Mono, Courier New, monospace;
//         }

//         .grid {
//           display: flex;
//           align-items: center;
//           justify-content: center;
//           flex-wrap: wrap;

//           max-width: 800px;
//           margin-top: 3rem;
//         }

//         @media (max-width: 600px) {
//           .grid {
//             width: 100%;
//             flex-direction: column;
//           }
//         }
//       `}</style>
//     </div>
//   )
// }

// Home.suppressFirstRenderFlicker = true

// export default Home


import {Box, Typography} from '@mui/material'
import {makeStyles} from "@mui/styles";
import React from "react";
import { BlitzPage } from 'blitz';
import { Layout } from 'app/core/layouts/Layout';

const useStyles = makeStyles(() => ({
    container: {
        background: 'background.default',
        display: 'flex',
        flexDirection: 'column',
        flexGrow: 1,
        height: '100vh',
        maxheight: '100vh',
    }
}))

const Search: BlitzPage = () => {
    const classes = useStyles();
    return (
        <>
            <Box className={classes.container}>
               <Typography>Searching</Typography>
            </Box>
        </>
    )
}

Search.getLayout = (page) => <Layout>{page}</Layout>

export default Search;