changing the coloring to make it simple for the landing page

This commit is contained in:
Arjun Patel
2022-02-09 19:41:02 -08:00
parent b079a37e5f
commit 84e8223228
7 changed files with 20 additions and 23 deletions
@@ -88,7 +88,7 @@ export default function LangingPageLayout({ children }) {
);
return (
<div className="landing-page-bg bg-left-bottom bg-fixed bg-cover bg-no-repeat min-h-screen">
<div className="bg-left-bottom bg-fixed bg-cover bg-no-repeat min-h-screen">
<div className="container mx-auto px-5 lg:px-20 min-h-screen">
{/* header */}
<div className="flex flex-row py-5 px-5 items-center justify-start mx-auto">
@@ -3,7 +3,7 @@ import { FaAngleRight } from "react-icons/fa";
export default function LandingPageActionBar() {
return (
<span className="flex md:my-20 my-10 mx-auto md:flex-row flex-col items-center max-w-screen-md p-10 backdrop-blur-md bg-gray-200 bg-opacity-40 rounded-lg">
<span className="flex md:my-20 my-10 mx-auto md:flex-row flex-col items-center max-w-screen-md p-10 backdrop-blur-md bg-slate-50 bg-opacity-40 rounded-lg">
<span className="flex flex-col items-start text-3xl font-bold">
<span>Ready to Focus?</span>
<span className="text-teal-600">{"It's now or never."}</span>