got bg-images working with passing in url

2025-07-03 13:35:22 -04:00
parent 633b2a997a
commit 2b607590d9
8 changed files with 116 additions and 18 deletions
@@ -0,0 +1,31 @@
+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-britton-light"
+        textColor="text-britton-dark"
+        textTop="Healthcare that's"
+        textBottom="truly affordable"
+      />
+      <div className="flex justify-center p-5">
+            <div className="w-11/12 h-4 bg-britton-medium text-center text-britton-dark text-7xl rounded-3xl p-4">
+            </div>
+      </div>
+      <div className="flex justify-center p-5">
+            <div className="w-11/12 h-4 bg-britton-neutral text-center text-britton-dark text-7xl rounded-3xl p-4">
+            </div>
+      </div>
+      <div className="flex justify-center p-5">
+            <div className="w-11/12 h-4 bg-britton-accent text-center text-britton-dark text-7xl rounded-3xl p-4">
+            </div>
+      </div>
+    </>
+  );
+}