Small updates

website/src/components/features/about/ContactSection.astro → website/src/components/features/community/ContactSection.astro

@@ -3,53 +3,55 @@ import { createTranslator, getLocaleFromUrl } from "@/utils/i18n";
 
 const locale = getLocaleFromUrl(Astro.url.pathname);
 const t = await createTranslator(locale);
+
+const email = t("community.contact.email");
+const subject = encodeURIComponent(t("community.contact.subject"));
 ---
 
 <section id="contact">
-  <div class="about-divider"></div>
-  <div class="about-section-inner">
-    <span class="about-eyebrow about-animate" data-delay="0">
-      {t("about.contact.eyebrow")}
+  <div class="comm-divider"></div>
+  <div class="comm-section-inner">
+    <span class="comm-eyebrow comm-animate" data-delay="0">
+      {t("community.contact.eyebrow")}
     </span>
-    <h2 class="contact-h2 about-animate" data-delay="0.15">
-      {t("about.contact.heading")}
+    <h2 class="contact-h2 comm-animate" data-delay="0.15">
+      {t("community.contact.heading")}
     </h2>
-    <p class="contact-body about-animate" data-delay="0.3">
-      {t("about.contact.body")}
+    <p class="contact-body comm-animate" data-delay="0.3">
+      {t("community.contact.body")}
     </p>
     <a
-      href="mailto:hello@quantus.com"
-      class="contact-email about-animate"
+      href={`mailto:${email}`}
+      class="contact-email comm-animate"
       data-delay="0.45"
       data-track="contact_email_click"
-      data-track-cta-location="about_contact"
+      data-track-cta-location="community_contact"
     >
-      {t("about.contact.email")}
+      {email}
     </a>
     <a
-      href="mailto:hello@quantus.com?subject=Enquiry%20from%20Quantus%20Website"
-      class="contact-cta about-animate"
+      href={`mailto:${email}?subject=${subject}`}
+      class="contact-cta comm-animate"
       data-delay="0.6"
       data-track="contact_email_click"
-      data-track-cta-location="about_contact"
+      data-track-cta-location="community_contact"
     >
-      {t("about.contact.cta")}
+      {t("community.contact.cta")}
     </a>
   </div>
 </section>
 
 <style>
   #contact {
     background: #0e0e0e;
-    padding: 0 52px;
   }
 
-  #contact .about-section-inner {
-    padding-bottom: 120px;
+  #contact .comm-section-inner {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
+    padding-bottom: 120px;
   }
 
   .contact-h2 {
@@ -59,13 +61,14 @@ const t = await createTranslator(locale);
     color: #ffffff;
     max-width: 560px;
     margin-top: 16px;
+    margin-bottom: 0;
     line-height: 1.1;
   }
 
   .contact-body {
     font-family: "Geist", sans-serif;
     font-size: 16px;
-    color: rgba(232, 230, 224, 0.6);
+    color: rgba(232, 230, 224, 0.65);
     margin-top: 20px;
   }
 
@@ -98,10 +101,7 @@ const t = await createTranslator(locale);
   }
 
   @media (max-width: 768px) {
-    #contact {
-      padding: 0 24px;
-    }
-    #contact .about-section-inner {
+    #contact .comm-section-inner {
       padding-bottom: 80px;
     }
     .contact-h2 {

website/src/components/features/team/PersonPage.astro

@@ -5,11 +5,7 @@ import { PEOPLE, type PersonId } from "@/constants/people";
 import { PERSON_IMAGES } from "@/constants/person-images";
 import { getProfilePageJsonLd } from "@/constants/person-jsonld";
 import { createMetadata } from "@/utils/create-metadata";
-import {
-  createTranslator,
-  getLocaleFromUrl,
-  getLocalizedPath,
-} from "@/utils/i18n";
+import { createTranslator, getLocaleFromUrl } from "@/utils/i18n";
 
 interface Props {
   slug: PersonId;
@@ -37,21 +33,13 @@ const jsonLd = getProfilePageJsonLd(slug, metadata.canonical as string, {
   jobTitle,
   description: bio,
 });
-const aboutTeamHref = `${getLocalizedPath(locale, "/about")}#team`;
 ---
 
 <Layout {...metadata} jsonLd={jsonLd}>
   <article class="person-page bg-void">
     <div
       class="px-content-edges max-md:px-content-edges-mobile mx-auto max-w-[860px] pt-[140px] pb-24 max-md:pt-[120px] max-md:pb-20"
     >
-      <a
-        href={aboutTeamHref}
-        class="person-page-back text-content-40 hover:text-flare mb-10 inline-flex items-center gap-2 font-mono text-[11px] tracking-[0.16em] uppercase no-underline transition-colors"
-      >
-        {t("team.back_to_about")}
-      </a>
-
       <header class="mb-10 flex items-start gap-8 max-md:flex-col max-md:gap-6">
         <div class="person-photo-wrap">
           <Image
@@ -104,11 +92,6 @@ const aboutTeamHref = `${getLocalizedPath(locale, "/about")}#team`;
 </Layout>
 
 <style>
-  .person-page-back::before {
-    content: "←";
-    margin-right: 4px;
-  }
-
   .person-photo-wrap {
     width: 200px;
     flex-shrink: 0;

website/src/components/layout/Layout.astro

@@ -33,7 +33,7 @@ import {
 } from "@/utils/i18n";
 import { generateBreadcrumbs } from "@/utils/build-json-ld";
 import { SITE_NAVIGATIONS } from "@/constants/site-navigations";
-import CookieConsent from "@/components/ui/CookieConsent.astro";
+import Analytics from "@/components/ui/Analytics.astro";
 import Toast from "@/components/ui/Toast.astro";
 import env from "@/config";
 
@@ -123,7 +123,7 @@ const breadcrumbs = generateBreadcrumbs({
     </main>
     {showChrome && <Footer />}
 
-    <CookieConsent />
+    <Analytics />
     <Toast />
   </body>
 </html>

website/src/components/ui/Analytics.astro

@@ -0,0 +1,40 @@
+<div id="analytics-container"></div>
+
+<script>
+  import env from "@/config";
+  import { initAnalyticsDelegation } from "@/scripts/shared/analytics";
+
+  initAnalyticsDelegation();
+
+  const isPrint =
+    new URLSearchParams(window.location.search).get("print") === "true";
+
+  if (!isPrint) {
+    loadAnalytics(env.GA_ID);
+  }
+
+  function loadAnalytics(gaId: string) {
+    const container = document.getElementById("analytics-container");
+    if (!container) {
+      console.error("Analytics container not found");
+      return;
+    }
+
+    if (!gaId || gaId === "GA-XXXXXXX") return;
+
+    const gaScript = document.createElement("script");
+    gaScript.async = true;
+    gaScript.src = `https://www.googletagmanager.com/gtag/js?id=${gaId}`;
+
+    const gaConfigScript = document.createElement("script");
+    gaConfigScript.innerHTML = `
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', '${gaId}');
+      `;
+
+    container.appendChild(gaScript);
+    container.appendChild(gaConfigScript);
+  }
+</script>