diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index cbba6d5..d10be2f 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,44 +1,22 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
+import "./styles/variables.css";
+import "./styles/base.css";
 
-const halant = Halant({
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
+const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Civil Engineering Jobs | CareerBuild Career Platform",  description: "Discover your next civil engineering role. Connect with leading construction and infrastructure firms. Free for professionals, trusted by 5,000+ engineers.",  keywords: "civil engineering jobs, construction careers, infrastructure jobs, engineer positions, structural engineer jobs",  robots: {
-    index: true,
-    follow: true,
-  },
-  openGraph: {
-    title: "Civil Engineering Jobs | CareerBuild",    description: "Find your next civil engineering opportunity with CareerBuild. Connect with top construction and engineering firms.",    url: "https://careerbuild.example.com",    siteName: "CareerBuild",    type: "website"},
-  twitter: {
-    card: "summary_large_image",    title: "Civil Engineering Jobs | CareerBuild",    description: "Find civil engineering roles that match your expertise. Browse 2,800+ positions from 450+ partner companies."},
-};
+  title: "CareerBuild - Civil Engineering Jobs",  description: "Connect with leading construction, infrastructure, and engineering firms. Discover opportunities that match your expertise and career goals in the civil engineering field."};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={inter.className}>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1406,7 +1384,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 798f34e..0601699 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -43,29 +43,43 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroCentered
-          title="Find Your Next Civil Engineering Role"
-          description="Connect with leading construction, infrastructure, and engineering firms. Discover opportunities that match your expertise and career goals in the civil engineering field."
-          avatars={[
-            {
-              src: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg",              alt: "professional engineer male portrait"
-            },
-            {
-              src: "http://img.b2bpic.net/free-photo/business-woman-hard-hat-using-laptop_1303-29779.jpg",              alt: "professional engineer female portrait"
-            },
-            {
-              src: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg",              alt: "professional construction worker portrait"
-            },
-          ]}
-          avatarText="Trusted by 5,000+ civil professionals"
-          buttons={[
-            { text: "Browse Jobs", href: "#features" },
-            { text: "For Employers", href: "#contact" },
-          ]}
-          background={{ variant: "downward-rays-static" }}
-          buttonAnimation="slide-up"
-        />
+      <div id="hero" data-section="hero" style={{
+        backgroundImage: 'url("https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?w=1600&h=900&fit=crop")',
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+        backgroundAttachment: 'fixed',
+        position: 'relative'
+      }}>
+        <div style={{
+          position: 'absolute',
+          inset: 0,
+          backgroundColor: 'rgba(0, 0, 0, 0.4)',
+          zIndex: 1
+        }} />
+        <div style={{ position: 'relative', zIndex: 2 }}>
+          <HeroCentered
+            title="Build Your Future in Civil Engineering"
+            description="Connect with leading construction, infrastructure, and engineering firms. Discover opportunities that match your expertise and career goals in the civil engineering field."
+            avatars={[
+              {
+                src: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg",                alt: "professional engineer male portrait"
+              },
+              {
+                src: "http://img.b2bpic.net/free-photo/business-woman-hard-hat-using-laptop_1303-29779.jpg",                alt: "professional engineer female portrait"
+              },
+              {
+                src: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg",                alt: "professional construction worker portrait"
+              },
+            ]}
+            avatarText="Trusted by 5,000+ civil professionals"
+            buttons={[
+              { text: "Browse Jobs", href: "#features" },
+              { text: "For Employers", href: "#contact" },
+            ]}
+            background={{ variant: "plain" }}
+            buttonAnimation="slide-up"
+          />
+        </div>
       </div>
 
       <div id="about" data-section="about">
