diff --git a/src/app/donations/page.tsx b/src/app/donations/page.tsx index 888273b..414ccf6 100644 --- a/src/app/donations/page.tsx +++ b/src/app/donations/page.tsx @@ -1,4 +1,6 @@ import Donation from "./Donation" +import Link from "next/link" +import Logo from "../Logo" const page = ({ params, @@ -21,19 +23,34 @@ const page = ({ } const dollarsRaised = parseFloat(amount) return ( -
-
- {label} - - made possible last year - - - Based on campaign results of{" "} - ${dollarsRaised} - + <> +
+
+ + {"<"}-- + {" "} +
+ +
+
+ +
+
+
+
+
+ {label} + + made possible last year + + + Based on campaign results of{" "} + ${dollarsRaised} + +
+
- -
+ ) } export default page diff --git a/src/app/layout.tsx b/src/app/layout.tsx index c155a5a..4c3427e 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -18,7 +18,6 @@ export default function RootLayout({ return ( -
{children}
diff --git a/src/app/page.tsx b/src/app/page.tsx index 7a5937c..519ee7f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,6 +1,8 @@ "use client" import React, { useState, useEffect } from "react" +import Link from "next/link" +import Logo from "./Logo" interface FormData { companyName: string @@ -63,71 +65,86 @@ const Home: React.FC = () => { }, [warning]) return ( -
-
-

- Calculate Your Impact -

-
- -
-
- {mode === "full" && ( + <> +
+
+ + United Way Impact Calculator + {" "} +
+ +
+
+ +
+
+
+
+
+

+ Calculate Your Impact +

+
+ + +
+ {mode === "full" && ( +
+ + +
+ )}
+
- )} -
- - -
-
- - + + +
-
+ ) }