Added textured background

app/(pre-dashboard)/(landing)/sections/Hero/Hero.tsx

@@ -53,10 +53,13 @@ export default function Hero() {
   return (
     <>
       <Navbar />
-      <div className="w-full h-full bg-[#ddc78b] flex justify-center items-center">
+      <div
+        className="w-full h-full flex justify-center items-center
+        bg-[url('/landing/S2025/texture-background.png')] bg-cover bg-center bg-no-repeat"
+      >
         <div
           className="relative flex w-full flex-col items-center justify-center
-           overflow-hidden sm:flex sm:h-[100vh] sm:flex-row-reverse max-w-[1100px]"
+           sm:flex sm:h-[100vh] sm:flex-row-reverse max-w-[1100px]"
           id="Home"
         >
           <div className='relative flex w-full justify-center'>
@@ -70,12 +73,19 @@ export default function Hero() {
                     height="2000"
                     priority
                   />
+                  <Image
+                    src="/landing/S2025/smoke.png"
+                    alt="smoke"
+                    width="2000"
+                    height="2000"
+                    className="absolute -top-0 -left-32  sm:scale-[1.8] sm:-top-48 sm:-left-72 md:scale-[1.8]"
+                  />
                 </div>
               </div>
             </div>
 
           </div>
-          <div className="relative flex flex-col items-center justify-center h-auto z-20">
+          <div className="relative flex flex-col items-center justify-center h-auto z-20 mb-40">
             <div
               className="relative left-0 top-0 h-auto w-[790px]
             xs:max-w-[320px] sm:max-w-[576px] md:w-[500px]
@@ -109,7 +119,7 @@ export default function Hero() {
                 <button
                   className="z-30 items-center justify-center relative
                 bg-transparent text-sm text-[#C3557D]
-                transition-all duration-100 hover:drop-shadow-[0_0_20px_#C3557D]
+                transition-all duration-100 hover:drop-shadow-[0_0_10px_#62a99d]
                 xs:h-[26px] xs:w-[99px]
                 sm:h-[45px] sm:w-[179px]
                 sm:text-lg md:h-[37px]

app/(pre-dashboard)/(landing)/sections/Hero/Navbar.tsx

@@ -111,7 +111,7 @@ function Navbar() {
 
   return (
     <div
-      className={`z-40 flex w-full justify-end bg-gradient-to-b from-blue-500 to-transparent
+      className={`z-40 flex w-full justify-end
         md:fixed ${longCang.className}`}
       id="navbar"
     >
@@ -146,7 +146,14 @@ function Navbar() {
         w-full justify-end bg-gradient-to-b pr-2 pt-4 text-sm font-light sm:pr-4 sm:pt-6 sm:text-base md:pr-6 md:pt-8 md:text-lg lg:flex lg:pr-8 lg:pt-10 lg:text-xl"
       >
         {isHomePage && (
-          <div className="flex items-center justify-start">
+          <div className="flex items-center justify-start relative">
+            <Image
+              src="/landing/S2025/navbar-header.png"
+              alt="Navigation background"
+              width={1200}
+              height={150}
+              className="absolute -z-10 right-0 -top-10 scale-110"
+            />
             {sections.map((section) => (
               <button
                 style={{

app/ui/global.css

@@ -68,7 +68,7 @@ input[type='number']::-webkit-outer-spin-button {
 #Home {
   /* radial gradient what is this code?!*/
   /* background-image: radial-gradient(circle, #141719, #141719,#141719,#141719, #141719); */
-  background-color: #ddc78b;
+  /* background-color: #ddc78b; */
 }
 
 #entry-radial {