raiserocket/components/About.jsx

https://docs.google.com/presentation/d/10rEHd1qQlRZSKmFSHUxEtLvOyvmJMwxf/edit?usp=share_link&ouid=106253845854070702655&rtpof=true&sd=truehttps://docs.google.com/presentation/d/10rEHd1qQlRZSKmFSHUxEtLvOyvmJMwxf/edit?usp=share_link&ouid=1062538458540707026

'use client';


const About = () => (
  <section  >
    <div className="flex flex-col items-center justify-between ">
    
    <p className="text-center font-excratch font-20 text-secondary-white pt-[10%]">WHAT IS <span className=' text-green font-excratch text-green '>RAISE ROCKET</span> ?</p>
    <hr className="w-[22rem] h-0.5 mt-1 border-0  rounded bg-green"></hr>
    <p className='text-center leading-[17px]  w-[1082px] font-kross text-[14px] text-secondary-white pt-6'>Raise Rocket provides a <span className=' text-green font-kross text-[14px] text-green '>decentralized platform </span>for individuals and organizations <span className='text-green font-kross text-[14px] font-green '>to raise funds for their social causes and startup ideas. </span> 
        The platform leverages the <span className=' text-green font-kross text-[14px] npm  '> power of web 3 technology to provide secure and transparent transactions.</span> Users can create campaigns on the platform,
         set a funding goal, and promote their campaign to a global community of supporters.</p>
    <div className="bg-[url('/Polygon logo.png')]">

    </div>

    <p className="text-center font-excratch font-20 text-secondary-white pt-[6%]">WHY TO USE <span className=' text-green font-excratch text-green '>RAISE ROCKET</span> ?</p>
    <hr className="w-[22rem] h-0.5 mt-1 border-0  rounded bg-green"></hr>
    <p className='leading-[17px]   text-center w-[1082px] font-kross text-[14px] text-secondary-white pt-6'>By leveraging web 3 technology and the crypto chain of Polygon, Raise Rocket provides a decentralized and secure platform for fundraising. It offers <span className=' text-green font-kross text-[14px] text-green '>faster transaction times, lower fees, and greater transparency, </span> It is ideal for individuals and organizations who want to leverage the power of crowdfunding to make a positive impact on the world. Raise Rocket is also suitable for<span className='text-green font-kross text-[14px] text-green '>philanthropists and investors who are looking to support promising projects and initiatives. </span> 
    Additionally, Raise Rocket has a <span className=' text-green font-kross text-[14px] text-green '>a strong community of supporters </span>who are passionate about making a difference in the world.</p>
    
    
    <p className="text-center font-excratch font-20 text-secondary-white pt-[6%] ">FOR WHOM IS <span className=' text-green font-excratch text-green '>RAISE ROCKET</span> ?</p>
    <hr className="w-[22rem] h-0.5 mt-1 border-0  rounded bg-green"></hr>
    <p className='leading-[17px]   text-center w-[1082px] font-kross text-[14px] text-secondary-white pt-6 pb-[6%]'>Raise Rocket is for<span className=' text-green font-kross text-[14px] text-green '>anyone who is looking to raise funds for their social causes or startup ideas. </span>which makes it an attractive choice for anyone looking for a <span className='text-green font-kross text-[14px] font-green '>reliable and efficient crowdfunding platform. </span> 
    Whether you are an <span className=' text-green font-kross text-[14px] text-green '> entrepreneur, a nonprofit organization, or an individual looking to make a difference, </span>Raise Rocket provides a reliable and innovative platform for fundraising.</p>
    </div>
  
    
    {/* <div className='flex flex-row justify-center'>
    <div className="flex justify-items-center font-excratch font-20 font-secondary-white pt-6"></div>
    <p className="flex justify-center justify-items-center text-green font-excratch font-green pt-6 px-[1%]"> </p>
    <p className="flex justify-center justify-items-center  font-excratch font-green py-6 ">? </p>
    <hr className="fixed lg:top-[78%] lg:left[38%] lg:w-[19rem] xl:top-[73%] xl:left-[38%]  xl:w-[19rem]  W-80 h-1  2xl:top-[60%] 2xl:left-[38%] 2xl:w-[22rem] bg-green border-0 rounded md:my-10 dark:bg-green"></hr>
  </div> */}
  
 

  
  </section>
);

export default About;