From defdd98eb213541bdb22400cacc7aa9347e17d2f Mon Sep 17 00:00:00 2001
From: Mohdsaifulla <saif49032@gmail.com>
Date: Sun, 3 Mar 2024 16:07:00 +0530
Subject: [PATCH 1/3] feat placed only one cta on home page

---
 .../modules/home/hero/hero.module.scss        | 26 +++++++++---
 .../src/components/modules/home/hero/hero.tsx | 41 ++++++++++++++-----
 2 files changed, 51 insertions(+), 16 deletions(-)

diff --git a/apps/host/src/components/modules/home/hero/hero.module.scss b/apps/host/src/components/modules/home/hero/hero.module.scss
index c5089c7f0..610d488f6 100644
--- a/apps/host/src/components/modules/home/hero/hero.module.scss
+++ b/apps/host/src/components/modules/home/hero/hero.module.scss
@@ -19,21 +19,31 @@
 
   .heroImage {
     width: min(80vh, 80vw);
-    aspect-ratio: calc(1120/736);
+    aspect-ratio: calc(1120 / 736);
   }
 }
-
 .link a {
   display: inline-block;
   padding: 1rem;
   margin: 0.5rem 0;
-  font-weight: 400;
-  color: white;
-  background-color: rgba(31, 6, 255, 68.7%);
+  font-weight: 600;
+  letter-spacing: 0.3rem;
+  color: black;
+  background-color: white;
+  border: 0.19rem solid rgba(31, 6, 255, 0.687);
   border-radius: 8px;
   box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 12%);
+  &:hover {
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.34);
+  }
 }
 
+.heroTechImg {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+}
 @media screen and (width >= 768px) {
   .hero {
     flex-direction: row;
@@ -43,7 +53,11 @@
       margin-bottom: 3rem;
     }
   }
-
+  .heroTechImg {
+    display: flex;
+    justify-content: start;
+    gap: 10px;
+  }
   .figure .heroImage {
     width: min(60vh, 60vw);
   }
diff --git a/apps/host/src/components/modules/home/hero/hero.tsx b/apps/host/src/components/modules/home/hero/hero.tsx
index 7c89df275..f784beb0e 100644
--- a/apps/host/src/components/modules/home/hero/hero.tsx
+++ b/apps/host/src/components/modules/home/hero/hero.tsx
@@ -1,8 +1,26 @@
 import { coverTransparent } from '@fmc/assets/images';
 import styles from './hero.module.scss';
 import { HashLink } from 'react-router-hash-link';
-
+import { jsImg, reactImg, vueImg, angularImg } from '@fmc/assets/images';
 function Hero() {
+  const allImg = [
+    {
+      title: 'JS',
+      imgSrc: jsImg,
+    },
+    {
+      title: 'react',
+      imgSrc: reactImg,
+    },
+    {
+      title: 'vue',
+      imgSrc: vueImg,
+    },
+    {
+      title: 'angular',
+      imgSrc: angularImg,
+    },
+  ];
   return (
     <main className={styles.hero}>
       <div>
@@ -13,16 +31,19 @@ function Hero() {
         <p>by solving the collection of challenges from Frontend Mini Challenges</p>
 
         <h3 className={styles.link}>
-          <HashLink to="javascript">JS Mini Challenges</HashLink>
-        </h3>
-
-        <h3 className={styles.link}>
-          <HashLink to="react">React Mini Challenges</HashLink>
-        </h3>
-
-        <h3 className={styles.link}>
-          <HashLink to="vue">Vue Mini Challenges</HashLink>
+          <HashLink to="javascript">Get Started</HashLink>
         </h3>
+        <div className={styles.heroTechImg}>
+          {allImg.map((item) => (
+            <img
+              key={item.title}
+              src={item.imgSrc}
+              width={35}
+              height={35}
+              alt={`${item.title}-img`}
+            />
+          ))}
+        </div>
       </div>
 
       <figure className={styles.figure}>

From 5a724b1c2d143ddba37b28fa05016880e1d79f20 Mon Sep 17 00:00:00 2001
From: Mohdsaifulla <saif49032@gmail.com>
Date: Sun, 3 Mar 2024 16:48:27 +0530
Subject: [PATCH 2/3] resolved conflict

---
 apps/host/src/components/modules/home/hero/hero.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/host/src/components/modules/home/hero/hero.tsx b/apps/host/src/components/modules/home/hero/hero.tsx
index f784beb0e..d93166c84 100644
--- a/apps/host/src/components/modules/home/hero/hero.tsx
+++ b/apps/host/src/components/modules/home/hero/hero.tsx
@@ -1,7 +1,7 @@
-import { coverTransparent } from '@fmc/assets/images';
+import { coverTransparent, jsImg, reactImg, vueImg, angularImg } from '@fmc/assets/images';
 import styles from './hero.module.scss';
 import { HashLink } from 'react-router-hash-link';
-import { jsImg, reactImg, vueImg, angularImg } from '@fmc/assets/images';
+// import { jsImg, reactImg, vueImg, angularImg } from '@fmc/assets/images';
 function Hero() {
   const allImg = [
     {

From 4119d52ea8d4c7761357e19b29cc440816a18d98 Mon Sep 17 00:00:00 2001
From: Mohdsaifulla <saif49032@gmail.com>
Date: Sun, 3 Mar 2024 16:50:15 +0530
Subject: [PATCH 3/3] resolved conflict

---
 apps/host/src/components/modules/home/hero/hero.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/host/src/components/modules/home/hero/hero.tsx b/apps/host/src/components/modules/home/hero/hero.tsx
index d93166c84..18daf7539 100644
--- a/apps/host/src/components/modules/home/hero/hero.tsx
+++ b/apps/host/src/components/modules/home/hero/hero.tsx
@@ -1,7 +1,6 @@
 import { coverTransparent, jsImg, reactImg, vueImg, angularImg } from '@fmc/assets/images';
 import styles from './hero.module.scss';
 import { HashLink } from 'react-router-hash-link';
-// import { jsImg, reactImg, vueImg, angularImg } from '@fmc/assets/images';
 function Hero() {
   const allImg = [
     {