Update conference website with keynote and sponsor content

src/App.tsx

@@ -8,6 +8,7 @@ import Index from "./pages/Index";
 import NotFound from "./pages/NotFound";
 import Schedule from "./pages/Schedule";
 import Committee from "./pages/Committee";
+import KeynoteSpeakers from "./pages/KeynoteSpeakers";
 import RegistrationSoon from "./pages/RegistrationSoon";
 import { CMTInstructions } from "./pages/CMTInstructions";
 
@@ -60,6 +61,7 @@ const App = () => {
             <Route path={rootUrl ? rootUrl + "/" : "/"} element={<Index />} />
             <Route path={rootUrl ? rootUrl + "/schedule" : "/schedule"} element={<Schedule />} />
             <Route path={rootUrl ? rootUrl + "/committee" : "/committee"} element={<Committee />} />
+            <Route path={rootUrl ? rootUrl + "/keynote-speakers" : "/keynote-speakers"} element={<KeynoteSpeakers />} />
             <Route path={rootUrl ? rootUrl + "/registration-soon" : "/registration-soon"} element={<RegistrationSoon />} />
             <Route path={rootUrl ? rootUrl + "/cmt-instructions" : "/cmt-instructions"} element={<CMTInstructions />} />
             {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}

src/components/sections/IndustrialSponsorsSection.tsx

@@ -0,0 +1,60 @@
+export type Sponsor = {
+  name: string;
+  website: string;
+  logo: string;
+};
+
+export const industrialSponsors: Sponsor[] = [
+  {
+    name: "Moog Motion Controls Private Limited",
+    website: "https://www.moog.co.in/",
+    logo: "/sponsors/moog-logo.svg",
+  },
+  {
+    name: "Gauge Geotechniques",
+    website: "https://www.gaugeindia.com/",
+    logo: "/sponsors/gauge-logo.svg",
+  },
+  {
+    name: "Pyrodynamics",
+    website: "https://www.pyrodynamicsindia.com/",
+    logo: "https://static.wixstatic.com/media/f21be3_bfa8788289c74aa89042814da87ae077~mv2.png/v1/fill/w_358,h_56,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/pd%20logo_PNG.png",
+  },
+  {
+    name: "Spectris Technologies Pvt. Ltd. (HBK – Hottinger Brüel & Kjær)",
+    website: "https://www.spectris.com/",
+    logo: "https://www.spectris.com/favicon.svg",
+  },
+];
+
+export const IndustrialSponsorsSection = () => {
+  return (
+    <section id="industrial-sponsors" className="py-16 bg-muted/20">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="text-center mb-12">
+          <h2 className="text-3xl md:text-4xl font-bold text-foreground font-serif">Industrial Sponsors</h2>
+          <div className="mt-4 h-1.5 w-24 bg-secondary mx-auto rounded-full" />
+        </div>
+
+        <div className="flex flex-wrap items-center justify-center gap-8 md:gap-12">
+          {industrialSponsors.map((sponsor) => (
+            <a
+              key={sponsor.name}
+              href={sponsor.website}
+              target="_blank"
+              rel="noreferrer"
+              className="group flex h-40 w-56 items-center justify-center rounded-xl border border-slate-100 bg-white p-6 shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-md"
+              aria-label={sponsor.name}
+            >
+              <img
+                src={sponsor.logo}
+                alt={sponsor.name}
+                className="h-full w-full object-contain transition-transform duration-300 group-hover:scale-105"
+              />
+            </a>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+};

src/components/sections/KeynoteSpeakersSection.tsx

@@ -0,0 +1,146 @@
+export type KeynoteSpeaker = {
+  name: string;
+  title: string;
+  institution: string;
+  image: string;
+};
+
+export const keynoteSpeakers: KeynoteSpeaker[] = [
+  {
+    name: "Dr. Kyriazis Pitilakis",
+    title: "Professor Emeritus",
+    institution: "Aristotle University of Thessaloniki, Greece",
+    image: "/keynote-speakers/image4.png",
+  },
+  {
+    name: "Dr. Nicos Makris",
+    title: "Professor",
+    institution: "Southern Methodist University (SMU), USA",
+    image: "/keynote-speakers/image5.png",
+  },
+  {
+    name: "Dr. Robert E. Kayen",
+    title: "Professor",
+    institution: "UC Berkeley, USA; Senior Scientist, U.S. Geological Survey (Retired)",
+    image: "/keynote-speakers/image7.png",
+  },
+  {
+    name: "Dr. Ikuo Towhata",
+    title: "Professor Emeritus",
+    institution: "University of Tokyo, Japan",
+    image: "/keynote-speakers/image8.png",
+  },
+  {
+    name: "Dr. Domniki Asimaki",
+    title: "Professor",
+    institution: "California Institute of Technology (Caltech), USA",
+    image: "/keynote-speakers/image9.jpeg",
+  },
+  {
+    name: "Dr. Dominic H. Lang",
+    title: "Director, Natural Hazards",
+    institution: "Norwegian Geotechnical Institute, Norway",
+    image: "/keynote-speakers/image10.png",
+  },
+  {
+    name: "Dr. Gopal Madabhushi",
+    title: "Professor",
+    institution: "University of Cambridge, UK",
+    image: "/keynote-speakers/image11.png",
+  },
+  {
+    name: "Dr. Ahmed Mebarki",
+    title: "Professor",
+    institution: "University Gustave Eiffel, Paris, France",
+    image: "/keynote-speakers/image12.png",
+  },
+  {
+    name: "Dr. Ashutosh Bagchi",
+    title: "Professor",
+    institution: "Concordia University, Canada",
+    image: "/keynote-speakers/image13.png",
+  },
+  {
+    name: "Dr. Ziggy Lubkowski",
+    title: "Associate Director & Global Geo-Seismic Skills Leader",
+    institution: "Arup, UK",
+    image: "/keynote-speakers/image14.png",
+  },
+  {
+    name: "Dr. Chun-Hsiang Kuo",
+    title: "Associate Professor",
+    institution: "National Central University, Taiwan",
+    image: "/keynote-speakers/image15.png",
+  },
+  {
+    name: "Dr. Sri Sritharan",
+    title: "Professor",
+    institution: "Iowa State University, USA",
+    image: "/keynote-speakers/image16.png",
+  },
+  {
+    name: "Dr. Ranjit Das",
+    title: "Assistant Professor",
+    institution: "Universidad Católica del Norte, Chile",
+    image: "/keynote-speakers/image17.jpg",
+  },
+  {
+    name: "Dr. Ali Saeidi",
+    title: "Professor",
+    institution: "Université du Québec à Chicoutimi (UQAC), Canada",
+    image: "/keynote-speakers/image18.jpeg",
+  },
+  {
+    name: "Dr. Adda Athanasopoulos-Zekkos",
+    title: "Associate Professor",
+    institution: "UC Berkeley, USA",
+    image: "/keynote-speakers/image19.png",
+  },
+];
+
+export const KeynoteSpeakersSection = ({ featuredLimit = keynoteSpeakers.length }: { featuredLimit?: number }) => {
+  const speakers = keynoteSpeakers.slice(0, featuredLimit);
+
+  return (
+    <section id="keynote-speakers" className="py-20 bg-gradient-to-b from-white to-slate-100">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="text-center mb-12">
+          <p className="text-sm font-semibold uppercase tracking-[0.2em] text-primary">18SEE 2025</p>
+          <h2 className="mt-4 text-3xl md:text-4xl font-bold text-foreground font-serif">International Keynote Speakers</h2>
+          <div className="mt-4 h-1.5 w-24 bg-secondary mx-auto rounded-full" />
+        </div>
+
+        <div className="grid gap-8 md:grid-cols-2 xl:grid-cols-3">
+          {speakers.map((speaker) => (
+            <article key={speaker.name} className="group overflow-hidden rounded-2xl border border-border bg-card shadow-card transition-transform duration-300 hover:-translate-y-1 hover:shadow-elegant">
+              <div className="relative h-80 overflow-hidden bg-slate-200">
+                <img
+                  src={speaker.image}
+                  alt={speaker.name}
+                  className="h-full w-full object-cover transition-transform duration-500 group-hover:scale-105"
+                />
+              </div>
+
+              <div className="space-y-3 p-6">
+                <span className="inline-flex rounded-full border border-primary/20 bg-primary/5 px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.2em] text-primary">
+                  Keynote Speaker
+                </span>
+
+                <div>
+                  <h3 className="text-xl font-bold text-foreground font-serif">{speaker.name}</h3>
+                  <p className="mt-2 text-sm font-semibold text-primary">{speaker.title}</p>
+                </div>
+
+                <p className="text-sm leading-6 text-muted-foreground">{speaker.institution}</p>
+              </div>
+            </article>
+          ))}
+        </div>
+
+        <div className="mt-10 text-center text-base text-muted-foreground">
+          Several more international keynote speakers and the list of national keynote speakers will be announced soon.
+        </div>
+      </div>
+    </section>
+  );
+};

src/components/ui/navigation.tsx

@@ -57,6 +57,10 @@ export const Navigation = ({
       name: "Committee",
       href: toBase("/committee")
     },
+    {
+      name: "Keynote Speakers",
+      href: toBase("/keynote-speakers")
+    },
     {
       name: "Gallery",
       href: isLanding ? "#gallery" : toBase("#gallery")

src/pages/Index.tsx

@@ -12,6 +12,8 @@ import { OrganisedBySection } from "@/components/sections/OrganisedBySection";
 import { Accomodation } from "@/components/sections/Accomodation";
 import { ImportantDatesSection } from "@/components/sections/ImportantDatesSection";
 import { AcademicPartners } from "@/components/sections/AcademicPartner";
+import { KeynoteSpeakersSection } from "@/components/sections/KeynoteSpeakersSection";
+import { IndustrialSponsorsSection } from "@/components/sections/IndustrialSponsorsSection";
 
 import React, { useRef, useEffect, useState } from "react";
 import { useLocation } from "react-router-dom";
@@ -65,6 +67,8 @@ const Index = () => {
         <HeroSection />
         <AboutSection />
         <ThemesSection />
+        <KeynoteSpeakersSection featuredLimit={6} />
+        <IndustrialSponsorsSection />
         <ImportantDatesSection />
         {/* <ScheduleSection /> Removed from landing page */}
         {/* Download/View Schedule buttons removed as per new instructions */}

src/pages/KeynoteSpeakers.tsx

@@ -0,0 +1,31 @@
+import { Navigation } from "@/components/ui/navigation";
+import { FooterSection } from "@/components/sections/FooterSection";
+import { KeynoteSpeakersSection } from "@/components/sections/KeynoteSpeakersSection";
+
+const KeynoteSpeakers = () => {
+  return (
+    <div className="min-h-screen bg-background">
+      <div className="fixed top-0 left-0 w-full z-50">
+        <Navigation />
+      </div>
+
+      <div className="pt-28 pb-16">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="mb-10 text-center">
+            <p className="text-sm font-semibold uppercase tracking-[0.22em] text-primary">18SEE 2025</p>
+            <h1 className="mt-4 text-3xl font-bold text-foreground font-serif md:text-4xl">Keynote Speakers</h1>
+            <p className="mx-auto mt-4 max-w-3xl text-lg text-muted-foreground">
+              Distinguished researchers and practitioners from leading institutions across the world are joining the symposium to share insights on the future of earthquake engineering, geotechnical hazard mitigation, and resilient infrastructure.
+            </p>
+          </div>
+        </div>
+
+        <KeynoteSpeakersSection />
+      </div>
+
+      <FooterSection />
+    </div>
+  );
+};
+
+export default KeynoteSpeakers;