add donate3

lxdao-official · Jun 20, 2023 · 7d1e262 · 7d1e262
1 parent 2c1e668
commit 7d1e262
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 9 deletions.
diff --git a/components/Footer.js b/components/Footer.js
@@ -64,7 +64,7 @@ const NavList = ({ title, items }) => (
 const Footer = () => {
   const theme = useTheme();
   return (
-    <Box sx={{ background: '#ffffff' }} width="100%">
+    <Box sx={{ background: '#ffffff' }} width="100%" mt={"110px"}>
       <Container paddingY={{ md: '50px', xs: '44px' }} margin="0 auto">
         <Box display="flex" flexDirection={{ lg: 'row', md: 'column', xs: 'column' }}>
           <Grid container spacing={{ lg: 6, md: 8 }} flex={2}>
@@ -113,7 +113,7 @@ const Footer = () => {
               />
             </Grid>
           </Grid>
-          <Box display="flex" gap="24px" flexDirection="column" marginTop={{ lg: 0,  xs: 4 }} flex={1}>
+          <Box display="flex" gap="24px" flexDirection="column" marginTop={{ lg: 0, xs: 4 }} flex={1}>
             <Box width="147px" height="58px" component={'img'} src={'/icons/lxdao-logo.svg'} />
             <Typography variant="body1" lineHeight="24px" fontWeight={400} color="#666F85" textTransform="uppercase">
               LXDAO is an <span style={{ color: '#3C7AFF' }}>R&D</span>

diff --git a/layouts/Main/index.js b/layouts/Main/index.js
@@ -166,7 +166,7 @@ const Main = ({ children = false }) => {
           </Container>
         )}
       </Box>
-      <Box bgcolor="bodyBg.main" component="main" id="main" >
+      <Box bgcolor="bodyBg.main" component="main" id="main">
         {children}
       </Box>
     </>

diff --git a/pages/_app.js b/pages/_app.js
@@ -4,6 +4,7 @@ import {
   lightTheme,
   midnightTheme,
 } from "@rainbow-me/rainbowkit";
+import Script from 'next/script';
 
 /* RainbowKit imports */
 import "@rainbow-me/rainbowkit/styles.css";
@@ -35,7 +36,7 @@ const wagmiClient = createClient({
 });
 /* RainbowKit variables */
 
-export const ColorModeContext = createContext({ toggleColorMode: () => {} });
+export const ColorModeContext = createContext({ toggleColorMode: () => { } });
 
 export default function App({ Component, pageProps }) {
   const [mode, setMode] = useState("light");
@@ -67,6 +68,7 @@ export default function App({ Component, pageProps }) {
           <ColorModeContext.Provider value={colorMode}>
             <ThemeProvider theme={theme}>
               <Component {...pageProps} />
+              <Script src="https://cdn.jsdelivr.net/npm/donate3-sdk@0.3.48/dist/webpack/bundle.js" />
             </ThemeProvider>
           </ColorModeContext.Provider>
         </NextIntlProvider>

diff --git a/pages/index.js b/pages/index.js
@@ -27,10 +27,12 @@ export default function Index({ content, directory }) {
       <SectionMyFirstProject />
       <SectionSponsors />
       <SectionTeam />
-      {/* <SectionLXDAOIntro /> */}
-      {/* <Box id="joinus" paddingTop={{ xs: '50px', md: 15 }} marginBottom={{  md: 15 }} paddingX={0}>
-        <LXDAOIntroduction imgBackground={`${theme?.palette.bodyBg.main}`} titleColor={theme?.palette?.mode === 'dark' ? '#fff' : '#141414'} detailColor={theme?.palette?.mode === 'dark' ? '#fff' : '#667085'} maxWidth="1240px" xsWidth="326px" />
-      </Box> */}
+      <div
+        data-donate3-type="embed"
+        data-donate3-color="#000"
+        data-donate3-title="MyFirstLayer2(TEST)"
+        data-donate3-to-address="0x72bc49A5F2CE1200bD42f2428485fB9c140CF6bF"
+      ></div>
       <Footer />
     </Main>
   );

diff --git a/sections/SectionTeam.js b/sections/SectionTeam.js
@@ -373,7 +373,7 @@ export default function SectionTeam() {
   const t = useTranslations('SectionTeam');
   return (
     <SectionSimpleWrapper title={t(`sectionTeam-content-11`)} desc={t('sectionTeam-title-12')} id="team">
-      <Box padding={{ xs: 2, sm: '0px' }} mb="110px">
+      <Box padding={{ xs: 2, sm: '0px' }} mb="90px">
         <Grid container spacing={2.5}>
           {coreContributors.map((item, i) => (
             <Grid