AI-powered video editing and generation platform for creative professionals
RunwayML has pioneered AI-powered video creation and editing tools that democratize professional video production. The platform offers features like background removal, style transfer, and video generation from text prompts. It's particularly valuable for content creators, filmmakers, and marketing professionals who need to produce high-quality video content efficiently and cost-effectively.
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> ) }