Icons added

charu1603 · Feb 28, 2024 · f113bae · f113bae
1 parent e8ffb3e
commit f113bae
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/Components/components/About.jsx b/src/Components/components/About.jsx
@@ -8,6 +8,8 @@ import design3 from "../images/Feature3.png";
 import design2 from "../images/Feature2.png";
 import design1 from "../images/Feature1.png";
 import os from "../images/os.png";
+import { FaLongArrowAltRight } from "react-icons/fa";
+
 
 export default function About() {
   const heading = React.createRef(); 
@@ -106,8 +108,9 @@ export default function About() {
           with us. So come in, join the conversations, ask questions, share
           projects and feedback, and much more.
         </p>
-        <button className="bg-[#dc2626] text-white w-[200px] ease-in duration-[0.3s] hover:bg-[#10b981] font-medium my-6 mx-auto md:mx-4 py-3 text-center rounded-lg" ref={btn}>
-          Learn more
+        <button className="bg-[#dc2626] inline-flex justify-center items-center text-white w-[200px] ease-in duration-[0.3s] hover:bg-[#10b981] font-medium my-6 mx-auto md:mx-4 py-3 text-center rounded-lg" ref={btn}>
+          Learn more <span><FaLongArrowAltRight className='lg:mt-1 ml-2 mt-1' /></span> 
+
         </button>
       </div>
     </div>

diff --git a/src/Components/components/Hero.jsx b/src/Components/components/Hero.jsx
@@ -5,6 +5,8 @@ gsap.registerPlugin(ScrollTrigger);
 import bg1 from "../images/bg1.png";
 import bg2 from "../images/bg2.png";
 import bg5 from "../images/bg5.png";
+import { MdStart } from "react-icons/md";
+
 
 export default function Hero() {
   const heading = React.createRef(); 
@@ -77,9 +79,10 @@ export default function Hero() {
 
         <a
           href="https://discord.gg/43gn4PsUhx"
-          className="bg-[#dc2626] text-white w-[120px] ease-in duration-[0.3s] hover:bg-[#10b981] font-medium my-6 mx-auto md:mx-4 py-3 text-center rounded-lg" ref={content3}
+          className="bg-[#dc2626] inline-flex justify-center items-center gap-x-2 text-white w-[140px] ease-in duration-[0.3s] hover:bg-[#10b981] font-medium my-6 mx-auto md:mx-4 py-3 text-center rounded-lg" ref={content3}
         >
-          Get started
+          Get started <MdStart />
+
         </a>
       </div>
       <div className="w-full lg:w-1/2 order-1 lg:order-2 grid grid-cols-2 sm:none md:grid-row-3 lg:grid-row-3 pt-8  ">