feat(home-page): rspack hero

Author: CaioRolla

apps/valor-software-site/src/assets/img/bg-img/main_page/main_page_bg_rspack.png

@@ -1,25 +1,19 @@
 <section class="landing-section flex flex-col items-center pt-12 first-section pb-0">
     <div class="container md:flex flex-column space-between">
         <div class="lg:flex flex-col items-start self-center">
-            <img src="assets/img/bg-img/main_page/main_page_mobile_bg.png" alt="Dmitriy Shekhovtsov photo"
+            <img src="assets/img/bg-img/main_page/main_page_bg_rspack.png" alt="Rspack mascot"
                 class="block lg:hidden h-full w-full max-h-700 object-contain my-10" style="width: 100%; height: 100%">
 
-            <h1 class="font-bold text-light_title_col text-4xl leading-44 md:leading-66 md:text-64 mb-8 md:w-11/12 ">Led
-                by
-                a Google Developer
-                Expert</h1>
-            <p class="leading-6 text-grey_font_col lg:mb-8 mb-14">Valor Software is more than just a software
-                development
-                company. We’re a team of people driven by
-                innovation
-                who pull off the impossible with the blend of the brightest technological minds and edge technologies.
+            <h1 class="font-bold text-light_title_col text-4xl leading-44 md:leading-66 md:text-64 mb-8 md:w-11/12 ">Announcing Rspack: A new and high-performance frontend bundler</h1>
+            <p class="leading-6 text-grey_font_col lg:mb-8 mb-14">The Rust-Based Web Bundler that Combines High Performance with webpack Interoperability
             </p>
-            <button class="btn-pink flex md:justify-between justify-center py-5 px-10 w-full lg:w-auto" routerLink="/"
-                fragment="technologies">Review our tech
-                stack <img src="assets/img/icons/arrow.svg" class="ml-2 rotate-90" alt=""></button>
+            <a class="btn-pink flex md:justify-between justify-center py-5 px-10 w-full lg:w-auto" routerLink="/press-release/rs-pack-rust-based-web-bundler"
+                >Learn more 
+                <!-- <img src="assets/img/icons/arrow.svg" class="ml-2 rotate-90" alt=""> -->
+            </a>
         </div>
 
-        <img src="assets/img/bg-img/main_page/main_page_bg.png" alt="Dmitriy Shekhovtsov photo"
+        <img src="assets/img/bg-img/main_page/main_page_bg_rspack.png" alt="Rspack mascot"
             class="hidden lg:block h-full w-full max-h-700 object-contain lg:object-cover"
             style="width: 100%; height: 100%">
     </div>

libs/route-pages/home-page/src/main-page.component.html

@@ -6,7 +6,7 @@
             <time datetime="2023-03-09"
                   class="inline-block text-base text-light_title_col py-3 px-4 rounded-full">March 9, 2023</time>
         </div>
-        <h1 class="text-light_title_col text-40 font-bold w-10/12">Rspack: The Rust-Based Web Bundler that Combines High Performance with Interoperability</h1>
+        <h1 class="text-light_title_col text-40 font-bold lg:w-10/12">Rspack: The Rust-Based Web Bundler that Combines High Performance with Interoperability</h1>
     </header>
 
     <main class="container flex-col flex gap-11 lg:flex-row">