Restructure home page

LoLei · Mar 18, 2022 · 8f96d44 · 8f96d44
1 parent e7f9644
commit 8f96d44
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 26 deletions.
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -8,11 +8,8 @@ export default function Home() {
   return (
     <div className={styles.container}>
       <Head>
-        <title>NextUI | Create Next App</title>
-        <meta
-          name="description"
-          content="Generated by create next app and using NextUI as a react UI library"
-        />
+        <title>Home Remote</title>
+        <meta name="description" content="Home Remote - Control your devices" />
         <link rel="icon" href="/favicon.ico" />
       </Head>
 
@@ -22,34 +19,33 @@ export default function Home() {
         direction="column"
         justify="center"
         alignItems="center"
-        style={{ height: '100vh' }}
+        className={styles.mainContainer}
       >
         <Spacer />
         <Image src="/logo.svg" alt="Vercel Logo" width={200} height={200} />
         <Spacer />
-        <Text h1 className={styles.title}>
+        <Text h1 className={styles.textAlignCenter}>
           Welcome to&nbsp;
-          <Link href="https://nextjs.org" target="_blank" rel="noopener noreferrer">
-            Next.js
-          </Link>
-          &nbsp;&&nbsp;
-          <Link href="https://nextui.org" target="_blank" rel="noopener noreferrer">
-            NextUI
+          <Link
+            href="https://github.com/LoLei/home-remote"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Home-Remote
           </Link>
         </Text>
         <Spacer />
-        <Input clearable labelPlaceholder="Type something" />
+        <Button>Play</Button>
         <Spacer />
-        <Button>
-          <a
-            className={styles.button}
-            href="https://github.com/nextui-org/nextui"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Show on Github
-          </a>
-        </Button>
+        <Button>Pause</Button>
+        <Spacer />
+        <Button>Toggle</Button>
+        <Spacer />
+        <Button>Vol +</Button>
+        <Spacer />
+        <Button>Vol -</Button>
+        <Spacer />
+        <Input clearable labelPlaceholder="Other command" />
         <Spacer />
         <ThemeSwitcher />
       </Container>

diff --git a/styles/Home.module.css b/styles/Home.module.css
@@ -1,3 +1,7 @@
-.button {
-  color: white;
+.mainContainer {
+  height: '100vh';
+}
+
+.textAlignCenter {
+  text-align: center;
 }