diff --git a/app/[lang]/devcon-7/page.tsx b/app/[lang]/devcon-7/page.tsx index 48da469..184ec36 100644 --- a/app/[lang]/devcon-7/page.tsx +++ b/app/[lang]/devcon-7/page.tsx @@ -1,17 +1,19 @@ -import React from "react" -import { Metadata } from "next" +import React from 'react' +import { Metadata } from 'next' -import { Devcon7Booths } from "./sections/Devcon7Booths" -import { Devcon7Header } from "./sections/Devcon7Header" -import { Devcon7Section } from "./sections/Devcon7Section" +import { Devcon7Booths } from './sections/Devcon7Booths' +import { Devcon7Header } from './sections/Devcon7Header' +import { Devcon7Section } from './sections/Devcon7Section' + +import { Devcon7Slider } from './sections/Devcon7Slider' export const metadata: Metadata = { - title: "Devon 7", - description: "PSE x Devcon 7 Southeast Asia", + title: 'Devon 7', + description: 'PSE x Devcon 7 Southeast Asia', openGraph: { images: [ { - url: "/devcon-7-cover.png", + url: '/devcon-7-cover.png', width: 1200, height: 630, }, @@ -23,9 +25,12 @@ export default async function DevconPage() { return ( <>
- +
+ + +
+
-
diff --git a/app/[lang]/devcon-7/sections/Devcon7Header.tsx b/app/[lang]/devcon-7/sections/Devcon7Header.tsx index a8631d8..23f0a2d 100644 --- a/app/[lang]/devcon-7/sections/Devcon7Header.tsx +++ b/app/[lang]/devcon-7/sections/Devcon7Header.tsx @@ -1,8 +1,8 @@ -import Image from "next/image" +import Image from 'next/image' export const Devcon7Header = () => { return ( -
+
Devcon 7 Banner { +const EventCard = ({ event = {}, speakers = [], location = '' }: any) => { const [isOpen, setIsOpen] = useState(false) + const getYouTubeEmbedURL = (url: string) => { + const match = url.match( + /(?:youtube\.com\/(?:watch\?v=|live\/)|youtu\.be\/)([^?&]+)/ + ) + return match ? `https://www.youtube.com/embed/${match[1]}` : null + } + return (
@@ -42,67 +51,91 @@ const EventCard = ({ event = {}, speakers = [], location = "" }: any) => { {location}
+
+ {speakers?.map((speaker: any, index: number) => { + return ( + + {speaker.label} + + ) + })} +
-
- - {event?.title} - +
+
+ + {event?.title} + + +
{event?.description} +
+ {event?.youtubeLink && ( +