diff --git a/src/app/page.tsx b/src/app/page.tsx
index e14a741..f6edb0a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,13 +17,13 @@ import Head from 'next/head';
 
 export default function HomePage() {
   const navItems = [
-    { name: "Home", id: "/" },
+    { name: "Home", id: "home" },
     { name: "Services", id: "services" },
     { name: "Gallery", id: "gallery" },
     { name: "Packages", id: "packages" },
     { name: "About", id: "about" },
-    { name: "Booking", id: "/booking" },
-    { name: "Contact", id: "/contact" },
+    { name: "Booking", id: "booking" },
+    { name: "Contact", id: "contact" },
   ];
 
   const footerColumns = [
@@ -101,7 +101,7 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg",              imageAlt: "Professional face painting at event"},
+              imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-make-up-woman-wearing-mask_23-2148784326.jpg?_wi=2",              imageAlt: "Professional face painting at event"},
           ]}
           mediaAnimation="opacity"
           ariaLabel="Hero section with professional face painting showcase"
@@ -184,8 +184,8 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Services section showcasing face painting offerings"
           containerClassName="gap-8 lg:gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          itemClassName=""
+          mediaWrapperClassName=""
         />
       </div>
 
@@ -220,9 +220,9 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Pricing section with package options"
           containerClassName="gap-8 lg:gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
-          cardClassName="p-6 sm:p-8"
+          cardContentClassName=""
+          planTagClassName=""
+          planPriceClassName=""
         />
       </div>
 
@@ -261,8 +261,8 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Client testimonials section"
           containerClassName="gap-8 lg:gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          imageWrapperClassName=""
+          roleClassName=""
         />
       </div>
 
@@ -292,8 +292,8 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="Photo gallery preview section"
           containerClassName="gap-8 lg:gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          cardNameClassName=""
+          cardPriceClassName=""
         />
       </div>
 
@@ -327,8 +327,8 @@ export default function HomePage() {
           buttonAnimation="blur-reveal"
           ariaLabel="FAQ section with common questions"
           containerClassName="gap-8 lg:gap-12"
-          titleClassName="text-3xl sm:text-4xl lg:text-5xl font-extrabold"
-          descriptionClassName="text-base sm:text-lg opacity-90 max-w-3xl"
+          accordionClassName=""
+          accordionTitleClassName=""
         />
       </div>
 
@@ -339,7 +339,7 @@ export default function HomePage() {
           background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Request a Quote", href: "/booking" },
+            { text: "Request a Quote", href: "/contact" },
             { text: "Call Us", href: "tel:+15551234567" },
           ]}
           ariaLabel="Contact call-to-action section"