Skip to content

Commit

Permalink
✨ Updated strings on home page
Browse files Browse the repository at this point in the history
  • Loading branch information
atapas committed Mar 18, 2022
1 parent ef95ef1 commit b31c314
Showing 1 changed file with 17 additions and 5 deletions.
22 changes: 17 additions & 5 deletions src/common/home/Home.js
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,11 @@ const Home = () => {
<Flower className="home-bg-graphics-rg" />
<Flower className="home-bg-graphics-lg" />
</div>
<h2 className="body-title">Start <strong>React Code</strong> Arena <br/>with ReactPlay</h2>
<p className="body-desc">Donec dapibus mauris id odio ornare tempus. Duis sit amet accumsan justo, quis tempor ligula. Quisque quis pharetra felis. Ut quis consequat orci, at consequat </p>
<h2 className="body-title">Start <strong>React Code</strong> Arena <br/>with React Play</h2>
<p className="body-desc">
React Play is an opensource application to learn, contribute and give back to
the React developer community. Do you want to know more on how it works? Please check out
the video below.</p>
<div className="video">
<div className="video-wrapper">
<iframe className="video-iframe" width="560" height="315" src="https://www.youtube.com/embed/D_cUdRtPG-M" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe>
Expand All @@ -26,21 +29,30 @@ const Home = () => {
<RiSlideshow4Line className="icon" color='var(--color-neutral-90)' />
</div>
<h3 className="item-title">Learn </h3>
<p className="item-desc">In at iaculis lorem. Praesent tempor dictum tellus ut molestie. Sed sed ullamcorper lorem, id faucibus odio. Duis eu nisl ut ligula cursus </p>
<p className="item-desc">
Learn how to "Think in React" and build applications inspired by several plays(examples and demos).
Get to the source code of it, find related article, or even a YouTube video.
</p>
</li>
<li className="home-features-item">
<div className="item-icon">
<BiAddToQueue className="icon" color='var(--color-neutral-90)' />
</div>
<h3 className="item-title">Create </h3>
<p className="item-desc">In at iaculis lorem. Praesent tempor dictum tellus ut molestie. Sed sed ullamcorper lorem, id faucibus odio. Duis eu nisl ut ligula cursus </p>
<p className="item-desc">
Create your own play and own it by following a few simple steps. Learned something new?
Perfect to present as a play. You can also contribute to the existing plays.
</p>
</li>
<li className="home-features-item">
<div className="item-icon">
<BiShareAlt className="icon" color='var(--color-neutral-90)' />
</div>
<h3 className="item-title">Socialize </h3>
<p className="item-desc">In at iaculis lorem. Praesent tempor dictum tellus ut molestie. Sed sed ullamcorper lorem, id faucibus odio. Duis eu nisl ut ligula cursus </p>
<p className="item-desc">
Share your plays with the community. You can share your plays on social media platforms
like Facebook, Twitter, LinkedIn, to name a few, just with a single click.
</p>
</li>
</ul>
</section>
Expand Down

0 comments on commit b31c314

Please sign in to comment.