src/app/page.tsx

@@ -43,14 +43,17 @@ export default function LandingPage() {
           <HeroSplitKpi
             title="Visual Design for Modern Brands"
             description="Expert graphic design services specialized in visual identity, typography, and layout. I transform concepts into compelling visual stories."
+            background={{ variant: "gradient-bars" }}
             kpis={[
               { value: "50+", label: "Projects Completed" },
               { value: "10+", label: "Years Experience" },
               { value: "100%", label: "Client Satisfaction" }
             ]}
+            enableKpiAnimation={true}
             buttons={[{ text: "Explore Work", href: "#works" }, { text: "Contact Me", href: "#contact" }]}
             imageSrc="http://img.b2bpic.net/free-photo/graphic-designer-working-design-studio_23-2148921869.jpg"
             imageAlt="Graphic designer workspace"
+            mediaAnimation="blur-reveal"
           />
         </div>
 
@@ -63,6 +66,7 @@ export default function LandingPage() {
               { value: "Print", title: "Editorial & Packaging" },
               { value: "Digital", title: "UI & Motion Design" }
             ]}
+            useInvertedBackground={false}
             imageSrc="http://img.b2bpic.net/free-photo/female-graphic-designer-working-office_23-2149749876.jpg"
           />
         </div>
@@ -90,6 +94,7 @@ export default function LandingPage() {
             textboxLayout="split"
             title="Collaborator Reviews"
             description="What clients say about working together on design projects."
+            useInvertedBackground={false}
             testimonials={[
               { id: "t1", name: "Anna Smith", handle: "@design_lead", testimonial: "The attention to detail in the layout and typography was exceptional. A true design professional.", icon: PenTool },
               { id: "t2", name: "David Jones", handle: "@brand_owner", testimonial: "They understood my brand vision immediately and translated it into a beautiful visual language.", icon: PenTool },
@@ -107,6 +112,7 @@ export default function LandingPage() {
             ]}
             textarea={{ name: "message", placeholder: "Tell me about your project..." }}
             buttonText="Send Message"
+            useInvertedBackground={false}
             imageSrc="http://img.b2bpic.net/free-photo/person-holding-color-samples_23-2148425265.jpg"
           />
         </div>