import classNames from "classnames";
import { Playfair_Display, Fraunces } from "next/font/google"
import Tagline from "../components/Tagline";

const playfair = Playfair_Display({ weight: "500",subsets: ["latin"] })
const fraunces = Fraunces({ subsets: ["latin"] })

export default function Home() {
  return (
    <>
      <Tagline 
        bgColor="bg-bluemana"
        textColor="text-deepcove"
        textTop="Healthcare that's"
        textBottom="truly affordable"
      />
      <div className="flex justify-center p-5">
            <div className="w-11/12 h-4 bg-bluetang text-center text-deepcove text-7xl rounded-3xl p-4">
            </div>
      </div>
      <div className="flex justify-center p-5">
            <div className="w-11/12 h-4 bg-platinum text-center text-deepcove text-7xl rounded-3xl p-4">
            </div>
      </div>
      <div className="flex justify-center p-5">
            <div className="w-11/12 h-4 bg-bronze text-center text-deepcove text-7xl rounded-3xl p-4">
            </div>
      </div>
    </>
  );
}