diff --git a/src/app/page.tsx b/src/app/page.tsx
index f8e00ed..c433b64 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -61,13 +61,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Services",          onClick: () => scrollToSection("services")},
+          name: "Services",          id: "services"},
         {
-          name: "Process",          onClick: () => scrollToSection("process")},
+          name: "Process",          id: "process"},
         {
-          name: "Reviews",          onClick: () => scrollToSection("reviews")},
+          name: "Reviews",          id: "reviews"},
         {
-          name: "FAQ",          onClick: () => scrollToSection("faq")},
+          name: "FAQ",          id: "faq"},
       ]}
       brandName="Results Roofing"
       button={{
@@ -273,7 +273,7 @@ export default function LandingPage() {
           value={message}
           onChange={(e) => setMessage(e.target.value)}
           className="mt-1 block w-full p-3 border border-border rounded-md shadow-sm bg-background text-foreground focus:ring-primary-cta focus:border-primary-cta sm:text-sm"
-          style={{ '--border': 'var(--accent)', '--background': 'var(--card)' }}
+          style={{ '--border': 'var(--accent)', '--background': 'var(--card)' } as any}
         />
       </div>
       <button