check CTA defined in Hero2

Author: adityaguru149

src/components/widgets/Hero2.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 Hero2 = (props: { data: HeroProps }) => {
@@ -19,8 +19,8 @@ const Hero2 = (props: { data: HeroProps }) => {
               <div className="mx-auto max-w-3xl">
                 {subtitle && <p className="mb-8 text-xl font-normal text-gray-600 dark:text-slate-400">{subtitle}</p>}
                 <div className="flex max-w-none flex-col flex-nowrap justify-center gap-4 sm:flex-row md:m-0 md:justify-start">
-                  <CTA data={callToAction as CallToAction} />
-                  <CTA data={callToAction2 as CallToAction} />
+                  {callToAction && <CTA data={callToAction} />}
+                  {callToAction2 && <CTA data={callToAction2} />}
                 </div>
               </div>
             </div>