hotfix

metacube-games · Sep 19, 2023 · 8bb6919 · 8bb6919
1 parent 88da8dd
commit 8bb6919
Show file tree

Hide file tree

Showing 4 changed files with 290 additions and 21 deletions.
diff --git a/components/LandingPage.tsx b/components/LandingPage.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { styled } from "@mui/system";
+import { styled, Box } from "@mui/system";
 import { Divider } from "@mui/material";
 import { ContributorSection } from "./contributors";
 import BottomSection from "./bottomSection";
@@ -9,6 +9,18 @@ import { NavBar } from "./navBar";
 import { InstallWallet } from "./InstallWallet";
 import Hero from "./Hero";
 
+const Container = styled(Box)(({ theme }) => ({
+  width: "100%",
+  display: "flex",
+  flexDirection: "column",
+  minHeight: "100vh",
+  justifyContent: "space-between",
+  background: `
+    linear-gradient(135deg, #121212 0%, #121212 100%),
+    linear-gradient(45deg, #121212 0%, #121212 100%)
+  `,
+}));
+
 const CustomDivider = styled(Divider)({
   width: "100%",
   height: "2px",
@@ -31,7 +43,7 @@ const CustomDivider2 = styled(Divider)({
 
 const LandingPage: React.FC = () => {
   return (
-    <>
+    <Container>
       <NavBar />
       <Hero />
       <DiscordEarlyAccess />
@@ -41,7 +53,7 @@ const LandingPage: React.FC = () => {
       <ContributorSection />
       {/* <CustomDivider2 /> */}
       <BottomSection />
-    </>
+    </Container>
   );
 };
 

diff --git a/package.json b/package.json
@@ -25,6 +25,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-scroll": "^1.8.9",
+    "sharp": "^0.32.6",
     "tailwindcss": "^3.3.3",
     "three": "^0.156.1",
     "three-stdlib": "^2.26.0"

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,6 +1,5 @@
-import styled from "@emotion/styled";
-import { Box } from "@mui/system";
-import { createTheme, ThemeProvider } from "@mui/material";
+import { createTheme } from "@mui/material/styles";
+import { ThemeProvider } from "@mui/material/styles";
 import LandingPage from "@/components/LandingPage";
 import { Inter } from "next/font/google";
 
@@ -32,25 +31,11 @@ export const COLOR_ERROR = "#FF0000";
 //   // },
 // });
 
-const Container = styled(Box)(({ theme }) => ({
-  width: "100%",
-  display: "flex",
-  flexDirection: "column",
-  minHeight: "100vh",
-  justifyContent: "space-between",
-  background: `
-    linear-gradient(135deg, #121212 0%, #121212 100%),
-    linear-gradient(45deg, #121212 0%, #121212 100%)
-  `,
-}));
-
 export default function Home() {
   return (
     <ThemeProvider theme={theme}>
       <main>
-        <Container>
-          <LandingPage />
-        </Container>
+        <LandingPage />
       </main>
     </ThemeProvider>
   );