update ui

aura-nw · Dec 6, 2024 · f7e6b6c · f7e6b6c
1 parent 42bb333
commit f7e6b6c
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 25 deletions.
diff --git a/public/img_thumb.png b/public/img_thumb.png
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -7,7 +7,7 @@ import AbstractionLayer from "../sections/abstraction";
 import Explore from "../sections/explore";
 import Parters from "../sections/partners";
 import Statistics from "../sections/statistics";
-import ic_background from "@/assets/images/img_bg_desktop_2.png";
+
 import Image from "next/image";
 import BuiltIn from "@/sections/built-in";
 import GetStarted from "@/sections/get-started";
@@ -28,18 +28,7 @@ export const metadata: Metadata = {
 export default function Home() {
   return (
     <>
-      <div className="w-full m-auto h-[665px] sm:h-[870px] bg-blue relative">
-        <div className="absolute w-full h-full inset-0 bg-[#2671cf]"></div>
-        <Image
-          className="absolute inset-0 w-full h-full object-cover mix-blend-soft-light"
-          src={ic_background}
-          alt="bg"
-        />
-        <div className="relative z-10 main-container">
-          <Introduction />
-        </div>
-      </div>
-
+      <Introduction />
       <div className="flex min-h-screen flex-col items-center">
         <div className="flex flex-col gap-0 w-full items-center">
           <Parters />

diff --git a/src/sections/introduction/index.tsx b/src/sections/introduction/index.tsx
@@ -1,19 +1,31 @@
 import GradientButton from "@/components/Button/GradientButton";
+import Image from "next/image";
+import ic_background from "@/assets/images/img_bg_desktop_2.png";
 
 function Introduction() {
   return (
-    <div className="w-full h-[665px] sm:h-[870px] py-20 justify-end items-end gap-5 inline-flex">
-      <div className="grow shrink basis-0 self-stretch justify-end sm:justify-start items-start sm:items-end gap-5 flex flex-col  sm:flex-row">
-        <div className="sm:grow shrink basis-0 text-white text-[38px] sm:text-[60px] 2xl:text-[90px] font-semibold font-nacelle 2xl:leading-[99px]">
-          The Blockchain for
-          <br />
-          Enterprise & Entertainment
-        </div>
-        <div className="w-[330px] 2xl:w-[417px] text-white text-md 2xl:text-xl font-normal font-interTight leading-7">
-          Aura Network is building the next generation of blockchain
-          infrastructure, powering both enterprise transformation and
-          entertainment innovation with enhanced efficiency, transparency, and
-          accessibility.
+    <div className="w-full m-auto h-screen sm:h-[calc(100vh_-_168px)] bg-blue relative">
+      <div className="absolute w-full h-full inset-0 bg-[#2671cf]"></div>
+      <Image
+        className="absolute inset-0 w-full h-full object-cover mix-blend-soft-light"
+        src={ic_background}
+        alt="bg"
+      />
+      <div className="relative z-10 main-container">
+        <div className="w-full h-screen sm:h-[calc(100vh_-_168px)] py-20 justify-end items-end gap-5 inline-flex">
+          <div className="grow shrink basis-0 self-stretch justify-end sm:justify-start items-start sm:items-end gap-5 flex flex-col  sm:flex-row">
+            <div className="sm:grow shrink basis-0 text-white text-[38px] sm:text-[60px] 2xl:text-[90px] font-semibold font-nacelle 2xl:leading-[99px]">
+              The Blockchain for
+              <br />
+              Enterprise & Entertainment
+            </div>
+            <div className="w-[330px] 2xl:w-[417px] text-white text-md 2xl:text-xl font-normal font-interTight leading-7">
+              Aura Network is building the next generation of blockchain
+              infrastructure, powering both enterprise transformation and
+              entertainment innovation with enhanced efficiency, transparency,
+              and accessibility.
+            </div>
+          </div>
         </div>
       </div>
     </div>