wood/CoverView
1
0
Fork 0
mirror of https://github.com/woodchen-ink/CoverView.git synced 2025-07-18 14:01:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

update home page copy

Browse Source
This commit is contained in:
rutik wankhade 2023-01-25 18:43:52 +05:30
parent b8526256ab
commit 7358f5605a
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Home.js
View File

@ -27,15 +27,18 @@ const Home = () => {
<h1 className="font-semibold font-Inter">Coverview</h1> <h1 className="font-semibold font-Inter">Coverview</h1>
</div> </div>
<Link to="/editor" className="hover:translate-x-2 duration-300 bg-gray-700 group rounded-xl px-6 text-white md:text-lg text-sm ml-auto mr-4 font-Inter font-semibold p-2"> <a href="https://github.com/rutikwankhade/CoverView" target="_blank" rel="noreferrer" className="hover:translate-x-2 duration-300 bg-gray-700 group rounded-xl px-6 text-white text-sm ml-auto mr-4 font-Inter font-semibold p-2">
<span className="">Go to editor &rarr;</span> <span className="">⭐ Star on Github</span>
</Link> </a>
</div> </div>
<div className=" mx-auto md:px-20 py-6 flex flex-col items-center"> <div className=" mx-auto md:px-20 py-6 flex flex-col items-center">
<h1 className="md:w-7/12 m-10 text-center md:text-5xl text-2xl font-extrabold text-gray-700 font-Anek"> <h1 className="md:w-7/12 m-10 text-center md:text-5xl text-2xl font-extrabold text-gray-700 font-Anek">
Creating cover images for your blogs is now super easy Creating cover images for your blogs is now super easy
</h1> </h1>
<Link to="/editor" className="hover:translate-x-2 duration-300 bg-gray-700 group rounded-full px-6 text-white md:text-2xl text-sm mx-auto font-Inter font-semibold p-4">
<span className="md:text-2xl text-sm">Open editor &rarr;</span>
</Link>
</div> </div>
@ -178,7 +181,7 @@ const Home = () => {
<h2 className="text-5xl text-center font-Anek font-bold text-gray-700 mx-auto">Simple, quick, and easy to use</h2> <h2 className="text-5xl text-center font-Anek font-bold text-gray-700 mx-auto">Simple, quick, and easy to use</h2>
<p className="text-2xl text-center my-2">So you can focus on writing your blog and never worry about those cover images.</p> <p className="text-2xl text-center my-2">So you can focus on writing your blog and never worry about those cover images.</p>
<Link to="/editor" > <Link to="/editor" >
<button className="flex mx-auto my-4 hover:translate-x-2 duration-300 bg-gray-700 rounded-xl px-6 text-white text-xl font-Inter font-semibold p-2">It's Free! Try now &rarr;</button> <button className="flex mx-auto my-4 hover:translate-x-2 duration-300 bg-gray-700 rounded-full px-6 text-white text-xl font-Inter font-semibold p-4">It's Free! Try now &rarr;</button>
</Link> </Link>
</div> </div>