feat: agenda, filter, event location

app/components/home/HeroSection.tsx

@@ -16,13 +16,25 @@ export default function HeroSection({
     <section className="relative min-h-[80vh] lg:min-h-[90vh] flex items-center overflow-hidden bg-background hero-glow px-[var(--spacing-gutter)]">
       <div className="relative z-10 max-w-hd mx-auto w-full">
         <div className="max-w-7xl">
-          <div className="inline-flex items-center gap-3 lg:gap-4 px-4 lg:px-8 py-2 lg:py-3 rounded-full bg-surface-container-high border border-primary/30 mb-8 lg:mb-16">
+          <div className="inline-flex flex-wrap items-center gap-3 lg:gap-4 px-4 lg:px-8 py-2.5 lg:py-3.5 rounded-full bg-surface-container-high border border-primary/30 mb-8 lg:mb-16">
             <span className="material-symbols-outlined text-primary text-[20px] lg:text-[26px]">
               {data.badgeIcon}
             </span>
             <span className="font-[var(--font-label-caps)] text-xs lg:text-[14px] text-on-surface">
               {data.badgeText}
             </span>
+            <a
+              href="https://www.google.com/maps?q=InterContinental+Hanoi+Landmark72"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="ml-1 lg:ml-2 px-3 py-1 rounded-full bg-primary/20 text-primary hover:bg-primary hover:text-background text-xs font-semibold uppercase tracking-wider transition-colors inline-flex items-center gap-1.5 border border-primary/40"
+              title="Open Google Maps"
+            >
+              <span>📍 Google Maps</span>
+              <svg className="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" strokeWidth={2}>
+                <path strokeLinecap="round" strokeLinejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
+              </svg>
+            </a>
           </div>
           <h1 className="font-[var(--font-display-lg)] text-on-surface mb-6 lg:mb-8 leading-[1.1] text-[clamp(1.75rem,3.5vw+1rem,4.25rem)]">
             {data.title.includes(" AI") ? (
@@ -57,4 +69,3 @@ export default function HeroSection({
     </section>
   );
 }
-