update ui

aura-nw · Dec 6, 2024 · 9d825b0 · 9d825b0
1 parent a8370f0
commit 9d825b0
Show file tree

Hide file tree

Showing 3 changed files with 76 additions and 75 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,12 +1,12 @@
 "use client";
 import { aura } from "@/common/aura-chain";
-import { RainbowKitProvider, getDefaultConfig } from "@rainbow-me/rainbowkit";
+// import { RainbowKitProvider, getDefaultConfig } from "@rainbow-me/rainbowkit";
 import "@rainbow-me/rainbowkit/styles.css";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { Inter, JetBrains_Mono } from "next/font/google";
 import localFont from "next/font/local";
 import Script from "next/script";
-import { ToastContainer } from "react-toastify";
+// import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 // import { WagmiProvider } from "wagmi";
 import Footer from "../components/Footer";
@@ -50,65 +50,65 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   const queryClient = new QueryClient();
-  const configWallet = getDefaultConfig({
-    appName: "Aura Network",
-    projectId: "86b13026f2930979d852f7dac07666b1",
-    chains: [aura],
-    ssr: false, // If your dApp uses server side rendering (SSR)
-  });
+  // const configWallet = getDefaultConfig({
+  //   appName: "Aura Network",
+  //   projectId: "86b13026f2930979d852f7dac07666b1",
+  //   chains: [aura],
+  //   ssr: false, // If your dApp uses server side rendering (SSR)
+  // });
   return (
-    <WagmiProvider config={configWallet}>
-      <QueryClientProvider client={queryClient}>
-        <html lang="en">
-          <Script
-            id="gtm-script"
-            strategy="afterInteractive"
-            dangerouslySetInnerHTML={{
-              __html: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    // <WagmiProvider config={configWallet}>
+    <QueryClientProvider client={queryClient}>
+      <html lang="en">
+        <Script
+          id="gtm-script"
+          strategy="afterInteractive"
+          dangerouslySetInnerHTML={{
+            __html: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
           new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
           j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
           'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
           })(window,document,'script','dataLayer','GTM-K3NWXQS');`,
+          }}
+        />
+        <body
+          className={`${inter.className} ${ppmori.variable} ${jetBrains_mono.variable} ${interTight.variable} ${nacelle.variable} scroll-smooth`}
+        >
+          <div>
+            {/* <input
+              className="nav-input hidden"
+              type="checkbox"
+              id="nav-input"
+            /> */}
+            <Header />
+            {/* <RainbowKitProvider>{children}</RainbowKitProvider> */}
+            {children}
+            {/* <ToastContainer
+              position="top-right"
+              autoClose={3000}
+              hideProgressBar={true}
+              newestOnTop={false}
+              closeOnClick
+              rtl={false}
+              pauseOnFocusLoss
+              draggable
+              pauseOnHover
+              theme="dark"
+            ></ToastContainer> */}
+            <Footer />
+            {/* <label htmlFor="nav-input" className="nav-overlay">
+              {" "}
+            </label> */}
+          </div>
+          <noscript
+            dangerouslySetInnerHTML={{
+              __html: `<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K3NWXQS"
+            height="0" width="0" style="display:none;visibility:hidden"></iframe>`,
             }}
           />
-          <body
-            className={`${inter.className} ${ppmori.variable} ${jetBrains_mono.variable} ${interTight.variable} ${nacelle.variable} scroll-smooth`}
-          >
-            <div>
-              <input
-                className="nav-input hidden"
-                type="checkbox"
-                id="nav-input"
-              />
-              <Header />
-              <RainbowKitProvider>{children}</RainbowKitProvider>
-              {/* {children} */}
-              <ToastContainer
-                position="top-right"
-                autoClose={3000}
-                hideProgressBar={true}
-                newestOnTop={false}
-                closeOnClick
-                rtl={false}
-                pauseOnFocusLoss
-                draggable
-                pauseOnHover
-                theme="dark"
-              ></ToastContainer>
-              <Footer />
-              <label htmlFor="nav-input" className="nav-overlay">
-                {" "}
-              </label>
-            </div>
-            <noscript
-              dangerouslySetInnerHTML={{
-                __html: `<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K3NWXQS"
-            height="0" width="0" style="display:none;visibility:hidden"></iframe>`,
-              }}
-            />
-          </body>
-        </html>
-      </QueryClientProvider>
-    </WagmiProvider>
+        </body>
+      </html>
+    </QueryClientProvider>
+    //  </WagmiProvider>
   );
 }
diff --git a/src/sections/blogs/index.tsx b/src/sections/blogs/index.tsx
@@ -7,23 +7,24 @@ import Link from "next/link";
 function Blogs() {
   const sliderRef = useRef<any>();
   return (
-    <div className="py-[64px] sm:py-[120px] flex flex-col gap-10 w-full" id="press">
-      <div className="w-full">
-        <div className="w-full sm:max-w-[1360px] mx-auto">
-          <div className="flex justify-between mx-[24px]">
-            <div className="text-[#1c1f2a] text-[40px] font-semibold font-interTight leading-[52px]">
-              Press
-            </div>
-            <Link
-              href={"https://insight.aura.network/"}
-              target="_blank"
-              className="group h-12 px-6 py-3 bg-white rounded-[99px] border border-[#e0dedd] justify-center items-center gap-2 inline-flex hover:bg-gray-100 transition-all"
-            >
-              <div className="text-[#1c1f2a] text-base font-semibold font-interTight leading-normal group-hover:text-[#2671cf]">
-                Explore our apps
-              </div>
-            </Link>
+    <div
+      className="py-[64px] sm:py-[120px] flex flex-col gap-10 w-full"
+      id="press"
+    >
+      <div className="w-full sm:max-w-[1360px] mx-auto">
+        <div className="flex justify-between mx-[24px]">
+          <div className="text-[#1c1f2a] text-[40px] font-semibold font-interTight leading-[52px]">
+            Press
           </div>
+          <Link
+            href={"https://insight.aura.network/"}
+            target="_blank"
+            className="group h-12 px-6 py-3 bg-white rounded-[99px] border border-[#e0dedd] justify-center items-center gap-2 inline-flex hover:bg-gray-100 transition-all"
+          >
+            <div className="text-[#1c1f2a] text-base font-semibold font-interTight leading-normal group-hover:text-[#2671cf]">
+              Explore our apps
+            </div>
+          </Link>
         </div>
       </div>
       {/* <div className="hidden lg:flex">

diff --git a/src/sections/statistics/index.tsx b/src/sections/statistics/index.tsx
@@ -233,9 +233,9 @@ const statisticData = [
 function Statistics() {
   return (
     <div className="w-full py-[64px] sm:py-20 bg-[#1a3151] bg-[url('../assets/images/ic_section_5.png')] bg-cover bg-no-repeat">
-      <div className="main-container">
+      <div className="w-full sm:max-w-[1360px] mx-auto">
         <div className="flex flex-col gap-14 sm:gap-6 w-full items-center lg:gap-14">
-          <div className="text-white text-[38px] font-semibold font-nacelle leading-[41.80px] sm:max-w-[1360px] w-full">
+          <div className="text-white text-[38px] font-semibold font-nacelle leading-[41.80px] w-full px-6">
             The most thriving blockchain <br />
             in emerging countries
           </div>
@@ -256,9 +256,9 @@ function Statistics() {
                 })}
               </Swiper>
             </div>
-            <div className="flex flex-col gap-4 lg:hidden w-full">
+            <div className="flex flex-col gap-4 lg:hidden w-full mx-6">
               {statisticData.map((item: any, i: number) => {
-                return <Card data={item} key={i}/>;
+                return <Card data={item} key={i} />;
               })}
             </div>
           </div>