diff --git a/src/app/LandingPageClient.tsx b/src/app/LandingPageClient.tsx
index c588944..579f7e5 100644
--- a/src/app/LandingPageClient.tsx
+++ b/src/app/LandingPageClient.tsx
@@ -2,6 +2,7 @@
 
 import { useEffect, useRef } from "react";
 import HeroSection from "@/components/landing/HeroSection";
+import { LandingPageWrapper } from "@/components/landing/LandingPageWrapper";
 import { gsap } from "gsap";
 import { ScrollTrigger } from "gsap/ScrollTrigger";
 
@@ -43,8 +44,10 @@ export default function LandingPageClient() {
   }, []);
 
   return (
-    <div ref={mainRef}>
-      <HeroSection />
-    </div>
+    <LandingPageWrapper>
+      <div ref={mainRef}>
+        <HeroSection />
+      </div>
+    </LandingPageWrapper>
   );
 }
\ No newline at end of file
diff --git a/src/components/landing/LandingPageWrapper.tsx b/src/components/landing/LandingPageWrapper.tsx
index f8fc8fb..5c94899 100644
--- a/src/components/landing/LandingPageWrapper.tsx
+++ b/src/components/landing/LandingPageWrapper.tsx
@@ -321,7 +321,7 @@ export function LandingPageWrapper({ children, className = "" }: WrapperProps) {
     <>
       {/* Google Fonts Import */}
       <style jsx global>{`
-        @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");
+        @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");
       `}</style>
 
       <div