Skip to content

Added Head tag in events and webinar pages #69

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Added Head tag in events and webinar pages #69

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
26d9c56
Added Head tage in events and webinar pages
MAYANK-TRIPATH Aug 12, 2025
f325df2
Merge branch 'master' into mayank-frontend
MAYANK-TRIPATH Nov 7, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
170 changes: 101 additions & 69 deletions src/pages/event/leadership-forum.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
import Head from '@docusaurus/Head'; // or 'next/head' if you're using Next.js

import WebinarTitle from '../../components/webinars/WebinarTitle';
import WebinarHosts from '../../components/webinars/WebinarHosts';
import WebinarCTA from '../../components/webinars/WebinarCTA';
Expand Down Expand Up @@ -30,89 +32,119 @@ const hosts = [
];

const WebinarPage = () => {

const webinarData = {
title: 'A Leadership Forum for Data Engineers and MLOps',
summary: 'Join us for an intensive session bringing together senior data engineers and ML practitioners. We will explore the intersection of modern data architecture and ML operations, focusing on building scalable platforms that serve both analytics and machine learning needs',
image_url: '/img/events/e-1-leadership-forum.webp',
event_url: 'https://olake.io/event/leadership-forum',
};

return (
<>
<Head>
<title>{webinarData.title}</title>

<Layout
title='A Leadership Forum for Data Engineers and MLOps'
description='Join us for an intensive session bringing together senior data engineers and ML practitioners. We will explore the intersection of modern data architecture and ML operations, focusing on building scalable platforms that serve both analytics and machine learning needs'
>
<meta name="description" content={webinarData.summary} />

<main className="container mx-auto px-16 md:px-36 py-12">
<WebinarTitle
title="A Leadership Forum for Data Engineers and MLOps"
tag="Event"
/>
{/* Open Graph / Facebook */}
<meta property="og:type" content="website" />

<div className="flex flex-col md:flex-row ">
<meta property="og:title" content={webinarData.title} />

<div className=" md:w-1/2 ">
<meta property="og:description" content={webinarData.summary} />
<meta property="og:image" content={`https://olake.io${webinarData.image_url}`} />

<meta property="og:url" content={webinarData.event_url} />

<Image img={`/img/events/e-1-leadership-forum.webp`} alt="Data Engineers and MLOps Connect event, December 21, 2024" />
</div>
{/* Twitter */}
<meta name="twitter:card" content="summary_large_image" />

<meta name="twitter:title" content={webinarData.title} />

<meta name="twitter:description" content={webinarData.summary} />

<meta name="twitter:image" content={`https://olake.io${webinarData.image_url}`} />
</Head>

<Layout
title={webinarData.title}
description={webinarData.summary}
>

<main className="container mx-auto px-16 md:px-36 py-12">
<WebinarTitle
title="A Leadership Forum for Data Engineers and MLOps"
tag="Event"
/>

<div className="flex flex-col md:flex-row ">

<div className="md:w-1/3 md:relative md:left-56 p-4">
<div className=" md:w-1/2 ">

<div className="flex justify-center items-center p-10 bg-gray-100 dark:bg-gray-800">
<CTAButton
title="Join Our Upcoming Event"
buttonText="Registrations Over"
icon={FaRegCalendarAlt}
href="https://lu.ma/z80xycc7"
variant="secondary"
/>

<Image img={`/img/events/e-1-leadership-forum.webp`} alt="events Cover Image" />
</div>

<div className="md:w-1/3 md:relative md:left-56 p-4">

{/* <div className="flex justify-center items-center p-10 bg-gray-100 dark:bg-gray-800">
<CTAButton
title="Join Our Upcoming Event"
buttonText="Registrations Over"
icon={FaRegCalendarAlt}
href="https://lu.ma/z80xycc7"
variant="secondary"
/>
</div> */}

</div>
</div>
</div>

<Hr /> <br />

<WebinarOverview
date="December 21, 2024"
time="11:00 - 14:00 IST Bengaluru, Karnataka"
duration="3 hours"
summary="Join us for an intensive session bringing together senior data engineers and ML practitioners. We'll explore the intersection of modern data architecture and ML operations, focusing on building scalable platforms that serve both analytics and machine learning needs."

bulletPoints={[
"Current state of data & ML platforms",
"Key challenges in serving both analytics and ML workloads",
"Data lakehouse architectures for ML workloads",
"Feature store implementation patterns",
"Bridging the gap between data engineering and ML pipelines",
"CDC and real-time feature engineering",
"ML model monitoring and data quality",
"Building reliable data pipelines for both BI and ML",
"Data versioning and experiment tracking",
"Enjoy refreshments while networking with like-minded professionals.",
"Unified metrics layer implementation",
"MLOps pipeline automation",
"Data mesh and feature democratization",
"Performance optimization for ML workloads",
"Emerging trends in data platforms and MLOps",
"Building collaborative data and ML teams"
]}

/>
<Hr />
<br />

<div className="min-h-screen p-4">
<LeadershipForumEventDetails />
</div>


<WebinarHosts hosts={hosts} />

<WebinarCTA
CTAText={"Ready to Join our next?"}
/>

</main>
</Layout>

<Hr /> <br />

<WebinarOverview
date="December 21, 2024"
time="11:00 - 14:00 IST Bengaluru, Karnataka"
duration="3 hours"
summary="Join us for an intensive session bringing together senior data engineers and ML practitioners. We'll explore the intersection of modern data architecture and ML operations, focusing on building scalable platforms that serve both analytics and machine learning needs."

bulletPoints={[
"Current state of data & ML platforms",
"Key challenges in serving both analytics and ML workloads",
"Data lakehouse architectures for ML workloads",
"Feature store implementation patterns",
"Bridging the gap between data engineering and ML pipelines",
"CDC and real-time feature engineering",
"ML model monitoring and data quality",
"Building reliable data pipelines for both BI and ML",
"Data versioning and experiment tracking",
"Enjoy refreshments while networking with like-minded professionals.",
"Unified metrics layer implementation",
"MLOps pipeline automation",
"Data mesh and feature democratization",
"Performance optimization for ML workloads",
"Emerging trends in data platforms and MLOps",
"Building collaborative data and ML teams"
]}

/>
<Hr />
<br />

<div className="min-h-screen p-4">
<LeadershipForumEventDetails />
</div>


<WebinarHosts hosts={hosts} />

<WebinarCTA
CTAText={"Ready to Join our next?"}
/>

</main>
</Layout>
</>
);
};

Expand Down
62 changes: 39 additions & 23 deletions src/pages/webinar/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,15 +79,14 @@ const useDynamicIframeHeight = (src) => {
};

const WebinarsPage = () => {
const { siteConfig } = useDocusaurusContext()
const location = useLocation()
const siteUrl = siteConfig?.url || 'https://olake.io'
const canonicalUrl = `${siteUrl}${location.pathname}`
// Use the dynamic iframe height hook
const { height: iframeHeight, iframeRef } = useDynamicIframeHeight('https://app.livestorm.co/datazip-inc/upcoming?limit=2');

// Define webinars data directly
const webinars = [
const pageData = {
title: 'OLake Events & Webinars',
summary: 'Join our upcoming events and webinars to learn about the latest in ETL, Apache Iceberg, and modern data engineering practices. Deep dive into Apache Iceberg, CDC strategies, and modern data engineering practices with industry experts and practitioners.',
image_url: '/img/webinars/webinar-intro-iceberg.webp',
event_url: 'https://olake.io/webinar',
};

const communityMeets = [
{
title: 'Apache Iceberg + Polaris: Breaking Catalog Vendor Lock-in',
subtitle:
Expand Down Expand Up @@ -285,20 +284,36 @@ const WebinarsPage = () => {
]

return (
<Layout
title='OLake Events & Webinars'
description='Join our upcoming events and webinars to learn about the latest in ETL, Apache Iceberg, and modern data engineering practices'
>
<>
<Head>
<meta property='og:type' content='website' />
<meta property='og:title' content='OLake Events & Webinars' />
<meta property='og:description' content='Join our upcoming events and webinars to learn about the latest in ETL, Apache Iceberg, and modern data engineering practices' />
<meta property='og:url' content={canonicalUrl} />
<meta property='og:site_name' content='OLake' />
<meta property='og:locale' content='en_US' />
<meta property='og:image' content='https://olake.io/img/logo/olake-blue.webp' />
<meta name='twitter:image' content='https://olake.io/img/logo/olake-blue.webp' />
<title>{pageData.title}</title>

<meta name="description" content={pageData.summary} />

{/* Open Graph / Facebook */}
<meta property="og:type" content="website" />

<meta property="og:title" content={pageData.title} />

<meta property="og:description" content={pageData.summary} />
<meta property="og:image" content={`https://olake.io${pageData.image_url}`} />

<meta property="og:url" content={pageData.event_url} />

{/* Twitter */}
<meta name="twitter:card" content="summary_large_image" />

<meta name="twitter:title" content={pageData.title} />

<meta name="twitter:description" content={pageData.summary} />

<meta name="twitter:image" content={`https://olake.io${pageData.image_url}`} />
</Head>

<Layout
title={pageData.title}
description={pageData.summary}
>
{/* Hero Section */}
<section className='relative bg-gradient-to-br from-blue-50 via-white to-indigo-50 py-16 dark:from-gray-900 dark:via-gray-800 dark:to-blue-950/20 lg:py-24'>
{/* Background decorative elements */}
Expand Down Expand Up @@ -414,7 +429,8 @@ const WebinarsPage = () => {
</div>
</div>
</Layout>
)
}
</>
);
};

export default WebinarsPage;
Loading