check CTA defined in Hero

Author: adityaguru149

src/components/widgets/Hero.tsx

@@ -1,5 +1,5 @@
 import Image from 'next/image';
-import { CallToAction, HeroProps } from '~/shared/types';
+import { HeroProps } from '~/shared/types';
 import CTA from '../common/CTA';
 
 const Hero = (props: { data: HeroProps }) => {
@@ -18,8 +18,8 @@ const Hero = (props: { data: HeroProps }) => {
             <div className="mx-auto max-w-3xl">
               {subtitle && <p className="mb-6 text-xl font-normal text-gray-600 dark:text-slate-400">{subtitle}</p>}
               <div className="flex max-w-none flex-col flex-nowrap gap-4 px-4 sm:flex-row sm:justify-center">
-                <CTA data={callToAction as CallToAction} />
-                <CTA data={callToAction2 as CallToAction} />
+                {callToAction && <CTA data={callToAction} />}
+                {callToAction2 && <CTA data={callToAction2} />}
               </div>
             </div>
           </div>