Refine Barcamp hero and actions

src/components/BarcampPage.astro

@@ -42,7 +42,7 @@ const trackScheduleGroups = {
   theme="barcamp"
   brandHref={basePath}
   brandTitle={eventTitle}
-  brandSubtitle="Event home"
+  brandSubtitle=""
   navItems={navItems}
 >
   {isOverview ? (
@@ -51,8 +51,13 @@ const trackScheduleGroups = {
         <p class="eyebrow">Unconference / July 18, 2026</p>
         <h1>Barcamp 2026</h1>
         <p class="lede">
-          A participant-led day at IIT Gandhinagar for short talks, demos, open discussions,
+          A participant-led day at IIT Gandhinagar for short talks, demos, discussions,
-          workshops, questions, experiments, and useful hallway conversations.
+          workshops, questions, experiments, and hallway conversations.
+        </p>
+        <p class="barcamp-hero__intro">
+          Barcamp is an un-conference that anybody can attend and where anybody can speak
+          about anything. There are no attendees. Only participants. If you are not
+          talking, you are helping out one way or another.
         </p>
         <div class="hero-actions">
           <a
@@ -61,7 +66,7 @@ const trackScheduleGroups = {
             target="_blank"
             rel="noreferrer"
           >
-            Add yourself to the sheet
+            Register Now
           </a>
           <a
             class="button button--secondary"
@@ -69,9 +74,16 @@ const trackScheduleGroups = {
             target="_blank"
             rel="noreferrer"
           >
-            Join WhatsApp community
+            Join the WhatsApp Community
+          </a>
+          <a
+            class="button button--secondary"
+            href={barcampProposalDocUrl}
+            target="_blank"
+            rel="noreferrer"
+          >
+            Propose A Session
           </a>
-          <a class="button button--secondary" href={`${basePath}schedule/`}>View schedule</a>
         </div>
       </div>
       <div
@@ -121,30 +133,19 @@ const trackScheduleGroups = {
         </dl>
       </section>
 
-      <section class="barcamp-section barcamp-section--intro">
-        <div>
-          <p class="eyebrow">What is a Barcamp?</p>
-          <h2>An un-conference for people who want to participate.</h2>
-        </div>
-        <div class="barcamp-section__copy">
-          <p>
-            Barcamp is an un-conference that anybody can attend and where anybody can
-            speak about anything.
-          </p>
-          <p>
-            There are no attendees. Only participants. If you are not talking, you are
-            helping out one way or another.
-          </p>
-        </div>
-      </section>
-
       <section class="barcamp-card-grid" aria-label="Barcamp format">
         <article>
           <span aria-hidden="true">01</span>
           <h3>Propose a session</h3>
           <p>
-            Add your name to the participation list, then add your topic and a brief
+            Add your name to the{" "}
-            description to the talk list in the shared document.
+            <a href={barcampParticipantsSheetUrl} target="_blank" rel="noreferrer">
+              participation list
+            </a>,
+            then add your topic and a brief description to the{" "}
+            <a href={barcampProposalDocUrl} target="_blank" rel="noreferrer">
+              talk list
+            </a>.
           </p>
         </article>
         <article>
@@ -171,29 +172,11 @@ const trackScheduleGroups = {
             <p class="eyebrow">Barcamp basics</p>
             <h2 id="barcamp-faq-heading">Questions people usually ask.</h2>
           </div>
-          <div class="hero-actions">
-            <a
-              class="button button--barcamp"
-              href={barcampParticipantsSheetUrl}
-              target="_blank"
-              rel="noreferrer"
-            >
-              Add yourself
-            </a>
-            <a
-              class="button button--secondary"
-              href={barcampWhatsappCommunityUrl}
-              target="_blank"
-              rel="noreferrer"
-            >
-              Join WhatsApp
-            </a>
-          </div>
         </div>
 
         <div class="barcamp-qa-grid">
           <article class="barcamp-qa">
-            <h3>Anything?</h3>
+            <h3>Can I really talk about anything?</h3>
             <p>
               For all practical purposes, yes. If we think you are trying to start a riot,
               or if we think your talk would lead to any crowd control issues, we will not
@@ -226,7 +209,7 @@ const trackScheduleGroups = {
               You do not. There are no attendees. Only participants. If you are not
               talking, you are helping out one way or another.{" "}
               <a href={barcampRegistrationUrl} target="_blank" rel="noreferrer">
-                Add yourself to the sheet
+                Register Now
               </a>.
             </p>
           </article>
@@ -299,9 +282,7 @@ const trackScheduleGroups = {
               Regardless, if you would like to put in some money with no strings attached,
               or perhaps pay for travel or stay for some participants or buy some food
               during the event, please email{" "}
-              <a href="mailto:neeldhara.misra@gmail.com">neeldhara.misra@gmail.com</a>{" "}
+              <a href="mailto:neeldhara.misra@gmail.com">neeldhara.misra@gmail.com</a>.
-              or DM at{" "}
-              <a href="https://wa.me/919712990170">+91 9712990170 on WhatsApp</a>.
             </p>
           </article>
           <article class="barcamp-qa barcamp-qa--wide">
@@ -320,9 +301,7 @@ const trackScheduleGroups = {
             <p>
               If you stay near the venue and are happy to host a Barcamper or two, please
               email{" "}
-              <a href="mailto:neeldhara.misra@gmail.com">neeldhara.misra@gmail.com</a>{" "}
+              <a href="mailto:neeldhara.misra@gmail.com">neeldhara.misra@gmail.com</a>.
-              or DM at{" "}
-              <a href="https://wa.me/919712990170">+91 9712990170 on WhatsApp</a>.
             </p>
           </article>
           <article class="barcamp-qa">
@@ -365,7 +344,7 @@ const trackScheduleGroups = {
       <section class="barcamp-cta">
         <div>
           <p class="eyebrow">Participation</p>
-          <h2>Add yourself, join the community, and show up early.</h2>
+          <h2>Register, join the community, and show up early.</h2>
           <p>
             The participant sheet helps us plan room capacity, campus entry, and updates.
             Session slots are claimed on the day, so arrive early if you really want to talk.
@@ -378,7 +357,7 @@ const trackScheduleGroups = {
             target="_blank"
             rel="noreferrer"
           >
-            Add yourself to the sheet
+            Register Now
           </a>
           <a
             class="button button--secondary"
@@ -386,7 +365,7 @@ const trackScheduleGroups = {
             target="_blank"
             rel="noreferrer"
           >
-            Join WhatsApp community
+            Join the WhatsApp Community
           </a>
           <a
             class="button button--secondary"
@@ -394,7 +373,7 @@ const trackScheduleGroups = {
             target="_blank"
             rel="noreferrer"
           >
-            Propose a session
+            Propose A Session
           </a>
         </div>
       </section>
@@ -427,7 +406,7 @@ const trackScheduleGroups = {
             <h2>Propose now. Pick slots on the day.</h2>
           </div>
           <p>
-            Add session ideas to the shared proposal document before the event.
+            Add session ideas to the talk list before the event.
             Time slots are assigned in person on the room whiteboard, first come
             first served.
           </p>
@@ -437,7 +416,7 @@ const trackScheduleGroups = {
           <div>
             <h3>Have something you might want to run?</h3>
             <p>
-              Put the topic and a short high-level description in the shared document
+              Put the topic and a short high-level description in the talk list
               so other participants can read it before they arrive. This is not a
               time-slot booking; the schedule stays intentionally fluid until the day.
             </p>
@@ -447,9 +426,9 @@ const trackScheduleGroups = {
             href={barcampProposalDocUrl}
             target="_blank"
             rel="noreferrer"
-            aria-label="Open the Barcamp 2026 session proposal Google Doc"
+            aria-label="Open the Barcamp 2026 session proposal sheet"
           >
-            Propose a session
+            Propose A Session
           </a>
         </div>
 

src/data/barcamp.ts

@@ -2,7 +2,7 @@ export const barcampParticipantsSheetUrl =
   "https://docs.google.com/spreadsheets/d/1CToI4p-h6U6LtBtnUfUB_GG-VUlu7AqG9rKUsFXtDIU/edit?gid=1377061511#gid=1377061511";
 export const barcampRegistrationUrl = barcampParticipantsSheetUrl;
 export const barcampProposalDocUrl =
-  "https://docs.google.com/document/d/1IHnPPOd2Ij9-9_31BkvqodZZSMCuc1-3ampwdfA60Ek/edit?usp=sharing";
+  "https://docs.google.com/spreadsheets/d/1CToI4p-h6U6LtBtnUfUB_GG-VUlu7AqG9rKUsFXtDIU/edit?gid=0#gid=0";
 export const barcampWhatsappCommunityUrl = "https://chat.whatsapp.com/DVs6YNgDpd41LtkmAwGVfo";
 
 export type BarcampParticipant = {

src/data/events.ts

@@ -98,7 +98,7 @@ export const events: Event[] = [
     highlight: true,
     theme: "barcamp",
     summary:
-      "A new unconference-style gathering where participants shape the day through short talks, demos, open discussions, workshops, and useful cross-disciplinary encounters.",
+      "A new unconference-style gathering where participants shape the day through short talks, demos, discussions, workshops, questions, experiments, and hallway conversations.",
     tags: ["new", "unconference", "community"],
     links: [
       {

src/styles/global.css

@@ -520,6 +520,7 @@ th {
   min-height: 44px;
   align-items: center;
   justify-content: center;
+  text-align: center;
   border-radius: 999px;
   background: var(--primary);
   color: var(--primary-foreground);
@@ -1195,6 +1196,12 @@ button.event-badge::before {
   max-width: 760px;
 }
 
+.barcamp-hero__intro {
+  max-width: 68ch;
+  color: color-mix(in oklch, var(--foreground) 74%, white);
+  font-size: 1.14rem;
+}
+
 .barcamp-hero h1 {
   font-size: 5.25rem;
   line-height: 0.94;
@@ -1369,17 +1376,12 @@ button.event-badge::before {
 
 .barcamp-faq__head {
   display: grid;
-  grid-template-columns: minmax(220px, 0.72fr) auto;
   gap: 1.2rem;
   align-items: end;
   border-bottom: var(--border-hairline) solid var(--border);
   padding-bottom: 1rem;
 }
 
-.barcamp-faq__head .hero-actions {
-  justify-content: end;
-}
-
 .barcamp-qa-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -1453,6 +1455,14 @@ button.event-badge::before {
   color: var(--muted);
 }
 
+.barcamp-card-grid a {
+  color: color-mix(in oklch, var(--foreground) 76%, var(--primary));
+  font-weight: 700;
+  text-decoration: underline;
+  text-decoration-thickness: 0.08em;
+  text-underline-offset: 0.16em;
+}
+
 .barcamp-topic-strip {
   display: flex;
   gap: 0.45rem;
@@ -1793,6 +1803,11 @@ button.event-badge::before {
   --muted-2: #f1e8d7;
 }
 
+[data-theme="barcamp"] .brand strong {
+  max-width: 26ch;
+  font-size: 1.48rem;
+}
+
 [data-theme="rose"] {
   --primary: #7b3438;
   --secondary: #e3c06f;
@@ -1892,8 +1907,7 @@ button.event-badge::before {
     justify-self: start;
   }
 
-  .barcamp-cta__actions,
+  .barcamp-cta__actions {
-  .barcamp-faq__head .hero-actions {
     justify-content: start;
   }