Update layout, page, and various view components

Author: Boopathi

src/app/layout.tsx

@@ -59,15 +59,25 @@ export default function RootLayout({
           {children}
         </div>
         <Toaster />
-        <Script id="zoho-salesiq-inline" strategy="lazyOnload">
-          {`window.$zoho=window.$zoho || {};$zoho.salesiq=$zoho.salesiq||{ready:function(){}}`}
+        <Script id="zoho-salesiq-script" strategy="lazyOnload">
+          {`
+            window.$zoho = window.$zoho || {};
+            window.$zoho.salesiq = window.$zoho.salesiq || {
+              widgetcode: "siq770fac757336897d739f9273d8f8f7b3aec5f63c512be52582e5f9e3440d863b",
+              values: {},
+              ready: function () {}
+            };
+            
+            var d = document;
+            var s = d.createElement("script");
+            s.type = "text/javascript";
+            s.id = "zsiqscript";
+            s.defer = true;
+            s.src = "https://salesiq.zohopublic.in/widget";
+            var t = d.getElementsByTagName("script")[0];
+            t.parentNode.insertBefore(s, t);
+          `}
         </Script>
-        <Script 
-          id="zsiqscript" 
-          src="https://salesiq.zohopublic.in/widget?wc=siq770fac757336897d739f9273d8f8f7b3aec5f63c512be52582e5f9e3440d863b" 
-          strategy="lazyOnload"
-          defer 
-        />
       </body>
     </html>
   );

src/app/page.tsx

@@ -165,14 +165,11 @@ export default function Home() {
 
   // Re-run Zoho SalesIQ trigger on SPA navigation
   useEffect(() => {
-    if (typeof window !== 'undefined' && 
-        (window as any).$zoho && 
-        (window as any).$zoho.salesiq && 
-        (window as any).$zoho.salesiq.page &&
-        (window as any).$zoho.salesiq.page.popup
-      ) {
-      (window as any).$zoho.salesiq.page.popup.close('all');
-      (window as any).$zoho.salesiq.page.popup.show();
+    if (typeof window !== 'undefined' && (window as any).$zoho) {
+      (window as any).$zoho.salesiq.ready = function() {
+        (window as any).$zoho.salesiq.page.popup.close('all');
+        (window as any).$zoho.salesiq.page.popup.show();
+      }
     }
   }, [activeView]);
 
@@ -395,5 +392,3 @@ export default function Home() {
     </>
   );
 }
-
-    

src/components/views/corporate-challenge-details.tsx

@@ -60,14 +60,14 @@ export default function CorporateChallengeDetails({
   return (
     <Dialog open={!!challenge} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-4xl h-[90vh] flex flex-col p-0">
-        <DialogHeader className="flex-row items-center gap-4 p-6">
+        <DialogHeader className="p-6">
+          <div className='flex items-center gap-4'>
             <Image src={challenge.logo} alt={`${challenge.company} logo`} width={80} height={80} className="rounded-lg" data-ai-hint={challenge.hint} />
             <div>
-                <DialogTitle className="text-3xl font-bold font-headline">{challenge.title}</DialogTitle>
-                <DialogDescription>
-                A challenge by {challenge.company}.
-                </DialogDescription>
+              <DialogTitle className="text-3xl font-bold font-headline">{challenge.title}</DialogTitle>
+              <DialogDescription>A challenge by {challenge.company}.</DialogDescription>
             </div>
+          </div>
         </DialogHeader>
 
         <ScrollArea className="flex-grow mt-4 px-6">

src/components/views/education-booking-modal.tsx

@@ -2,7 +2,7 @@
 'use client';
 
 import { useState } from 'react';
-import type { Program, Session } from '@/components/views/education';
+import type { EducationProgram as Program, EducationSession as Session } from '@/app/types';
 import {
   Dialog,
   DialogContent,

src/components/views/msme-collaboration-details.tsx

@@ -59,13 +59,15 @@ export default function MSMECollaborationDetails({
   return (
     <Dialog open={!!collaboration} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-4xl h-[90vh] flex flex-col p-0">
-        <DialogHeader className="flex-row items-center gap-4 p-6">
-            <Image src={collaboration.logo} alt={`${collaboration.name} logo`} width={80} height={80} className="rounded-lg" data-ai-hint={collaboration.hint} />
-            <div>
-                <DialogTitle className="text-3xl font-bold font-headline">{collaboration.name}</DialogTitle>
-                <DialogDescription>
-                    Collaboration opportunity in the {collaboration.sector} sector.
-                </DialogDescription>
+        <DialogHeader className="p-6">
+            <div className='flex items-center gap-4'>
+                <Image src={collaboration.logo} alt={`${collaboration.name} logo`} width={80} height={80} className="rounded-lg" data-ai-hint={collaboration.hint} />
+                <div>
+                    <DialogTitle className="text-3xl font-bold font-headline">{collaboration.name}</DialogTitle>
+                    <DialogDescription>
+                        Collaboration opportunity in the {collaboration.sector} sector.
+                    </DialogDescription>
+                </div>
             </div>
         </DialogHeader>