Updates site

src/components/About/Member.js

@@ -3,7 +3,7 @@ import React from 'react';
 const Member = (props) => {
   const {member} = props;
   return (
-    <a href={member.link} className="w-1/2 sm:w-1/3 lg:w-1/4 flex flex-col items-center mb-16" target="__new">
+    <a href={member.link} className="w-1/2 sm:w-1/3 lg:w-1/4 flex flex-col items-center mb-16" target="_blank" rel="noopener noreferrer">
       <img src={member.pic} alt="" className="rounded-full w-32"/>
       <h3 className="font-display text-xl mt-4">{member.name}</h3>
       <div className="mt-1 text-sm max-w-xs text-center">{member.designation}</div>

src/components/About/index.js

@@ -1,17 +1,24 @@
 import React from 'react';
-import Team from './Team';
 import Mentors from './Mentors';
 import Investors from './Investors';
 import Associations from './Associations';
 
 const index = () => {
   return (
-    <div>
-      <Team />
+    <>
+      <section className="mt-20 sm:mt-32 md:mt-40 mb-20 sm:mb-32 md:mb-40 px-6 sm:px-8 md:px-10">
+        <div className="max-w-4xl mx-auto">
+          <div className="text-xl sm:text-2xl">
+            <p>We started Hapramp in 2018 with a mission to empower creators.</p>
+            <p className="mt-8">We believe if we build solutions that enable people to take control of their data, earn a fair fraction from its monetary value, and make a living off their passion, it’ll change the lives of billions.</p>
+            <p className="mt-8">Currently we are focused on building <a className="font-bold underline" href="https://gosocial.io" target="_blank" rel="noopener noreferrer">GoSocial</a>. And we are looking for engineers, problem solvers, and creators to get along with us on this journey.</p>
+          </div>
+        </div>
+      </section>
       <Mentors />
       <Investors />
       <Associations />
-    </div>
+    </>
   );
 };
 

src/components/About/memberData.js

@@ -34,13 +34,13 @@ const data = [
   },
   {
     name: 'Rajat Dangi',
-    designation: 'Head of Marketing and Co-founder',
+    designation: 'Product Head and Co-Founder',
     link: "https://www.linkedin.com/in/rajatdangi",
     pic: rajat
   },
   {
     name: 'Aayushi Rachana',
-    designation: 'Marketing & Communication \nManager',
+    designation: 'Head of Marketing',
     link: "https://www.linkedin.com/in/aayushirachana/",
     pic: aayushi
   },
@@ -71,9 +71,27 @@ const data = [
   {
     name: 'Piyush Pawar',
     designation: 'Front end developer',
-    link: "https://www.linkedin.com/in/piyush-pawar/ ",
+    link: "https://www.linkedin.com/in/piyush-pawar/",
     pic: require(`./img/team/piyush_hapramp.jpg`)
   },
+  {
+    name: 'Hitendra Dubey',
+    designation: 'iOS Engineer',
+    link: "https://www.linkedin.com/in/hitendra9795/",
+    pic: require(`./img/team/hitendra.jpg`)
+  },
+  {
+    name: 'Rucha Deshpande',
+    designation: 'Backend Engineer',
+    link: "https://www.linkedin.com/in/cha1690/",
+    pic: require(`./img/team/rucha.jpg`)
+  },
+  {
+    name: 'Srishti Mishra',
+    designation: 'Social Media Executive',
+    link: "https://www.linkedin.com/in/srishti-mishra-b3ab621b3/",
+    pic: require(`./img/team/srishti.jpg`)
+  },
 ]
 
 export default data;

src/components/Home/Hero.js

@@ -3,9 +3,9 @@ import React from 'react';
 const Hero = () => {
   return (
     <section className="hero mt-20 sm:mt-32 md:mt-40 mb-20 sm:mb-32 md:mb-40 px-6 sm:px-8 md:px-10">
-      <div className="max-w-4xl mx-auto font-light text-3xl sm:text-3xl md:text-4xl">
+      <div className="max-w-4xl mx-auto font-light text-3xl sm:text-4xl md:text-5xl">
         <p>
-          <span className="font-bold">Hapramp Studio</span> is an idea lab -- Working on the ideas that emerge from the confluence of the Creative Industry and Information Economy.
+          We are building the platform and tools for the future of passion economy.
         </p>
       </div>
     </section>

src/components/Home/Products.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import {Link} from 'react-router-dom';
+import { Link } from 'react-router-dom';
 
 import gosocial from './img/gosocial.jpg'
 import oneramp from './img/1ramp.jpg';
@@ -9,20 +9,30 @@ const Products = () => {
   return (
     <section className="products px-4 sm:px-8 md:px-10">
       <div className="max-w-4xl mx-auto">
-        <h2 className="text-xl uppercase font-bold">Ideas we are working on</h2>
+        <h2 className="text-xl uppercase font-bold">From Hapramp with <span role="img" aria-label="Love Emoji">❤️</span></h2>
         {/* Go Social App */}
         <div className="md:flex mt-10 sm:mt-12 md:mt-16 border-b pb-10">
-          <img src={gosocial} alt="Go Social App Logo"/>
+          <img src={gosocial} alt="Go Social App Logo" />
           <div className="md:ml-12">
             <h3 className="text-4xl font-display mt-4 md:mt-0">GoSocial</h3>
-            <p className="mt-4 text-lg">Inspiring humans to take on a digital journey of their lifetime. A platform where you learn, explore, create, and grow as a creative individual.</p>
-            <a className="mt-8 inline-block underline font-bold" href="http://getgosocial.app/" target="_blank" rel="noopener noreferrer">LET’S GO</a>
+            <p className="mt-4 text-lg">Empowering individuals and creators to turn their passion into income. GoSocial’s creator stack gives you the freedom to do more with your passion.</p>
+            <div>Available on <a className="mt-8 inline-block underline font-bold" rel="noopener noreferrer" href="https://play.google.com/store/apps/details?id=com.go.social.prod&hl=en_IN" target="_blank">Android</a></div>
+          </div>
+        </div>
+
+        {/* Flips */}
+        <div className="md:flex mt-16 border-b pb-10">
+          <img src={require('./img/flips.jpg')} alt="1ramp App Logo" />
+          <div className="md:ml-12">
+            <h3 className="text-4xl font-display mt-4 md:mt-0">Flips</h3>
+            <p className="mt-4 text-lg">Flips is a tool for writers that enables you to turn your poems, quotes, and tales into aesthetic looking posts and stories.</p>
+            <div>Available on <a className="mt-8 inline-block underline font-bold" rel="noopener noreferrer" href="https://play.google.com/store/apps/details?id=com.gosocial.flips&ref=producthunt" target="_blank">Android</a> and <a rel="noopener noreferrer" className="mt-8 inline-block underline font-bold" href="https://alpha.1ramp.io" target="_blank">Web</a></div>
           </div>
         </div>
 
         {/* 1ramp.io */}
         <div className="md:flex mt-16 border-b pb-10">
-          <img src={oneramp} alt="1ramp App Logo"/>
+          <img src={oneramp} alt="1ramp App Logo" />
           <div className="md:ml-12">
             <h3 className="text-4xl font-display mt-4 md:mt-0">1Ramp.io</h3>
             <p className="mt-4 text-lg">Social media platform for creative communities. Where creators earn cryptocurrency for every like they get. Powered by <a className="font-bold underline" href="https://steem.com">Steem</a> Blockchain.</p>
@@ -32,7 +42,7 @@ const Products = () => {
 
         {/* Asteria */}
         <div className="md:flex mt-16 pb-10">
-          <img src={asteria} alt="Asteria App Logo"/>
+          <img src={asteria} alt="Asteria App Logo" />
           <div className="md:ml-12">
             <h3 className="text-4xl font-display mt-4 md:mt-0">Asteria Protocol</h3>
             <p className="mt-4 text-lg">New standard to treat and store user data that makes privacy and security accessible to all.</p>

src/components/Work/index.js

@@ -1,17 +1,19 @@
 import React from 'react';
 import wework from './img/wework.jpg';
+import Team from '../About/Team';
 
 const index = () => {
   return (
-    <section className="mt-20 sm:mt-32 md:mt-40 mb-20 sm:mb-32 md:mb-40 px-6 sm:px-8 md:px-10 mb-20">
+    <section className="mt-20 sm:mt-32 md:mt-40 mb-20 sm:mb-32 md:mb-40 px-6 sm:px-8 md:px-10">
       <div className="max-w-4xl mx-auto">
-        <div className="text-xl sm:text-2xl">
-          <p>We started Hapramp in the final year of our college in 2018 with a mission to empower creators.</p>
-          <p className="mt-8">We believe if we build solutions that enable people to take control of their data and earn a fair fraction from its monetary value -- it’ll change the lives of billions.</p>
-          <p className="mt-8">Currently, we are building <a className="font-bold underline" href="https://gosocial.io" target="_blank" rel="noopener noreferrer">GoSocial</a>. And we are looking for engineers, problem solvers, and creators to get along with us on this journey.</p>
+        <div className="text-2xl sm:text-3xl">
+          <p>We are a passionate bunch of people building the tech solutions for the future of passion economy. Join us on this journey to make an impact!</p>
         </div>
+        <div className="text-xl sm:text-2xl md:text-3xl font-display"><a rel="noopener noreferrer" className="mt-8 inline-block underline font-bold" href="https://angel.co/company/hapramp/jobs" target="_blank">See open roles</a></div>
 
-        <div className="mt-20 sm:mt-24 md:mt-32">
+        <Team />
+
+        <div className="sm:mt-8 md:mt-12">
           <h2 className="text-xl uppercase font-bold">Perks:</h2>
           <div className="-ml-10 flex flex-wrap mt-8">
             <div className="sm:w-1/2 md:w-1/3 pl-10 mb-10">
@@ -38,16 +40,15 @@ const index = () => {
               <h3 className="text-lg font-bold">Health Insurance</h3>
               <p>Get reimbursement upto 10k on your health or term insurance.</p>
             </div>
-         </div>
+          </div>
         </div>
 
         <div>
-          <img className="mt-8 md:mt-16" src={wework} alt="Huddle Coworking Space"/>
+          <img className="mt-8 md:mt-16" src={wework} alt="Huddle Coworking Space" />
           <a className="mt-4 inline-block underline text-lg" href="https://goo.gl/maps/yJnBB8DhCvsGfwiB6" target="_new">Office Location: WeWork, Platina Tower, MG Road, Gurugram, 122002 (India)</a>
         </div>
-        <div className="text-xl sm:text-2xl md:text-3xl font-display">See open roles on <a rel="noopener noreferrer" className="mt-8 inline-block underline font-bold" href="https://angel.co/company/hapramp/jobs" target="_blank">AngelList</a> or <a rel="noopener noreferrer" className="mt-8 inline-block underline font-bold" href="https://www.linkedin.com/company/hapramp/jobs" target="_blank">LinkedIn</a></div>
       </div>
-      
+
     </section>
   );
 };