Simplify Contact copy and use supplied adaptive favicon

app/contact/page.tsx

@@ -12,11 +12,7 @@ export const metadata: Metadata = {
 export default function ContactPage() {
   return (
     <>
-      <PageHeader
-        eyebrow="Get involved"
-        title="Help shape distributed quality management"
-        description="Whether you'd like to ask a question or participate in the research, we'd like to hear from you."
-      />
+      <PageHeader title="Help shape distributed quality management" description="" />
       <ContactChoices />
     </>
   );

app/globals.css

@@ -3932,13 +3932,13 @@ textarea:focus-visible,
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: clamp(32px, 6vw, 80px);
-  margin-top: 40px;
+  margin-top: 32px;
 }
 .contact-path {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: 16px;
+  gap: 12px;
 }
 .contact-path-icon {
   display: grid;
@@ -3959,12 +3959,13 @@ textarea:focus-visible,
   color: var(--muted);
 }
 .contact-path .contact-email {
+  margin: 0;
   color: var(--grape);
   text-decoration: underline;
   text-underline-offset: 4px;
 }
 .contact-path .button {
-  margin-top: auto;
+  margin-top: 0;
 }
 .connect-section {
   padding-block: 48px 24px;

app/layout.tsx

@@ -20,7 +20,15 @@ export const metadata: Metadata = {
   description:
     "OpenDQM is building an open, shared, trusted ecosystem for distributed quality management.",
   applicationName: "OpenDQM",
-  icons: { icon: [{ url: assetPath("/favicon.svg"), type: "image/svg+xml" }] },
+  icons: {
+    icon: [
+      { url: assetPath("/images/favicon/favicon.ico"), sizes: "any" },
+      { url: assetPath("/images/favicon/favicon-96x96.png"), type: "image/png", sizes: "96x96" },
+      { url: assetPath("/images/favicon/favicon.svg"), type: "image/svg+xml", sizes: "any" }
+    ],
+    apple: [{ url: assetPath("/images/favicon/apple-touch-icon.png"), sizes: "180x180" }]
+  },
+  manifest: assetPath("/images/favicon/site.webmanifest"),
   keywords: [
     "OpenDQM",
     "distributed quality management",

components/ContactChoices.tsx

@@ -29,14 +29,12 @@ export function ContactChoices() {
       <section className="section contact-choices" aria-labelledby="connect-title">
         <div className="container">
           <h2 id="connect-title">Connect with the team</h2>
-          <p className="connect-intro">Choose how you’d like to get involved.</p>
           <div className="contact-paths">
             <article className="contact-path">
               <span className="contact-path-icon">
                 <BrandIcon kind="mail" />
               </span>
               <h3>Email the team</h3>
-              <p>Ask a question or start a conversation.</p>
               <a className="contact-email" href="mailto:info@opendqm.org">
                 info@opendqm.org
               </a>
@@ -49,7 +47,6 @@ export function ContactChoices() {
                 <BrandIcon kind="calendar" />
               </span>
               <h3>Schedule an Interview</h3>
-              <p>Share your experience and help inform the research.</p>
               <button
                 className="button button-primary"
                 type="button"

components/InterviewForm.tsx

@@ -91,10 +91,7 @@ export function InterviewForm() {
     >
       <div className="container interview-panel">
         <h2 id="interview-title">Schedule an Interview</h2>
-        <p>
-          Share your experience and help shape OpenDQM research. Tell us when you’re available; the
-          team will contact you to arrange an interview.
-        </p>
+        <p>Share your experience and help shape OpenDQM research.</p>
         <div ref={feedback} tabIndex={-1} role={errors.length ? "alert" : "status"}>
           {errors.length > 0 && (
             <ul className="form-errors">
@@ -151,13 +148,8 @@ export function InterviewForm() {
                   maxLength={2000}
                   rows={5}
                   placeholder="I'm usually available Oct. 15-18 after 2 PM, Friday mornings, or Tuesday Oct. 20 between 10 AM and 1 PM."
-                  aria-describedby="availability-help"
                 />
               </label>
-              <p id="availability-help" className="form-help">
-                Tell us what works for you in your own words. The team will follow up to confirm a
-                time.
-              </p>
               <label className="timezone-field">
                 Your time zone
                 <input

public/images/favicon/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "OpenDQM",
+  "short_name": "OpenDQM",
+  "icons": [
+    {
+      "src": "web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}