diff --git a/src/app/for-schools/page.tsx b/src/app/for-schools/page.tsx
index b548fe4..bcc5eaa 100644
--- a/src/app/for-schools/page.tsx
+++ b/src/app/for-schools/page.tsx
@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import Link from "next/link";
@@ -34,20 +35,32 @@ export default function ForSchoolsPage() {
           navItems={navItems}
           brandName="Azurity Studio"
           button={{
-            text: "Book Your Ceremony",            href: "/contact"}}
+            text: "Book Your Ceremony",            href: "/contact"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title="For Schools & Institutions"
+          description="Partnership model designed to simplify event planning, scalable coverage, and professional print sales management."
+          tag="Institutional Partnerships"
+          tagAnimation="slide-up"
+          imageSrc="/placeholder-hero.jpg"
+          imageAlt="School event photography"
+          buttons={[{ text: "Request an Institutional Proposal", href: "/contact" }]}
         />
       </div>
 
       <div id="for-schools" data-section="for-schools">
         <FeatureBento
-          title="For Schools & Institutions"
-          description="Partnership model designed to simplify event planning, scalable coverage, and professional print sales management."
-          tag="Institutional Partnerships"
+          title="Partnership Services"
+          description="Everything you need for comprehensive event coverage and sales management."
+          tag="Service Features"
           tagAnimation="slide-up"
           textboxLayout="split"
           animationType="slide-up"
           useInvertedBackground={true}
-          buttons={[{ text: "Request an Institutional Proposal", href: "/contact" }]}
           features={[
             {
               title: "Event Workflow",              description: "Seamless event planning with dedicated coordination, shot lists, timeline management, and communication with your event planners.",              bentoComponent: "3d-task-list",              items: [
@@ -65,7 +78,8 @@ export default function ForSchoolsPage() {
               ],
             },
             {
-              title: "Print Sales & Management",              description: "Branded digital galleries with integrated print sales, handled fulfillment, inventory management, and revenue sharing options tailored to your institution.",              bentoComponent: "line-chart"},
+              title: "Print Sales & Management",              description: "Branded digital galleries with integrated print sales, handled fulfillment, inventory management, and revenue sharing options tailored to your institution.",              bentoComponent: "line-chart"
+            },
           ]}
         />
       </div>
@@ -79,4 +93,4 @@ export default function ForSchoolsPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 2ee7e0f..ecfa20e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,76 +1,26 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
-import { Montserrat } from "next/font/google";
+import "./styles/variables.css";
+import "./styles/base.css";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-
-const halant = Halant({
-  variable: "--font-halant",
-  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
 
 const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});
-
-const montserrat = Montserrat({
-  variable: "--font-montserrat",
-  subsets: ["latin"],
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Azurity Studio | GTA Graduation & Commencement Photography",
-  description: "Professional graduation photography for Toronto-area colleges, universities, and schools. Ceremony coverage, formal portraits, on-site booths with instant prints. Trusted institutional partner.",
-  keywords: "GTA graduation photographer, commencement photography Toronto, college graduation photography, ceremony coverage, professional headshots",
-  metadataBase: new URL("https://azuritystudio.com"),
-  alternates: {
-    canonical: "https://azuritystudio.com",
-  },
-  openGraph: {
-    title: "Azurity Studio | Professional Graduation Photography GTA",
-    description: "Capture the achievement. Professional commencement and graduation photography across the Greater Toronto Area for institutions.",
-    url: "https://azuritystudio.com",
-    siteName: "Azurity Studio",
-    type: "website",
-    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/multinational-graduates-male-female-celebrating-graduation-university-campus-removing-their-graduation-hats-smiling-camera_496169-1297.jpg",
-        alt: "Graduation ceremony photography",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "Azurity Studio | GTA Graduation Photography",
-    description: "Professional commencement photography for colleges, universities, and schools across Toronto.",
-    images: [
-      "http://img.b2bpic.net/free-photo/multinational-graduates-male-female-celebrating-graduation-university-campus-removing-their-graduation-hats-smiling-camera_496169-1297.jpg",
-    ],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "Azurity Studio",  description: "Professional photography and event coverage services"};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${montserrat.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.variable}>
+        {children}
+      
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1438,7 +1388,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
-}
\ No newline at end of file
+}