Merge pull request #1626 from gtech-mulearn/old-dev

Old dev

src/Pages/Home/Home.jsx

@@ -40,7 +40,7 @@ const MuLiveCounter = () => {
  }, []);
 
  return (
- <div className={styles.rightside}>
+ <div style={{}}>
  {counts && (
  <div className={styles.countcontainer}>
  <div className={styles.count}>
@@ -64,7 +64,9 @@ const MuLiveCounter = () => {
  <CountUp
  end={
  orgTypeCount.org_type === "Company"
- ? 200
+ ? 213
+ : orgTypeCount.org_type === "Community"
+ ? 30
  : orgTypeCount.org_count
  }
  duration={5}
@@ -94,7 +96,7 @@ const MuLiveCounter = () => {
 
  <div className={styles.count}>
  <p className={styles.cvc_heading}>
- <CountUp end={counts.karma_pow_count.karma_count} duration={5} />+
+ <CountUp end={counts.karma_pow_count.karma_count} duration={5} />
  </p>
  <p className={styles.cvc_text}>Total Karma Mined</p>
  </div>
@@ -124,9 +126,10 @@ const MuLiveCounter = () => {
  </div>
  <div className={styles.count}>
  <p className={styles.cvc_heading}>
- <CountUp end={20} duration={5} />
+ <CountUp end={1} duration={5} />
+ Cr+
  </p>
- <p className={styles.cvc_text}>Lakhs Gig Works</p>
+ <p className={styles.cvc_text}>worth of Gig Works</p>
  </div>
 
  {counts.enablers_mentors_count
@@ -520,16 +523,27 @@ const Home = () => {
  <div
  className={styles.count_view}
  style={{
- height: "100%",
+ ...(window.innerWidth >= 1024 && {
+ display: "flex",
+ flexDirection: "column",
+ alignContent: "center",
+ justifyContent: "center",
+ gap: "3rem",
+ }),
  }}
  >
  <div
  style={{
- height: "100%", // Ensure the container takes full height of its parent
- display: "flex",
- flexDirection: "column",
- justifyContent: "flex-start",
- alignItems: "flex-start", // Align items to the start of the container\
+ ...(window.innerWidth >= 1024 && {
+ height: "100%", // Ensure the container takes full height of its parent
+ display: "flex",
+ flexDirection: "row",
+ justifyContent: "space-between",
+ alignItems: "center", // Align items to the start of the container
+ width: "100%",
+ padding: "1rem",
+ gap: "3rem",
+ }),
  }}
  className={styles.left_side}
  >