Fix: Rebuild

src/components/Footer.tsx

@@ -10,44 +10,34 @@ const Footer = () => {
       <div className='page-padding'>
         <div className='container-large'>
           <div className='padding-vertical'>
-            <div className='w-layout-grid footer-content-wrapper'>
+            <div className='footer-content-wrapper'>
               <div id='w-node-_645696ff-498c-0231-c397-321ad05824b9-57e783b4' className='footer-logo-div'>
-                <Image src='/logo.png' alt='close' width={150} height={70}></Image>
-
-                <div className='div-block-35'>
-                  <h4 className='heading-7'></h4>
-                  <div className='partner-description'></div>
-                </div>
+                <Image src='/logo.png' alt='close' width={120} height={120}></Image>
               </div>
               <div id='w-node-_5c7f0193-06f6-b300-36ad-360557e783bb-57e783b4'>
-                <h4 id='w-node-_5c7f0193-06f6-b300-36ad-360557e783bc-57e783b4' className='heading-3'>
-                  Staying Updated with CompareAi
-                </h4>
-                <div className='partner-description'>
-                  {"CompareAi's official channels and social profiles. Please exercise caution to avoid fraudulent attempts to replicate our presence"}
-                </div>
                 <div id='w-node-_5c7f0193-06f6-b300-36ad-360557e783c0-57e783b4' className='w-layout-grid social-link-list'>
                   <a
                     id='w-node-_5c7f0193-06f6-b300-36ad-360557e783c5-57e783b4'
-                    href='https://t.me/CompareAi_Portal'
+                    href='https://t.me/AceBot_Portal'
                     target='_blank'
                     className='social-link-wrappper w-inline-block'>
                     <TelegramIcon></TelegramIcon>
                     <div className='social-link-text'>Telegram</div>
                   </a>
                   <a
                     id='w-node-_5c7f0193-06f6-b300-36ad-360557e783c9-57e783b4'
-                    href='https://twitter.com/CompareAi_'
+                    href='https://twitter.com/Acebot_ERC'
                     target='_blank'
                     className='social-link-wrappper w-inline-block'>
                     <Image src='/X.png' alt='close' width={18} height={18}></Image>
                     <div className='social-link-text'>Twitter</div>
                   </a>
-                  <a href='mailto:support@compareai.bot' className='social-link-wrappper w-inline-block'>
+                  <a href='mailto:support@acebot.tech' className='social-link-wrappper w-inline-block'>
                     <EmailIcon />
                     <div className='social-link-text'>Support Email</div>
                   </a>
                 </div>
+                <span className='copyright'>© Copyright 2023 by ACEBOT</span>
               </div>
             </div>
           </div>

src/components/Header.tsx

@@ -1,5 +1,9 @@
 /* eslint-disable @next/next/no-img-element */
 
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import { IconButton } from '@mui/material';
+import Image from 'next/image';
+
 const Header = () => {
   return (
     <div className='section-header'>
@@ -9,37 +13,44 @@ const Header = () => {
             <div className='padding-vertical'>
               <div className='div-block-3'>
                 <div className='max-width-large'>
-                  <div className='margin-bottom margin-large'>
-                    <h1 className='text-color-white heading-xxhuge gradient-is-whiteblue'>COMPARE-AI</h1>
-                    <p className='text-size-large text-color-white'>Unleash the power of comparison with CompareAi</p>
+                  <div className='margin-bottom margin-large hero-text'>
+                    <h1 className='text-color-white heading-xxhuge gradient-is-whiteblue'>AceBOT</h1>
+                    <p className='text-size-large text-color-white'>Your Passport to Smart Contract Mastery!</p>
                   </div>
                   <div className='margin-top margin-medium'>
                     <div className='button-bar'>
                       <a
                         href='https://app.uniswap.org/swap?outputCurrency=0x8B17F620CA072EC95d4D1c85ecA11a65282B4104&chain=ethereum'
                         target='_blank'
                         className='button-primary w-inline-block'>
-                        <div className='button-text'>Invest</div>
+                        <div className='button-text'>Trade</div>
                       </a>
                       <a
                         href='https://www.dextools.io/app/en/ether/pair-explorer/0xdf41310dd5324760549a8f8643f3d3f202ab358b'
                         target='_blank'
                         className='button-secondary w-inline-block'>
-                        <div className='button-text'>View Charts</div>
+                        <div className='button-text'>AceBOT</div>
                       </a>
                     </div>
+                    <div className='scan-ai'>
+                      <span>CA: </span>
+                      <IconButton>
+                        <ContentCopyIcon />
+                      </IconButton>
+                    </div>
                   </div>
                 </div>
               </div>
             </div>
+            <Image src='/mascot-1.png' alt='mascot' width={600} height={600} className='hero-img' />
           </div>
         </div>
       </div>
       <div data-w-id='61cdfec5-e211-c09c-6df7-d3d89ca3b67d' className='header6_background-image-wrapper'>
         <div className='image-overlay-layer'></div>
-        <div className='div-block'>
+        {/* <div className='div-block'>
           <img src={'/background-2.png'} loading='lazy' sizes='100vw' alt='' className='image transition-ele' />
-        </div>
+        </div> */}
       </div>
     </div>
   );

src/components/Introduction.tsx

@@ -8,18 +8,18 @@ const Introduction = () => {
             <div className='feature1-wrapper'>
               <div className='w-layout-grid layout25_component'>
                 <div className='layout25_content'>
-                  <div className='margin-bottom margin-xsmall'>
-                    <div className='label'>{"Let's Dig In"}</div>
-                  </div>
                   <div className='margin-bottom margin-small'>
-                    <h2 className='heading'>Start Here to Compare-AI</h2>
+                    <h2 className='heading' style={{ color: '#FCC65A' }}>
+                      Let&apos;s get started
+                    </h2>
                   </div>
                   <div className='margin-bottom margin-medium'>
                     <p className='text-size-medium text-color-white'>
-                      CompareAl is an Al platform that provides a versatile digital assistant to cater to your diverse and complex comparison needs. It utilizes
-                      artificial intelligence to understand your needs and personal preferences, providing personalized analysis and recommendations. CompareAl
-                      believes that the power of data and Al can be used to illuminate every decision, not just in business but also in everyday life. With its
-                      technology, CompareAl is committed to giving you the confidence needed to master every choice, at every moment.
+                      Acebot is a cutting-edge bot that leads the way in seamless integration and support across multiple blockchains. With a forward-thinking
+                      approach, Acebot pioneers the inclusion of new chains, catering to the diverse investment needs of users looking to diversify their
+                      portfolios. Its innovative technology provides users with a dynamic and versatile tool to enhance their investment strategies across
+                      multiple chains, keeping them ahead in the ever-evolving landscape of cryptocurrency investments. Join Acebot and stay ahead in the world
+                      of cryptocurrency investments.
                     </p>
                   </div>
                 </div>

src/components/Menu.tsx

@@ -24,24 +24,43 @@ const Menu = () => {
   };
 
   return (
-    <div>
+    <div className='section-menu'>
       <section className='section-contact-modal3'>
         <div className='page-padding-2'>
           <div className='container-large'>
             <div className='padding-vertical'>
               <div className='nav-wrapper'>
                 <a href='/' aria-current='page' className='navbar6_logo-link w-nav-brand w--current'>
-                  <Image src='/logo.png' alt='close' width={150} height={70}></Image>
+                  <Image src='/logo.png' alt='close' width={100} height={100}></Image>
                 </a>
+                <div className='show-desktop'>
+                  <div className='nav-link-list-hor'>
+                    <a href='#header' aria-current='page' className='nav-link w-inline-block w--current link--current'>
+                      <div>Home</div>
+                    </a>
+                    <a href='#introduction' className='nav-link w-inline-block link--current'>
+                      <div>Introduction</div>
+                    </a>
+                    <a href='#products' className='nav-link hidden w-inline-block  link--current'>
+                      <div>Products</div>
+                    </a>
+                    <a href='#price' className='nav-link w-inline-block link--current'>
+                      <div>Tokenomics</div>
+                    </a>
+                    <a href='#roadmap' className='nav-link w-inline-block link--current'>
+                      <div>Roadmap</div>
+                    </a>
+                  </div>
+                </div>
                 <div className='button-row is-button-row-center'>
-                  <div className='contact-modal3_component-2' css={[styles.display(isShowNav)]}>
+                  <div className='contact-modal3_component-2 ' css={[styles.display(isShowNav)]}>
                     <div className='contact-modal3_content-wrapper-2' css={styles.contactModal3ContentWrapper2(isShowChild)}>
                       <div className='margin-bottom margin-large'>
                         <div className='text-align-center-2'>
                           <div className='max-width-large-2 align-center'>
                             <div className='margin-bottom margin-xsmall'>
                               <div className='div-block-19'>
-                                <Image src='/logo.png' alt='close' width={150} height={70}></Image>
+                                <Image src='/logo.png' alt='close' width={120} height={120}></Image>
                                 <div className='nav-link-list'>
                                   <a href='#header' aria-current='page' className='nav-link w-inline-block w--current'>
                                     <div>Home</div>
@@ -65,21 +84,21 @@ const Menu = () => {
                                 <div className='w-layout-grid social-link-list mobile'>
                                   <a
                                     id='w-node-b87d70e6-4c6b-380a-71c4-72a39b280e44-6d0eefca'
-                                    href='https://t.me/CompareAi_Portal'
+                                    href='https://t.me/AceBot_Portal'
                                     target='_blank'
                                     className='social-link-wrappper w-inline-block'>
                                     <TelegramIcon></TelegramIcon>
                                     <div className='social-link-text'>Telegram</div>
                                   </a>
                                   <a
                                     id='w-node-b87d70e6-4c6b-380a-71c4-72a39b280e48-6d0eefca'
-                                    href='https://twitter.com/CompareAi_'
+                                    href='https://twitter.com/Acebot_ERC'
                                     target='_blank'
                                     className='social-link-wrappper w-inline-block'>
                                     <Image src='/X.png' alt='close' width={18} height={18}></Image>
                                     <div className='social-link-text'>Twitter</div>
                                   </a>
-                                  <a href='mailto:support@compareai.bot' className='social-link-wrappper w-inline-block'>
+                                  <a href='mailto:support@acebot.tech' className='social-link-wrappper w-inline-block'>
                                     <EmailIcon />
                                     <div className='social-link-text'>Support Email</div>
                                   </a>
@@ -105,7 +124,21 @@ const Menu = () => {
                   <a href='https://docs.compareai.bot/' target='_blank' className='button-primary is-in-nav w-inline-block'>
                     <div className='button-text'>White Paper</div>
                   </a>
-                  <a data-w-id='58ce1a83-824e-d1ff-e9ba-adf06d0eefe1' className='link-block-3 w-inline-block cursor-default'>
+                  <div className='show-desktop'>
+                    <div className='menu-group-icon'>
+                      <a
+                        id='w-node-b87d70e6-4c6b-380a-71c4-72a39b280e48-6d0eefca'
+                        href='https://twitter.com/Acebot_ERC'
+                        target='_blank'
+                        className='social-link-wrappper-menu '>
+                        <Image src='/X.png' alt='close' width={18} height={18}></Image>
+                      </a>
+                      <a href='mailto:support@acebot.tech' className='social-link-wrappper-menu'>
+                        <TelegramIcon></TelegramIcon>
+                      </a>
+                    </div>
+                  </div>
+                  <a data-w-id='58ce1a83-824e-d1ff-e9ba-adf06d0eefe1' className='link-block-3 w-inline-block cursor-default  hidden-desktop'>
                     <div className='menu-icon4_wrapper cursor-pointer' onClick={onClickMenu}>
                       <div className='menu-icon4_line-top-2'></div>
                       <div className='menu-icon4_line-middle-2'>

src/components/Price.tsx

@@ -1,43 +1,22 @@
-import ContentCopyIcon from '@mui/icons-material/ContentCopy';
-import { IconButton, Snackbar } from '@mui/material';
-import { useState } from 'react';
+// import { useState } from 'react';
 
 /* eslint-disable @next/next/no-img-element */
 const Price = () => {
-  const [open, setOpen] = useState(false);
+  // const [open, setOpen] = useState(false);
 
-  const handleClick = () => {
-    setOpen(true);
-    navigator.clipboard.writeText('0x8B17F620CA072EC95d4D1c85ecA11a65282B4104');
-  };
+  // const handleClick = () => {
+  //   setOpen(true);
+  //   navigator.clipboard.writeText('0x8B17F620CA072EC95d4D1c85ecA11a65282B4104');
+  // };
   return (
     <section className='section-layout138' id='price'>
-      <img
-        src='./Sphere Finance _ The S&amp;P 500 of Crypto_files/62795f7bececb257803ea5c6_sphere@2x.png'
-        loading='lazy'
-        sizes='(max-width: 767px) 100vw, 656px'
-        srcSet='
-        https://assets-global.website-files.com/62794603633d33e91a3daa49/62795f7bececb257803ea5c6_sphere%402x-p-500.png 500w,
-        https://assets-global.website-files.com/62794603633d33e91a3daa49/62795f7bececb257803ea5c6_sphere%402x.png       520w
-      '
-        alt=''
-        className='image-7'
-      />
       <div className='page-padding'>
         <div className='container-large'>
           <div className='padding-vertical'>
             <div className='text-align-center'>
               <div className='max-width-xlarge'>
-                <div className='margin-bottom margin-xsmall'>
-                  <div className='label'>CompareAI</div>
-                </div>
-                <div className='margin-bottom margin-small'>
-                  <h2 className='text-color-white heading-xxhuge gradient-is-whiteblue'>Community & Development</h2>
-                </div>
                 <div className='margin-bottom margin-small'>
-                  <p className='text-size-medium text-color-white'>
-                    Believe in CompareAi as we work together to build a strong platform for developing reliable and innovative AI products.
-                  </p>
+                  <h2 className='text-color-white heading-xxhuge gradient-is-whiteblue'>Tokenomics</h2>
                 </div>
                 <div data-w-id='de947c4c-80db-5935-3de1-5f2f466866db' className='div-block-4'>
                   <div id='w-node-e6186e2d-242a-00fc-1d45-445c77334285-1c48dc11' className='stat-wrapper _1'>
@@ -59,7 +38,7 @@ const Price = () => {
                       </span>
                       <span></span>
                       <span className='text-span'>
-                        <sup className='superscript-2'>CAI</sup>
+                        <sup className='superscript-2'>ACE</sup>
                       </span>
                     </div>
                   </div>
@@ -80,19 +59,6 @@ const Price = () => {
                     <div className='button-text'>Etherscan</div>
                   </a>
                 </div>
-                <div className='scan-ai'>
-                  <span>CA: 0x8B17F620CA072EC95d4D1c85ecA11a65282B4104</span>
-                  <IconButton onClick={handleClick}>
-                    <ContentCopyIcon />
-                  </IconButton>
-                </div>
-                <Snackbar
-                  message='Copy text successfully'
-                  anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
-                  autoHideDuration={1000}
-                  onClose={() => setOpen(false)}
-                  open={open}
-                />
               </div>
             </div>
           </div>