diff --git a/app/components/3box.tsx b/app/components/3box.tsx
new file mode 100644
index 0000000..0a524db
--- /dev/null
+++ b/app/components/3box.tsx
@@ -0,0 +1,107 @@
+import {
+    Box,
+    Button,
+    Image,
+    Grid,
+    Heading,
+    Text,
+  } from 'theme-ui';
+
+const Threebox = () => {
+    return(
+        <Grid columns= {[1,1,1,3]}gap = {[50,5,20,0]} sx={{
+            mt: '5vh',
+            width: 'fit-content',
+            px: '3vw',
+            textAlign: 'center',
+            justifyContent: 'center',
+            flexDirection: 'row',
+            alignItems: 'center',
+            backgroundColor: 'rgba(0, 0, 0, 0.31)',
+            borderRadius: '20px',
+            mx: '32px',
+            mb: '5vh',
+            paddingBottom: '2vh',
+            paddingTop: '2vh',
+          }}>
+              <Box sx={{
+                alignItems: 'center',
+                justifyContent: 'center',
+                display: 'flex',
+                flexDirection: 'column',
+                mx: '1vw',
+                paddingTop: '2rem',
+                borderRadius: '20px',
+              }}>
+                <Heading as="h4"   sx={{
+                  fontFamily: 'var(--font-inter)',
+                  fontWeight: 900,
+                  fontSize: '1.5vw',
+                  paddingBottom: '1.2rem',
+                  color: 'white',
+                  textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)' 
+                } }>Build</Heading>
+                <Image sx={{
+                  width:'27vw',
+                  height: '28vw',
+                  borderRadius: '20px',
+                  paddingBottom: '2rem',
+                }}
+                src = "https://cloud-qonvrpxwd-hack-club-bot.vercel.app/0image.png"
+                ></Image>
+
+              </Box>
+              <Box sx={{
+                alignItems: 'center',
+                justifyContent: 'center',
+                display: 'flex',
+                flexDirection: 'column',
+                paddingTop: '2rem',
+                mx: '1vw',
+
+                textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)' 
+              }}>
+                     <Heading as="h4"   sx={{
+                  fontFamily: 'var(--font-inter)',
+                  fontWeight: 900,
+                  fontSize: '1.5vw',
+                  color: 'white',
+                  paddingBottom: '1.2rem'
+                } }>Design</Heading>
+                   <Image sx={{
+                  width:'27vw',
+                  height:'28vw',
+                  borderRadius: '16px',
+                  paddingBottom: '2rem'
+                }} src="https://cloud-go1uacpkk-hack-club-bot.vercel.app/0image.png"></Image>
+              </Box>
+              <Box sx={{
+                alignItems: 'center',
+                justifyContent: 'center',
+                display: 'flex',
+                mx: '1vw',
+
+                flexDirection: 'column',
+                paddingTop: '2rem'
+              }}>
+              <Heading as="h4"   sx={{
+                  fontFamily: 'var(--font-inter)',
+                  fontWeight: 900,
+                  fontSize: '1.5vw',
+                  paddingBottom: '1.2rem',
+                  color: 'white',
+                  textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)' 
+                } }>Code</Heading>
+                   <Image sx={{
+                  width:'27vw',
+                  height:'28vw',
+                  borderRadius: '16px',
+                  paddingBottom: '2rem'
+                }}
+                src = "https://cloud-ix9a26xw1-hack-club-bot.vercel.app/0image.png"
+                ></Image>
+              </Box>
+          </Grid>
+    )
+}
+export default Threebox;
\ No newline at end of file
diff --git a/app/components/FAQcard.tsx b/app/components/FAQcard.tsx
new file mode 100644
index 0000000..6191e80
--- /dev/null
+++ b/app/components/FAQcard.tsx
@@ -0,0 +1,41 @@
+import React from 'react';
+
+// Define the type for the props
+interface CardProps {
+  question: string;
+  answer: string;
+}
+
+// Create the component
+const FAQcard: React.FC<CardProps> = ({ question, answer }) => {
+  return (
+    <div style={styles.card}>
+      <h3 style={styles.question}>{question}</h3>
+      <p style={styles.answer}>{answer}</p>
+    </div>
+  );
+};
+
+// Inline styles for the component
+const styles = {
+  card: {
+    border: '1px solid #ddd',
+    borderRadius: '8px',
+    padding: '16px',
+    margin: '16px',
+    backgroundColor: '#fefefe',
+    boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)',
+  },
+  question: {
+    fontSize: '18px',
+    fontWeight: 'bold',
+    color: '#333',
+  },
+  answer: {
+    fontSize: '16px',
+    color: '#666',
+    marginTop: '8px',
+  },
+};
+
+export default FAQcard;
\ No newline at end of file
diff --git a/app/components/middle.tsx b/app/components/middle.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/app/components/top.tsx b/app/components/top.tsx
new file mode 100644
index 0000000..5118003
--- /dev/null
+++ b/app/components/top.tsx
@@ -0,0 +1,104 @@
+import {
+    Box,
+    Button,
+    Image,
+    Grid,
+    Heading,
+    Text,
+  } from 'theme-ui';
+  import dynamic from 'next/dynamic';
+
+  const ModelViewer = dynamic(() => import('../ModelViewer'), { ssr: false });
+
+ const tipitytopity = ()=> {
+    return (
+        <Box
+        sx={{
+          display: 'flex',
+          flexDirection:['column','column', 'row'],
+          alignItems: 'center',
+          justifyContent: 'center',
+          gap: '1rem',
+          padding: '1rem',
+          paddingRight: '3rem',
+          width: '100%',
+          margin: 'auto',
+
+          mt: '15vh',
+          textAlign: 'center',
+          // height: '65vh'
+        }}
+        >
+      {typeof window !== 'undefined' && <ModelViewer />}
+      {/* 
+          <Image 
+              src="https://cloud-1mi3pnd3v-hack-club-bot.vercel.app/0image.png" 
+              alt="Example PCB!" 
+              style={{ width: '35%', height: '34%' }}
+              sx={{
+                width: '300px',
+                height: '200px',
+                // borderRadius: '16px',
+                // boxShadow: '0px 4px 6px rgba(0, 0, 0, 0.1)',
+                '&:hover': {
+                  transform: 'scale(1.1)',
+                  transition: 'transform 0.3s ease-in-out',
+                },
+              }}
+          /> */}
+          <Box
+          sx={{
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'left',
+            // justifyContent: 'left',
+            ml: ['0vw','2vw'],
+            // mt: ['1%','12%'],
+            maxWidth: '100%',
+            textAlign: 'center'
+          }}
+          >
+          <Heading as="h1" variant="styles.h1" 
+                sx={{ 
+                  fontFamily: 'var(--font-inter)', 
+                  fontSize: '7rem', 
+                  fontWeight:900,
+                  textAlign: ['center','center','left'],
+                  textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)' 
+                }}>
+            Hacky Holidays
+          </Heading>
+          <Heading as="h2" variant="styles.h1" 
+                sx={{ 
+                  fontFamily: 'var(--font-inter)', 
+                  fontSize: '2rem', 
+                  fontWeight:900,
+                  textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)' 
+                }}>
+            Design a PCB holiday decoration <u><a style={{color:"#5297FF"}} href="https://google.com">this winter</a></u>, get a PCB grant!
+          </Heading>
+          <Button
+          sx={{
+            mx: ['auto',0],
+            fontFamily: 'var(--font-inter)',
+            fontSize: '1.5rem',
+            fontWeight: 900,
+            color: 'white',
+            bg: '#f90b0b',
+            width: 'fit-content',
+            borderRadius: '2rem',
+            padding: '1rem 2rem',
+            mt: '1rem'
+          }}>
+              <b>Register Now!</b>
+          </Button>
+
+
+          </Box>
+     
+        </Box>
+   
+
+    )
+}
+export default tipitytopity;
\ No newline at end of file
diff --git a/app/globals.css b/app/globals.css
index 103bf69..b70a23a 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -3,14 +3,12 @@
 @tailwind utilities;
 
 :root {
-  --background: hsl(204, 100%, 87%);
-  --foreground: #ffffff;
+  --background: '#0099FF';
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --background: #BEE5FF;
-    --foreground: #ededed;
+    --background: '#74C8FF';
   }
 }
 @font-face {
@@ -23,7 +21,11 @@
 
 }
 body {
-  color: var(--foreground);
+  color: #FFFFFF;
   background: var(--background);
   font-family: Arial, Helvetica, sans-serif;
+  height: 100%;
+  margin: 0;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
 }
diff --git a/app/page.tsx b/app/page.tsx
index 4f1fb1c..e49183b 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -6,7 +6,7 @@ import { keyframes } from '@emotion/react'
 // import '@google/model-viewer';
 // import Script from 'next/script';
 import { useEffect } from 'react';
- 
+//  import { tipitytopity } from './components/top'
 // import Image from "next/image";
 import {
   Box,
@@ -17,7 +17,9 @@ import {
   Text,
 } from 'theme-ui';
 import dynamic from 'next/dynamic';
-
+const Top = dynamic(() => import('./components/top'), { ssr: false });
+import FAQcard from './components/FAQcard';
+const ThreeGrid = dynamic(() => import('./components/3box'), { ssr: false });
 // const ModelViewer = dynamic(() => import('./ModelViewer'), { ssr: false });
 const ModelViewer = dynamic(() => import('./ModelViewer'), { ssr: false });
 
@@ -36,9 +38,10 @@ export default function Home() {
     }
   }, []);
   return (
+  
   <Grid gap = {0} sx={{
-    backgroundImage: 'linear-gradient(to bottom, #25A8FF, #DCF1FF)', 
-  }}>   
+    background: 'linear-gradient(to bottom right, #0099FF, #74C8FF)', 
+  }}>
 
         <Box
         sx={{
@@ -62,19 +65,7 @@ export default function Home() {
 
        
     
-        {/* {Array.from({ length: 50 }).map((_, index) => (
-          <span
-            key={index}
-            className="snowflake"
-            style={{
-              left: `${Math.random() * 100}vw`,
-              fontSize: `${Math.random() * 20 + 10}px`,
-              animationDelay: `${Math.random() * 10}s`,
-            }}
-          >
-            ❄
-          </span>
-        ))} */}
+        
         {Array.from({ length: 50 }).map((_, index) => {
           const randomRotationDirection = Math.random() > 0.5 ? 1 : -1;
           const randomSpeed = Math.random() * 10 + 5;
@@ -100,100 +91,15 @@ export default function Home() {
           </Text>)
         })}
       
-            
-          <Box
-          sx={{
-            display: 'flex',
-            flexDirection:['column','column', 'row'],
-            alignItems: 'center',
-            justifyContent: 'center',
-            gap: '1rem',
-            padding: '1rem',
-            paddingRight: '3rem',
-            width: '100%',
-            margin: 'auto',
-
-            mt: '15vh',
-            textAlign: 'center',
-            // height: '65vh'
-          }}
-          >
-        {typeof window !== 'undefined' && <ModelViewer />}
-        {/* 
-            <Image 
-                src="https://cloud-1mi3pnd3v-hack-club-bot.vercel.app/0image.png" 
-                alt="Example PCB!" 
-                style={{ width: '35%', height: '34%' }}
-                sx={{
-                  width: '300px',
-                  height: '200px',
-                  // borderRadius: '16px',
-                  // boxShadow: '0px 4px 6px rgba(0, 0, 0, 0.1)',
-                  '&:hover': {
-                    transform: 'scale(1.1)',
-                    transition: 'transform 0.3s ease-in-out',
-                  },
-                }}
-            /> */}
-            <Box
-            sx={{
-              display: 'flex',
-              flexDirection: 'column',
-              alignItems: 'left',
-              // justifyContent: 'left',
-              ml: ['0vw','2vw'],
-              // mt: ['1%','12%'],
-              maxWidth: '100%',
-              textAlign: 'center'
-            }}
-            >
-            <Heading as="h1" variant="styles.h1" 
-                  sx={{ 
-                    fontFamily: 'var(--font-inter)', 
-                    fontSize: '7rem', 
-                    fontWeight:900,
-                    textAlign: ['center','center','left']
-
-
-                  }}>
-              Hacky Holidays!
-            </Heading>
-            <Heading as="h2" variant="styles.h1" 
-                  sx={{ 
-                    fontFamily: 'var(--font-inter)', 
-                    fontSize: '2rem', 
-                    fontWeight:900 
-                  }}>
-              Design a PCB holiday decoration <u><a style={{color:"#5297FF"}} href="https://google.com">this winter</a></u>, get a PCB grant!
-            </Heading>
-            <Button
-            sx={{
-              mx: ['auto',0],
-              fontFamily: 'var(--font-inter)',
-              fontSize: '1.5rem',
-              fontWeight: 900,
-              color: 'white',
-              bg: '#f90b0b',
-              width: 'fit-content',
-              borderRadius: '1rem',
-              padding: '1rem 2rem',
-              mt: '1rem'
-            }}>
-                <b>Register Now!</b>
-            </Button>
-
-
-            </Box>
+            <Top />
        
-          </Box>
-     
 
           <Box //section 2
           sx={{
             display: 'flex',
             flexDirection: 'column',
-            // alignItems: 'center',
-            // justifyContent: 'center',
+            alignItems: 'center',
+            justifyContent: 'center',
             // backgroundColor: 'white',
             color: 'black',
             width: '100%',
@@ -203,6 +109,19 @@ export default function Home() {
             mt: '20vh',
             // textAlign: 'center'
           }}>
+              <Heading as="h3"   sx={{ 
+                    margin: 20,
+                    fontFamily: 'var(--font-inter)', 
+                    fontSize: '2rem', 
+                    fontWeight:800,
+                    paddingTop: '0.5rem',
+                    paddingLeft: '5.5rem',
+                    paddingRight: '5rem',
+                    color: 'white',
+                    textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)',
+                  }}>Design a unique PCB decoration (all art made by you!) from scratch and submit it to the project gallery via pull request in the GitHub repository before [set date]! <br></br>
+                  Once your PR gets approved, you can get your PCB decoration shipped just in time for the holidays!🎄</Heading>
+             <ThreeGrid/>
               <Heading as="h3"   sx={{ 
                     margin: 20,
                     fontFamily: 'var(--font-inter)', 
@@ -211,123 +130,32 @@ export default function Home() {
                     paddingTop: '0.5rem',
                     paddingLeft: '5rem',
                     paddingRight: '5rem',
-                    color: 'white'
-                  }}>Design a unique PCB decoration (all art made by you!) from scratch and submit it to the project gallery via a pull request in the GitHub repository before [set date]! <br></br>
+                    color: 'white',
+                    textShadow: '0px 4px 4px rgba(0, 0, 0, 0.25)',
+                  }}>Design a unique PCB decoration (all art made by you!) from scratch and submit it to the project gallery via pull request in the GitHub repository before [set date]! <br></br>
                   Once your PR gets approved, you can get your PCB decoration shipped just in time for the holidays!🎄</Heading>
-                <Grid columns= {[1,1,1,3]}gap = {[50,5,20,50]} sx={{
-                mt: '5vh',
-                width: 'auto',
-                textAlign: 'center',
-                justifyContent: 'center',
-                flexDirection: 'row',
-                alignItems: 'center',
-                backgroundColor: 'rgba(255, 255, 255, 40%)',
-                borderRadius: '32px',
-                mx: '32px',
-                paddingBottom: '2vh',
-                paddingTop: '2vh',
-              }}>
-                  <Box sx={{
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    paddingTop: '2rem'
-                  }}>
-                    <Heading as="h4"   sx={{
-                      fontFamily: 'var(--font-inter)',
-                      fontWeight: 900,
-                      fontSize: '1.5vw',
-                      paddingBottom: '1.2rem'
-                    } }>Design a Decoration</Heading>
-                    <Image sx={{
-                      width:'30rem',
-                      height:'30rem',
-                      borderRadius: '16px',
-                      paddingBottom: '3rem'
-                    }}></Image>
-
-                  </Box>
-                  <Box sx={{
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    paddingTop: '2rem'
-                  }}>
-                         <Heading as="h4"   sx={{
-                      fontFamily: 'var(--font-inter)',
-                      fontWeight: 900,
-                      fontSize: '1.5vw',
-                      paddingBottom: '1.2rem'
-                    } }>Code Firmware</Heading>
-                       <Image sx={{
-                      width:'30rem',
-                      height:'30rem',
-                      borderRadius: '16px',
-                      paddingBottom: '2.5rem'
-                    }}></Image>
-                  </Box>
-                  <Box sx={{
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    paddingTop: '2rem'
-                  }}>
-                  <Heading as="h4"   sx={{
-                      fontFamily: 'var(--font-inter)',
-                      fontWeight: 900,
-                      fontSize: '1.5vw',
-                      paddingBottom: '1.2rem'
-                    } }>Submit a PR</Heading>
-                       <Image sx={{
-                      width:'30rem',
-                      height:'30rem',
-                      borderRadius: '16px',
-                      paddingBottom: '2.5rem'
-                    }}></Image>
-                  </Box>
-              </Grid>
-            <Box sx={{height: '100vh'}}>
-              <Heading as = "h3" sx={{
-                textAlign: 'left',
-                fontFamily: 'var(--font-inter)',
-                flexDirection: 'column',
-                display: 'flex',
-                fontWeight: 900,
-                margin: '4vh',
-              }}>
-                Requirements:
-              </Heading>
-              <Heading sx={{
-                textAlign: 'left',
-                fontFamily: 'var(--font-inter)',
-                fontWeight: 900,
-                margin: '2vh',
-                // display: 'flex',
-                // flexDirection: 'column',
-                ml: '4vh'
-              }}>
-                - Must be a student in high school or below </Heading>
+          <Box>
+            <FAQcard question="What is React?" answer="React is a JavaScript library for building user interfaces." />
           </Box>
+
           <Box sx={{
             backgroundColor: '#FFA5A5',
-            height: '250%',
+            height: '8vh',
+            width: '100%',
             position: 'relative',
             bottom: '0',
             display: 'flex',
             flexDirection: 'column',
             alignItems: 'center',
+            fontWeight: '500px',
             // py: '10px',
             justifyContent: 'center',
-            fontSize: ['3vw','1.2vw'],
+            fontSize: '2.5vh',
             color: 'white'
           }}>
-            Made with ❤️ and ❄️ by Bright Li (@bright li) & Scott Chiang (@Scott)
+            Made with ❤️ by @bright li & @Scott
             </Box>
           </Box>
-
     </Grid>
   );
 }
diff --git a/public/design.png b/public/design.png
new file mode 100644
index 0000000..2291f91
Binary files /dev/null and b/public/design.png differ
diff --git a/yarn.lock b/yarn.lock
index 8f27120..08c3d5b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -89,6 +89,13 @@
     "@babel/helper-string-parser" "^7.25.9"
     "@babel/helper-validator-identifier" "^7.25.9"
 
+"@emnapi/runtime@^1.2.0":
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.3.1.tgz#0fcaa575afc31f455fd33534c19381cfce6c6f60"
+  integrity sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==
+  dependencies:
+    tslib "^2.4.0"
+
 "@emotion/babel-plugin@^11.13.5":
   version "11.13.5"
   resolved "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz"
@@ -129,6 +136,11 @@
   dependencies:
     "@emotion/memoize" "0.7.4"
 
+"@emotion/memoize@0.7.4":
+  version "0.7.4"
+  resolved "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz"
+  integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
+
 "@emotion/memoize@^0.7.1":
   version "0.7.5"
   resolved "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.5.tgz"
@@ -139,11 +151,6 @@
   resolved "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz"
   integrity sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==
 
-"@emotion/memoize@0.7.4":
-  version "0.7.4"
-  resolved "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz"
-  integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
-
 "@emotion/react@^11.13.5":
   version "11.13.5"
   resolved "https://registry.npmjs.org/@emotion/react/-/react-11.13.5.tgz"
@@ -253,6 +260,114 @@
   resolved "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz"
   integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
 
+"@img/sharp-darwin-arm64@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz#ef5b5a07862805f1e8145a377c8ba6e98813ca08"
+  integrity sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==
+  optionalDependencies:
+    "@img/sharp-libvips-darwin-arm64" "1.0.4"
+
+"@img/sharp-darwin-x64@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz#e03d3451cd9e664faa72948cc70a403ea4063d61"
+  integrity sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==
+  optionalDependencies:
+    "@img/sharp-libvips-darwin-x64" "1.0.4"
+
+"@img/sharp-libvips-darwin-arm64@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz#447c5026700c01a993c7804eb8af5f6e9868c07f"
+  integrity sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==
+
+"@img/sharp-libvips-darwin-x64@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz#e0456f8f7c623f9dbfbdc77383caa72281d86062"
+  integrity sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==
+
+"@img/sharp-libvips-linux-arm64@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz#979b1c66c9a91f7ff2893556ef267f90ebe51704"
+  integrity sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==
+
+"@img/sharp-libvips-linux-arm@1.0.5":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz#99f922d4e15216ec205dcb6891b721bfd2884197"
+  integrity sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==
+
+"@img/sharp-libvips-linux-s390x@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz#f8a5eb1f374a082f72b3f45e2fb25b8118a8a5ce"
+  integrity sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==
+
+"@img/sharp-libvips-linux-x64@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz#d4c4619cdd157774906e15770ee119931c7ef5e0"
+  integrity sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==
+
+"@img/sharp-libvips-linuxmusl-arm64@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz#166778da0f48dd2bded1fa3033cee6b588f0d5d5"
+  integrity sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==
+
+"@img/sharp-libvips-linuxmusl-x64@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz#93794e4d7720b077fcad3e02982f2f1c246751ff"
+  integrity sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==
+
+"@img/sharp-linux-arm64@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz#edb0697e7a8279c9fc829a60fc35644c4839bb22"
+  integrity sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-arm64" "1.0.4"
+
+"@img/sharp-linux-arm@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz#422c1a352e7b5832842577dc51602bcd5b6f5eff"
+  integrity sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-arm" "1.0.5"
+
+"@img/sharp-linux-s390x@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz#f5c077926b48e97e4a04d004dfaf175972059667"
+  integrity sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-s390x" "1.0.4"
+
+"@img/sharp-linux-x64@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz#d806e0afd71ae6775cc87f0da8f2d03a7c2209cb"
+  integrity sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-x64" "1.0.4"
+
+"@img/sharp-linuxmusl-arm64@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz#252975b915894fb315af5deea174651e208d3d6b"
+  integrity sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==
+  optionalDependencies:
+    "@img/sharp-libvips-linuxmusl-arm64" "1.0.4"
+
+"@img/sharp-linuxmusl-x64@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz#3f4609ac5d8ef8ec7dadee80b560961a60fd4f48"
+  integrity sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==
+  optionalDependencies:
+    "@img/sharp-libvips-linuxmusl-x64" "1.0.4"
+
+"@img/sharp-wasm32@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz#6f44f3283069d935bb5ca5813153572f3e6f61a1"
+  integrity sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==
+  dependencies:
+    "@emnapi/runtime" "^1.2.0"
+
+"@img/sharp-win32-ia32@0.33.5":
+  version "0.33.5"
+  resolved "https://registry.yarnpkg.com/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz#1a0c839a40c5351e9885628c85f2e5dfd02b52a9"
+  integrity sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==
+
 "@img/sharp-win32-x64@0.33.5":
   version "0.33.5"
   resolved "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz"
@@ -333,6 +448,41 @@
   dependencies:
     fast-glob "3.3.1"
 
+"@next/swc-darwin-arm64@15.0.3":
+  version "15.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.0.3.tgz#4c40c506cf3d4d87da0204f4cccf39e6bdc46a71"
+  integrity sha512-s3Q/NOorCsLYdCKvQlWU+a+GeAd3C8Rb3L1YnetsgwXzhc3UTWrtQpB/3eCjFOdGUj5QmXfRak12uocd1ZiiQw==
+
+"@next/swc-darwin-x64@15.0.3":
+  version "15.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-15.0.3.tgz#8e06cacae3dae279744f9fbe88dea679ec2c1ca3"
+  integrity sha512-Zxl/TwyXVZPCFSf0u2BNj5sE0F2uR6iSKxWpq4Wlk/Sv9Ob6YCKByQTkV2y6BCic+fkabp9190hyrDdPA/dNrw==
+
+"@next/swc-linux-arm64-gnu@15.0.3":
+  version "15.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.0.3.tgz#c144ad1f21091b9c6e1e330ecc2d56188763191d"
+  integrity sha512-T5+gg2EwpsY3OoaLxUIofmMb7ohAUlcNZW0fPQ6YAutaWJaxt1Z1h+8zdl4FRIOr5ABAAhXtBcpkZNwUcKI2fw==
+
+"@next/swc-linux-arm64-musl@15.0.3":
+  version "15.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.0.3.tgz#3ccb71c6703bf421332f177d1bb0e10528bc73a2"
+  integrity sha512-WkAk6R60mwDjH4lG/JBpb2xHl2/0Vj0ZRu1TIzWuOYfQ9tt9NFsIinI1Epma77JVgy81F32X/AeD+B2cBu/YQA==
+
+"@next/swc-linux-x64-gnu@15.0.3":
+  version "15.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.0.3.tgz#b90aa9b07001b4000427c35ab347a9273cbeebb3"
+  integrity sha512-gWL/Cta1aPVqIGgDb6nxkqy06DkwJ9gAnKORdHWX1QBbSZZB+biFYPFti8aKIQL7otCE1pjyPaXpFzGeG2OS2w==
+
+"@next/swc-linux-x64-musl@15.0.3":
+  version "15.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.0.3.tgz#0ac9724fb44718fc97bfea971ac3fe17e486590e"
+  integrity sha512-QQEMwFd8r7C0GxQS62Zcdy6GKx999I/rTO2ubdXEe+MlZk9ZiinsrjwoiBL5/57tfyjikgh6GOU2WRQVUej3UA==
+
+"@next/swc-win32-arm64-msvc@15.0.3":
+  version "15.0.3"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.0.3.tgz#932437d4cf27814e963ba8ae5f033b4421fab9ca"
+  integrity sha512-9TEp47AAd/ms9fPNgtgnT7F3M1Hf7koIYYWCMQ9neOwjbVWJsHZxrFbI3iEDJ8rf1TDGpmHbKxXf2IFpAvheIQ==
+
 "@next/swc-win32-x64-msvc@15.0.3":
   version "15.0.3"
   resolved "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.0.3.tgz"
@@ -346,7 +496,7 @@
     "@nodelib/fs.stat" "2.0.5"
     run-parallel "^1.1.9"
 
-"@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
   version "2.0.5"
   resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
@@ -1510,7 +1660,7 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-glob@^3.3.0, fast-glob@3.3.1:
+fast-glob@3.3.1, fast-glob@^3.3.0:
   version "3.3.1"
   resolved "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz"
   integrity sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==
@@ -1610,6 +1760,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fsevents@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
+
 function-bind@^1.1.2:
   version "1.1.2"
   resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz"
@@ -1657,7 +1812,7 @@ get-tsconfig@^4.7.5:
   dependencies:
     resolve-pkg-maps "^1.0.0"
 
-glob-parent@^5.1.2:
+glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@@ -1671,13 +1826,6 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
-glob-parent@~5.1.2:
-  version "5.1.2"
-  resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
-  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
-  dependencies:
-    is-glob "^4.0.1"
-
 glob@^10.3.10:
   version "10.4.5"
   resolved "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz"
@@ -2536,15 +2684,6 @@ postcss-value-parser@^4.0.0:
   resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^8, postcss@^8.4.23:
-  version "8.4.47"
-  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz"
-  integrity sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==
-  dependencies:
-    nanoid "^3.3.7"
-    picocolors "^1.1.0"
-    source-map-js "^1.2.1"
-
 postcss@8.4.31:
   version "8.4.31"
   resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz"
@@ -2554,6 +2693,15 @@ postcss@8.4.31:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
+postcss@^8, postcss@^8.4.23:
+  version "8.4.47"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz"
+  integrity sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==
+  dependencies:
+    nanoid "^3.3.7"
+    picocolors "^1.1.0"
+    source-map-js "^1.2.1"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz"
@@ -2831,16 +2979,7 @@ streamsearch@^1.1.0:
   resolved "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz"
   integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
 
-"string-width-cjs@npm:string-width@^4.2.0":
-  version "4.2.3"
-  resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-string-width@^4.1.0:
+"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0:
   version "4.2.3"
   resolved "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -2921,14 +3060,7 @@ string.prototype.trimstart@^1.0.8:
     define-properties "^1.2.1"
     es-object-atoms "^1.0.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
-  version "6.0.1"
-  resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==