changes

TenzDelek · TenzDelek · commit 8e799023fe55 · 2025-06-24T19:44:35.000+05:30
diff --git a/components/Head.tsx b/components/Head.tsx
@@ -9,6 +9,10 @@ export function HeadComponent({
   title,
   description = `Join us for the AsyncAPI Conference, bringing the latest in AsyncAPI technology to locations worldwide!`,
   image = '/img/ogimage/home.jpg',
+}: {
+  title: string;
+  description?: string;
+  image?: string;
 }) {
   const url = process.env.NEXT_PUBLIC_DEPLOY_URL || 'http://localhost:3000';
   const appContext = useContext(AppContext);
diff --git a/context/AppContext.tsx b/context/AppContext.tsx
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -3,8 +3,8 @@ import Navbar from '../components/Navbar/navbar';
 import Footer from '../components/Footer/footer';
 import { AppProps } from 'next/app';
 import { useEffect, useState } from 'react';
-
-function MyApp({ Component, pageProps }: AppProps) {
+import AppContext from '../context/AppContext';
+function MyApp({ Component, pageProps,router}: AppProps) {
   const [isClient, setIsClient] = useState<boolean>(false);
   useEffect(() => {
     setIsClient(true);
@@ -13,12 +13,13 @@ function MyApp({ Component, pageProps }: AppProps) {
     return <></>;
   }
   return (
+    <AppContext.Provider value={{ path: router.asPath }}>
     <div>
       <Navbar />
-
       <Component {...pageProps} />
       <Footer />
     </div>
+    </AppContext.Provider>
   );
 }
 
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,6 +1,5 @@
 /* eslint-disable @next/next/no-img-element */
 import { useState } from 'react';
-import Head from 'next/head';
 import { useMediaQuery } from 'react-responsive';
 import Header from '../components/Header/header';
 import Sponsors from '../components/Sponsors/sponsors';
@@ -16,7 +15,7 @@ import Link from 'next/link';
 import Button from '../components/Buttons/button';
 import Dropdown from '../components/Dropdown/dropdown';
 import { City } from '../types/types';
-
+import { HeadComponent as Head} from "../components/Head";
 export default function Home() {
   const isTablet = useMediaQuery({ maxWidth: '1118px' });
   const [speakersList, setSpeakersList] = useState(speakers);
@@ -38,11 +37,7 @@ export default function Home() {
   };
   return (
     <div>
-      <Head>
-        <title>AsyncAPI Conference</title>
-        <meta name="description" content="Generated by create next app" />
-        <link rel="icon" href="/favicon.ico" />
-      </Head>
+      <Head title="AsyncAPI Conference" />
       <img
         src="/img/illustra.png"
         className="color-effect"
diff --git a/pages/venue/[id].tsx b/pages/venue/[id].tsx
@@ -20,6 +20,7 @@ import Agenda from '../../components/Agenda/agenda';
 import Guidelines from '../../components/Speaker/guideline';
 import CFPdata from '../../config/cfp-data.json';
 import { GetStaticPropsContext } from 'next';
+import { HeadComponent as Head } from '../../components/Head';
 
 interface IVenue {
   city: ExtendedCity;
@@ -60,8 +61,14 @@ function Venue({ city }: IVenue) {
   const eventStatus = getEventStatus(city.date);
   const textColor: string =
     eventStatus === ConferenceStatus.ENDED ? 'text-gray-400' : 'text-white';
+   const venueTitle = `${city.name} | AsyncAPI Conference`;
   return (
     <div data-test={`venue-${city.name}`}>
+      <Head 
+			title={venueTitle}
+			description={city.description}
+			image={city.img}
+		/>
       <div
         style={{
           backgroundImage: city.name == 'Online' ? '' : `url(${city.img})`,
