fix: image imports

Author: rob-at-cortex

src/components/HeaderFooter/Footer.tsx

@@ -3,7 +3,7 @@ import { ImageProps, LinkProps } from '@/common-types'
 // import { Container } from '@/components/ui'
 import { CustomLink } from '@/components/Other/CustomLink'
 import { cn } from '@/lib/utils'
-import Image from 'next/image'
+import Image, { StaticImageData } from 'next/image'
 import { BrandLogo } from './BrandLogo'
 import { FaChevronRight, FaEnvelope, FaPaperPlane, FaPhone, FaCalendarDays } from 'react-icons/fa6'
 import { ClassValue } from 'clsx'
@@ -22,8 +22,8 @@ interface SocialLinkProps {
 
 export interface SectionProps {
   className?: ClassValue
-  logoLight: ImageProps
-  logoDark: ImageProps
+  logoLight: StaticImageData
+  logoDark: StaticImageData
   footerData: FooterSectionProps
 }
 

src/components/Pages/Website.tsx

@@ -78,13 +78,17 @@ import { LowImpactHero } from '@/components/Heros/LowImpact'
 import { MediumImpactHero } from '@/components/Heros/MediumImpact'
 import { HighImpactHero } from '@/components/Heros/HighImpact'
 import { PostHero } from '@/components/Heros/PostHero'
+import logoVideo from '../../images/cortex-reply-bw.png'
+import logoLight from '../../images/cortex-reply-light.png'
+import logoDark from '../../images/cortex-reply-dark.png'
 
 
 export default function Website({ ...args }) {
   return (
 
     <div className="flex fixed flex-col w-screen h-screen max-h-screen overflow-auto overscroll-contain">
-              <HeaderDesktop isMenuOpen={true}  />
+              <HeaderDesktop isMenuOpen={true} logoLight={logoLight} logoDark={logoDark} />
+
 
         {/* Hero Section */}
         {args.hero && args.hero.type === 'lowImpact' && <LowImpactHero {...args.hero} />}