From c7f26e39ccbe2e114ecfcf7efb68833e9240fff1 Mon Sep 17 00:00:00 2001
From: Christian Lempa <meaemreyou@gmail.com>
Date: Fri, 7 Nov 2025 17:09:42 +0300
Subject: [PATCH] Update index.js

---
 src/pages/index.js | 82 ++++++++++++++++++++++------------------------
 1 file changed, 40 insertions(+), 42 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 39fdb36..aa7e6eb 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,5 +1,5 @@
-/** @jsx jsx */
-import { jsx, ThemeProvider, Box, Grid } from "theme-ui";
+/** @jsxImportSource theme-ui */
+import { ThemeProvider, Box, Grid } from "theme-ui";
 import { Global, css } from "@emotion/react";
 import React from "react";
 
@@ -17,48 +17,46 @@ import HomeFooter from "../components/HomeFooter";
 
 function Home() {
   return (
-    <>
-      <ThemeProvider theme={theme}>
-        <Global
-          styles={css`
-            .navbar,
-            .footer {
-              display: none;
-            }
+    <ThemeProvider theme={theme}>
+      <Global
+        styles={css`
+          .navbar,
+          .footer {
+            display: none;
+          }
 
-            @font-face {
-              font-family: "Formular Mono";
-              src: url("/fonts/FormularMono.woff2") format("woff2"),
-                url("/fonts/FormularMono.woff") format("woff");
-              font-weight: 400;
-              font-style: normal;
-              font-display: swap;
-            }
+          @font-face {
+            font-family: "Formular Mono";
+            src: url("/fonts/FormularMono.woff2") format("woff2"),
+              url("/fonts/FormularMono.woff") format("woff");
+            font-weight: 400;
+            font-style: normal;
+            font-display: swap;
+          }
 
-            @font-face {
-              font-family: "Roobert";
-              src: url("/fonts/Roobert-SemiBold.woff2") format("woff2"),
-                url("/fonts/Roobert-SemiBold.woff") format("woff");
-              font-weight: 600;
-              font-style: normal;
-              font-display: swap;
-            }
-          `}
-        />
-        <Layout title="fnd.dev" description="Foundation Docs">
-          <Box sx={{ maxWidth: 1240, marginX: "auto", paddingX: 30 }}>
-            <HomeHeader />
-            <Grid gap={[48, 72, 108]}>
-              <HomeHero />
-              <HomeFeatures />
-            </Grid>
-            <HomeQuestions />
-            <HomeProjects />
-            <HomeFooter />
-          </Box>
-        </Layout>
-      </ThemeProvider>
-    </>
+          @font-face {
+            font-family: "Roobert";
+            src: url("/fonts/Roobert-SemiBold.woff2") format("woff2"),
+              url("/fonts/Roobert-SemiBold.woff") format("woff");
+            font-weight: 600;
+            font-style: normal;
+            font-display: swap;
+          }
+        `}
+      />
+      <Layout title="fnd.dev" description="Foundation Docs">
+        <Box sx={{ maxWidth: 1240, mx: "auto", px: 30 }}>
+          <HomeHeader />
+          <Grid gap={[48, 72, 108]}>
+            <HomeHero />
+            <HomeFeatures />
+          </Grid>
+          <HomeQuestions />
+          <HomeProjects />
+          <HomeFooter />
+        </Box>
+      </Layout>
+    </ThemeProvider>
   );
 }