start demo btn

src/App.tsx

@@ -1,8 +1,27 @@
 import Prototype2 from 'src/components/Prototype2';
 import 'src/App.css';
+import { useState } from 'react';
 
 const App = () => {
-  return <Prototype2 />;
+  const [playDemo, setPlayDemo] = useState(false);
+
+  if (playDemo) {
+    return <Prototype2 />;
+  }
+
+  return (
+    <div className="h-screen flex items-center justify-center">
+      <button
+        onClick={() => setPlayDemo(true)}
+        className="w-100 bg-transparent hover:bg-blue-500 
+    text-blue-700 font-semibold hover:text-white py-2 
+    px-4 border border-blue-500 hover:border-transparent 
+    rounded text-4xl"
+      >
+        START AMAZING DEMO!!!
+      </button>
+    </div>
+  );
 };
 
 export default App;

src/components/Prototype2.tsx

@@ -59,7 +59,7 @@ const Prototype2 = () => {
     };
 
     // generate message every five seconds
-    const interval = setInterval(generateMessage, ONE_SECOND_IN_MS * 5);
+    const interval = setInterval(generateMessage, ONE_SECOND_IN_MS * 7);
 
     return () => clearInterval(interval);
   }, []);