src/app/page.tsx

@@ -68,9 +68,9 @@ export default function LandingPage() {
             useInvertedBackground={false}
             title="Design Principles"
             metrics={[
-              { icon: Award, label: "Awards", value: "12" },
-              { icon: Clock, label: "Years", value: "10" },
-              { icon: Globe, label: "Countries", value: "24" }
+              { id: "1", icon: Award, label: "Awards", value: "12" },
+              { id: "2", icon: Clock, label: "Years", value: "10" },
+              { id: "3", icon: Globe, label: "Countries", value: "24" }
             ]}
             metricsAnimation="opacity"
           />
@@ -83,6 +83,7 @@ export default function LandingPage() {
             showRating={true}
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
             testimonials={[
               { id: "1", name: "Studio XYZ", handle: "@studio", testimonial: "Pure clarity and precision.", rating: 5, icon: Star },
               { id: "2", name: "Brand Lab", handle: "@brandlab", testimonial: "Essential minimalist aesthetic.", rating: 5, icon: Star }
@@ -96,6 +97,7 @@ export default function LandingPage() {
             title="Book Design"
             description="Let's define your visual identity. Available for freelance projects."
             background={{ variant: "plain" }}
+            useInvertedBackground={false}
             buttonText="Send Inquiry"
           />
         </div>