diff --git a/src/assets/RADV_Canada_event.webp b/src/assets/RADV_Canada_event.webp new file mode 100644 index 0000000..98d6399 Binary files /dev/null and b/src/assets/RADV_Canada_event.webp differ diff --git a/src/assets/RADV_Canada_logo.webp b/src/assets/RADV_Canada_logo.webp new file mode 100644 index 0000000..1abb222 Binary files /dev/null and b/src/assets/RADV_Canada_logo.webp differ diff --git a/src/components/Conferences.astro b/src/components/Conferences.astro new file mode 100644 index 0000000..358582a --- /dev/null +++ b/src/components/Conferences.astro @@ -0,0 +1,225 @@ +--- +import jsnationImage from "../assets/jsnation.webp"; +import reactAdvancedImage from "../assets/RADV_Canada_event.webp"; + +const conferences = [ + { + name: "JS Nation US", + tagline: + "The main JSNation US event is coming up — Special Edition: AI for Web Dev!", + dates: "November 17 & 20, 2025", + location: "New York & Online", + discountCode: "FRIENDS", + url: "https://jsnation.us/", + image: jsnationImage, + imageAlt: "JS Nation US Conference Banner", + }, + { + name: "React Advanced Canada", + tagline: + "React Advanced Canada lands in Toronto 🇨🇦 Join us on March 24 & 26 for 50+ talks, deep technical insights, and networking with some of the brightest minds in the industry.", + dates: "March 24 & 26, 2026", + location: "Toronto & Online", + discountCode: "ForwardJS", + url: "https://reactadvanced.com/canada/", + image: reactAdvancedImage, + imageAlt: "React Advanced Canada Logo", + }, +]; +--- + +
+
+

PARTNER CONFERENCES

+
+ { + conferences.map((conference) => ( +
+
+ + {conference.imageAlt} + +
+ +
+

{conference.name}

+

{conference.tagline}

+ +
+
+ When: + {conference.dates} +
+
+ Where: + {conference.location} +
+
+ +
+ Discount Code: + {conference.discountCode} +
+ + + Learn More & Register + +
+
+ )) + } +
+
+
+ + diff --git a/src/components/Events.astro b/src/components/Events.astro index 7256d38..acf16c4 100644 --- a/src/components/Events.astro +++ b/src/components/Events.astro @@ -82,7 +82,7 @@ const upcomingEvents = await getCollection("upcomingEvents"); display: flex; flex-direction: column; gap: 42px; - max-width: 1000px; + max-width: 1200px; width: 100%; padding: 2rem 1rem; } diff --git a/src/components/JSNation.astro b/src/components/JSNation.astro deleted file mode 100644 index 84ba9af..0000000 --- a/src/components/JSNation.astro +++ /dev/null @@ -1,34 +0,0 @@ ---- -import jsnationImage from "../assets/jsnation.webp"; ---- - -
-
- - JSNation - -
-
- - diff --git a/src/components/Sponsors.astro b/src/components/Sponsors.astro index c4ec272..3b8e9d8 100644 --- a/src/components/Sponsors.astro +++ b/src/components/Sponsors.astro @@ -8,6 +8,7 @@ import JSNation from "../assets/jsnation.svg"; import Teksystems from "../assets/teksystems.svg"; import Shopify from "../assets/shopify.svg"; import InvestOttawa from "../assets/investottawa.svg"; +import ReactAdvancedCanada from "../assets/RADV_Canada_logo.webp"; const sponsors = [ { @@ -40,6 +41,11 @@ const sponsors = [ logo: JSNation, href: "https://jsnation.us/", }, + { + name: "React Advanced Canada", + logo: ReactAdvancedCanada, + href: "https://reactadvanced.com/canada/", + }, ]; --- @@ -106,7 +112,7 @@ const sponsors = [ display: flex; flex-direction: column; gap: var(--gap); - max-width: 1200px; + max-width: 1440px; margin: auto; } @@ -118,7 +124,7 @@ const sponsors = [ .marquee__hidden { display: none; - @media screen and (max-width: 1200px) { + @media screen and (max-width: 1440px) { display: flex; } } @@ -131,7 +137,7 @@ const sponsors = [ gap: 16px; animation: none; - @media screen and (max-width: 1200px) { + @media screen and (max-width: 1440px) { animation: scroll 12s linear infinite; } } diff --git a/src/pages/index.astro b/src/pages/index.astro index a43b1b6..4da30da 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,7 +1,7 @@ --- import Events from "../components/Events.astro"; import Hero from "../components/Hero.astro"; -import JSNation from "../components/JSNation.astro"; +import Conferences from "../components/Conferences.astro"; import Sponsors from "../components/Sponsors.astro"; import Layout from "../layouts/Layout.astro"; --- @@ -10,5 +10,5 @@ import Layout from "../layouts/Layout.astro"; - +