From 66f178b3f410258770b43fb068c16a733886f734 Mon Sep 17 00:00:00 2001 From: Jake Wheeler Date: Mon, 9 Dec 2024 12:54:18 -0500 Subject: [PATCH 01/17] wip engage with us styling --- src/app/engage-with-us/page.tsx | 158 ++++++++++++++++++++------------ 1 file changed, 99 insertions(+), 59 deletions(-) diff --git a/src/app/engage-with-us/page.tsx b/src/app/engage-with-us/page.tsx index 0b62ea7..329b7db 100644 --- a/src/app/engage-with-us/page.tsx +++ b/src/app/engage-with-us/page.tsx @@ -9,6 +9,7 @@ import { } from '@trussworks/react-uswds'; import { ContentContainer } from '../components/ContentContainer/ContentContainer'; import { useHeroInit } from '../hooks/useHeroInit'; +import classNames from 'classnames'; export default function EngageWithUs() { useHeroInit({ @@ -18,9 +19,10 @@ export default function EngageWithUs() { }); return ( -
- -
+ +
+ +
@@ -28,52 +30,60 @@ export default function EngageWithUs() {
- -
+
+ ); } function Left() { return ( - <> +

Contact us

Fill out the form below to get in touch with us

{}} - className="align-start flex flex-col gap-y-2 lg:min-w-[31.25rem]" + className="align-start flex flex-col gap-2 lg:min-w-[31.25rem]" > -
- - - - - - +
+
+ + +
+
+ + +
+
+ + +
+
+
@@ -90,6 +100,7 @@ function Left() { onChange={() => {}} />
+
); } +interface RoundedBackgroundProps extends React.ComponentProps<'div'> { + children: React.ReactNode; +} + +const RoundedBackground = ({ + children, + className, + ...props +}: RoundedBackgroundProps) => { + return ( +
+ {children} +
+ ); +}; + function Right() { return ( - <> -
-
-

- All consultations with the DIBBs team are 100% free. There's no cost - to use our products beyond costs to host within your jurisdiction - should you choose to do so. -

-
-
-
-

- "Our epidemiologists waste 80% of their time cleaning data and - can't do useful analysis. The end goal of DIBBs infrastructure is - to free up that 80% of their time to do actual public health - work." -

-

- - Public Health Official, Virginia Department of Health -

-
-
+ +
+

+ Customer Testimonial +

+

+ "Our epidemiologists waste 80% of their time cleaning data and can't + do useful analysis. The end goal of DIBBs infrastructure is to free up + that 80% of their time to do actual public health work." +

+

+ - Public Health Official, Virginia Department of Health +

- + ); } + +const Alert = () => { + return ( +
+
+

+ All consultations with the DIBBs team are 100% free! +

+

+ There's no cost to use our products beyond costs to host within your + jurisdiction should you choose to do so. +

+
+
+ ); +}; From 74c87b33dfc33791eb84dc2de10b959ce8c354ef Mon Sep 17 00:00:00 2001 From: Jake Wheeler Date: Mon, 9 Dec 2024 14:08:03 -0500 Subject: [PATCH 02/17] Improve mobile experience --- src/app/engage-with-us/page.tsx | 56 ++++++++++++++++++--------------- 1 file changed, 30 insertions(+), 26 deletions(-) diff --git a/src/app/engage-with-us/page.tsx b/src/app/engage-with-us/page.tsx index 329b7db..f81cef8 100644 --- a/src/app/engage-with-us/page.tsx +++ b/src/app/engage-with-us/page.tsx @@ -22,13 +22,19 @@ export default function EngageWithUs() {
-
-
- -
-
- -
+
+

Contact us

+

+ Fill out the form below to get in touch with us +

+
+
+
+
+ +
+
+
@@ -38,13 +44,9 @@ export default function EngageWithUs() { function Left() { return (
-

Contact us

-

- Fill out the form below to get in touch with us -

{}} - className="align-start flex flex-col gap-2 lg:min-w-[31.25rem]" + className="align-start flex min-w-full flex-col gap-5 lg:min-w-[31.25rem]" >
@@ -88,6 +90,7 @@ function Left() { Type of inquiry {}} />
- - -