Google's multimodal AI model for text, code, and image understanding
Gemini Pro represents Google's ambitious entry into the advanced AI model space, offering multimodal capabilities that span text, code, and visual understanding. The model integrates seamlessly with Google's ecosystem and demonstrates strong performance in reasoning tasks and code generation. It's designed to handle complex queries that require understanding multiple types of input simultaneously.
Add the widget script to your layout for multiple pages.
components/SensayScript.tsx
"use client"; import Script from "next/script"; import { useEffect, useId } from "react"; export default function SensayScript({ src }: { src: string }) { // Generate a unique ID for script so NextJS can run it on client side navigation. // NextJS Script component by default runs script only once based on the src value. const id = useId(); const url = new URL(src); url.searchParams.set("id", id); // Destroy the chatbot when the component unmounts. // Destroy chatbot elements as NextJS doesn't clean up the Script component on client side navigation. useEffect(() => { return () => { window.SensayChatbot?.destroy(); }; }, []); return <Script src={url.toString()} strategy="afterInteractive" />; }
app/products/layout.tsx
import SensayScript from "@/components/SensayScript"; export default function ProductsLayout({ children }) { return ( <div> {children} <SensayScript src="https://chat-widget.sensay.io/<chatbot-identifier>/embed-script.js" /> </div> ) }