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,45 @@
+"use client";
+
+import { bgColor, textColor } from './InfoCard'
+
+interface TaglineProps {
+    className?: string;
+    bgColor: bgColor;
+    textColor: textColor;
+    textTop: string;
+    textBottom: string;
+}
+
+const Tagline: React.FC<TaglineProps> = (
+    {   className,
+        bgColor,
+        textColor,
+        textTop,
+        textBottom
+     }
+) => {
+
+    return (
+        <>
+            <div className="flex flex-col justify-center items-center py-20">
+                <div className="w-11/12 flex justify-start">
+                    <div className="w-7/12 bg-britton-light text-center text-britton-dark text-7xl rounded-l-3xl rounded-t-3xl py-3 px-4 ml-30">
+                        {textTop}
+                    </div>
+                    {/* <div className="w-5/12 bg-britton-light rounded-4xl">
+                        <div>
+                            
+                        </div>
+                    </div> */}
+                </div>
+                <div className="w-11/12 flex justify-end">
+                    <div className="w-7/12 bg-britton-light text-center text-britton-dark text-7xl rounded-r-3xl rounded-b-3xl py-3 px-4 mr-30">
+                        {textBottom}
+                    </div>
+                </div>
+            </div>
+        </>
+    );
+};
+
+export default Tagline;