chore: better wording on assistants profile

Author: itsmeurbi

public/i18n/en.json

@@ -26,9 +26,11 @@
   "sponsorship": {
       "description1": "WebDevTalks is a community of development and technology that began over 10 years ago with the aim of bringing developers closer to various topics within the field of software development, web, mobile, IoT, project management, design, and more.",
       "description2": "Thanks to the effort and support of various companies, we've been able to reach today, providing a quality event, helping to incentivize new generations, and strengthening the development community in the city of Colima.",
-      "attendeesTitle": "Attendee Profile",
+      "attendeesTitle": "Attendee profile",
+      "attendeesIntro": "Meetups bring together different roles: engineering, product, QA, design, students, and more. The chart summarizes a community survey—the numbers are approximate.",
+      "venuesTitle": "Event locations",
       "wdtVideo": "WebDevTalks Video (Audio on Spanish)",
-      "venues": "We try to rotate the location where the event takes place. Several companies and associations have helped us by collaborating and providing their offices and spaces to carry out the event.",
+      "venues": "We don't always host in the same place—we change venues so more people can join. Companies and associations have lent us their offices and spaces to make the meetups happen.",
       "sponsorshipPlans": "Sponsorship Plans",
       "sponsorshipPlansBody": "With the goal of continuing to enhance the community, WebDevTalks seeks sponsorship and offers the following modalities:",
       "areas": "Other Areas",
@@ -67,7 +69,6 @@
       "ourPatreons": "Our Patreons",
       "votes": "# dof votes",
       "heroEyebrow": "Sponsor WDT",
-      "audienceProfile": "Audience profile",
       "closingNote": "Your support helps us keep building better events for the community."
   },
   "aboutUs": {

public/i18n/es.json

@@ -28,8 +28,10 @@
       "description2": "Gracias al esfuerzo y apoyo de diversas empresas hemos llegado al día de hoy, proporcionando un evento de calidad, ayudando a incentivar a las nuevas generaciones y fortaleciendo la comunidad de desarrollo en la ciudad de Colima.",
       "description3": "Son nuestros sponsors y patreons quienes nos permiten seguir haciendo posible estos eventos y cursos.",
       "attendeesTitle": "Perfil de Asistentes",
+      "attendeesIntro": "En los encuentros conviven perfiles distintos: desarrollo, producto, QA, diseño, estudiantes y otras áreas. La gráfica resume una encuesta a la comunidad; las cifras son orientativas.",
+      "venuesTitle": "Sedes del evento",
       "wdtVideo": "Video de WebDevTalks",
-      "venues": "Intentamos rotar el lugar donde se hace el evento, varias empresas y asociaciones nos han ayudado colaborando y proporcionando sus oficinas y espacios para llevar el evento a cabo.",
+      "venues": "No siempre hacemos el evento en el mismo lugar: cambiamos de sede para que más personas puedan sumarse. Varias empresas y asociaciones nos han prestado sus oficinas y espacios para que los encuentros se realicen.",
       "sponsorshipPlans": "Planes de Patrocinio",
       "sponsorshipPlansBody": "Con el ideal de seguir mejorando la comunidad, WebDevTalks busca patrocinio y ofrece las siguientes modalidades:",
       "areas": "Otras areas",
@@ -76,7 +78,6 @@
       "ourPatreons": "Nuestros Patreons",
       "votes": "# de votos",
       "heroEyebrow": "Patrocina WDT",
-      "audienceProfile": "Perfil de audiencia",
       "closingNote": "Tu apoyo nos ayuda a seguir creando mejores eventos para la comunidad."
   },
   "aboutUs": {

src/Footer.tsx

@@ -1,25 +1,18 @@
 import { type ReactElement } from 'react'
-import { useTranslation } from 'react-i18next'
 import { Link } from 'react-router-dom'
 import Icons from './Icons'
-import logo from './assets/images/logo.png'
+import logo from './assets/images/logotype.png'
 
 const Footer = (): ReactElement => {
-  const { t } = useTranslation()
-
   return (
     <footer className="border-t border-black/8 bg-white/80 backdrop-blur-xl">
       <div className="mx-auto flex w-full max-w-6xl flex-col gap-5 px-4 py-6 md:flex-row md:items-center md:justify-between">
-        <div className="flex items-center gap-4">
-          <Link to="/" className="inline-flex items-center gap-3">
-            <span className="inline-flex h-12 w-12 overflow-hidden rounded-2xl border border-black/10 bg-white shadow-sm">
-              <img src={logo} alt="Logo WDT" className="h-full w-full object-contain p-2" />
-            </span>
-            <span className="text-base font-bold tracking-tight text-brand">
-              Web Dev Talks
+        <div className="flex flex-col items-center gap-2">
+          <Link to="/" className="inline-flex flex-start gap-1">
+            <span className="inline-flex h-5 w-auto overflow-hidden">
+              <img src={logo} alt="Logo WDT" className="h-full w-full object-contain" />
             </span>
           </Link>
-          <span className="hidden text-sm text-slate-500 md:inline">{t('navbar.subtitle')}</span>
         </div>
         <Icons />
       </div>

src/Sponsorship.tsx

@@ -194,15 +194,18 @@ const Sponsorship = (): ReactElement => {
           <div className="grid gap-8 lg:grid-cols-3">
             <div>
               <p className="inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('sponsorship.attendeesTitle')}</p>
-              <h2 className="mt-4 text-2xl font-bold tracking-tight text-brand md:text-3xl">{t('sponsorship.audienceProfile')}</h2>
-              <p className="mt-4 text-slate-600">{t('sponsorship.venues')}</p>
+              <p className="mt-4 text-slate-600">{t('sponsorship.attendeesIntro')}</p>
             </div>
             <div className="mx-auto w-full min-w-0 max-w-xl rounded-3xl border border-black/8 bg-white/82 p-4 shadow-sm sm:col-span-2 sm:p-6">
               <div className="relative mx-auto aspect-square w-full max-w-md">
                 <Pie data={audienceData} options={audienceOptions} />
               </div>
             </div>
           </div>
+          <div className="mt-8 border-t border-black/8 pt-8">
+            <p className="inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('sponsorship.venuesTitle')}</p>
+            <p className="mt-4 text-slate-600">{t('sponsorship.venues')}</p>
+          </div>
         </Card>
 
         <div className="grid gap-6 lg:grid-cols-2">
@@ -252,7 +255,6 @@ const Sponsorship = (): ReactElement => {
           <div className="mb-6 flex items-end justify-between gap-4">
             <div>
               <p className="inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('sponsorship.ourSponsors')}</p>
-              <h2 className="mt-4 text-2xl font-bold tracking-tight text-brand md:text-3xl">{t('sponsorship.ourSponsors')}</h2>
             </div>
           </div>
           <div className="grid gap-4 md:grid-cols-3">
@@ -268,7 +270,6 @@ const Sponsorship = (): ReactElement => {
           <div className="mb-6 flex items-end justify-between gap-4">
             <div>
               <p className="inline-flex items-center gap-2 rounded-full border border-yellow-300/40 bg-yellow-300/10 px-3 py-1.5 text-[0.82rem] font-bold uppercase tracking-[0.08em] text-sky-600">{t('sponsorship.ourPatreons')}</p>
-              <h2 className="mt-4 text-2xl font-bold tracking-tight text-brand md:text-3xl">{t('sponsorship.ourPatreons')}</h2>
             </div>
           </div>
           <div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6">