old_contents: import React from "react";
  import "./Greeting.css";
  import SocialMedia from "../../components/socialMedia/SocialMedia";
  import Button from "../../components/button/Button";
  import { greeting } from "../../portfolio";
  
  export default function Greeting() {
    return (
      <div className="greet-main" id="greeting">
        <div className="greeting-main">
          <div className="greeting-text-div">
            <div>
              <h1 className="greeting-text">
                {" "}
                {greeting.title}
                {" "}
                <span className="wave-emoji">👋</span>
              </h1>
              <p className="greeting-text-p subTitle">{greeting.subTitle}</p>
              <SocialMedia />
              <div className="button-greeting-div">
                <Button text="Contact me" href="#contact" />
                <Button text="See my resume" newTab={true} href={greeting.resumeLink} />
              </div>
            </div>
          </div>
          <div className="greeting-image-div">
            <img alt="saad sitting on table" src={require("../../assests/images/manOnTable.svg")}></img>
          </div>
        </div>
      </div>
    );
  }
  
new_contents: import React from "react";
  import "./Greeting.css";
  import SocialMedia from "../../components/socialMedia/SocialMedia";
  import Button from "../../components/button/Button";
  import { greeting } from "../../portfolio";
  
  export default function Greeting() {
    return (
      <div className="greet-main" id="greeting">
        <div className="greeting-main">
          <div className="greeting-text-div">
            <div>
              <h1 className="greeting-text">
                {" "}
                {greeting.title}
                {" "}
                <span className="wave-emoji">👋🏼</span>
              </h1>
              <p className="greeting-text-p subTitle">{greeting.subTitle}</p>
              <SocialMedia />
              <div className="button-greeting-div">
                <Button text="Contact me" href="#contact" />
                <Button text="See my resume" newTab={true} href={greeting.resumeLink} />
              </div>
            </div>
          </div>
          <div className="greeting-image-div">
            <img alt="saad sitting on table" src={require("../../assests/images/manOnTable.svg")}></img>
          </div>
        </div>
      </div>
    );
  }
  
subject: change : emoji color