diff --git a/app/(pre-dashboard)/(landing)/page.tsx b/app/(pre-dashboard)/(landing)/page.tsx
index 4fa6569..507c030 100644
--- a/app/(pre-dashboard)/(landing)/page.tsx
+++ b/app/(pre-dashboard)/(landing)/page.tsx
@@ -22,9 +22,7 @@ export default async function Page() {
     >
       <div className="overflow-x-hidden overflow-y-hidden">
         <Hero />
-        <h1 className={`text-center  ${brush.className}`} style={{ fontSize: '96px' }}>
-          ABOUT
-        </h1>
+
 
         <About />
         {/**
diff --git a/app/(pre-dashboard)/(landing)/sections/About.tsx b/app/(pre-dashboard)/(landing)/sections/About.tsx
index b1243ec..3efce74 100644
--- a/app/(pre-dashboard)/(landing)/sections/About.tsx
+++ b/app/(pre-dashboard)/(landing)/sections/About.tsx
@@ -104,6 +104,17 @@ function AboutInfo({
 export default function About() {
   return (
     <>
+      <div className='flex  justify-center items-center p-4'>
+        <Image
+          src={"/landing/S2025/aboutbanner.png"}
+          width="300"
+          height="300"
+          className="w-[400px]  z-30"
+          alt={'about'}
+          quality={50}
+        />
+      </div>
+      
       <div
         className="from-dark_blue_figma relative flex  h-fit w-full
         flex-col flex-wrap 
diff --git a/app/(pre-dashboard)/(landing)/sections/GenericSection.tsx b/app/(pre-dashboard)/(landing)/sections/GenericSection.tsx
index 6ba5333..556622a 100644
--- a/app/(pre-dashboard)/(landing)/sections/GenericSection.tsx
+++ b/app/(pre-dashboard)/(landing)/sections/GenericSection.tsx
@@ -1,5 +1,6 @@
 import SectionTitle from './SectionTitle';
 import { ReactNode } from 'react';
+import Image from 'next/image';
 
 type GenericSectionProps = {
   children: ReactNode;
@@ -15,7 +16,46 @@ export default function GenericSection(props: GenericSectionProps) {
       id={props.title}
       className={'flex w-full flex-col items-center  sections'}
     >
-      <SectionTitle title={props.title} />
+      {/* <SectionTitle title={props.title} /> */}
+      {props.title == "Sponsors" ?       
+      <div className='flex  justify-center items-center p-4'>
+        <Image
+          src={"/landing/S2025/sponsorsflag.png"}
+          width="300"
+          height="300"
+          className="w-[400px]  z-30"
+          alt={'about'}
+          quality={50}
+        />
+      </div>
+      :
+      <div>
+        {props.title == "Schedule" ?       
+          <div className='flex  justify-center items-center p-4'>
+            <Image
+              src={"/landing/S2025/schedulebanner.png"}
+              width="300"
+              height="300"
+              className="w-[400px]  z-30"
+              alt={'about'}
+              quality={50}
+            />
+          </div>
+          :
+          <div className='flex  justify-center items-center p-4'>
+            <Image
+              src={"/landing/S2025/faqflag.png"}
+              width="300"
+              height="300"
+              className="w-[400px]  z-30"
+              alt={'about'}
+              quality={50}
+            />
+          </div>
+        }
+      </div>
+      }
+
       <div className="w-full h-fit sections relative">
         <div className="absolute  top-0 w-full h-full " />
         {props.children}
diff --git a/app/layout.tsx b/app/layout.tsx
index 6c9f3cd..9ce0824 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,5 +1,5 @@
 import '@/app/ui/global.css';
-import { inter, fuzzy } from '@/app/ui/fonts';
+import { inter, brush } from '@/app/ui/fonts';
 import { Metadata } from 'next';
 import { Analytics } from "@vercel/analytics/react"
 
@@ -31,7 +31,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={`${fuzzy.className} antialiased`}>
+      <body className={`${brush.className} antialiased`}>
         <Analytics />
         <main>{children}</main>
       </body>
