Add quickstart demos

examples/client-server-web/client/src/index.tsx

@@ -0,0 +1,28 @@
+import {
+  ConsoleTemplate,
+  FullScreenContainer,
+  ThemeProvider,
+} from '@pipecat-ai/voice-ui-kit';
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+
+//@ts-ignore - fontsource-variable/geist is not typed
+import '@fontsource-variable/geist';
+//@ts-ignore - fontsource-variable/geist is not typed
+import '@fontsource-variable/geist-mono';
+
+createRoot(document.getElementById('root')!).render(
+  // @ts-ignore
+  <StrictMode>
+    <ThemeProvider>
+      <FullScreenContainer>
+        <ConsoleTemplate
+          transportType="smallwebrtc"
+          connectParams={{
+            connectionUrl: '/api/offer',
+          }}
+        />
+      </FullScreenContainer>
+    </ThemeProvider>
+  </StrictMode>
+);

examples/client-server-web/client/src/style.css

@@ -0,0 +1,7 @@
+@import "@pipecat-ai/voice-ui-kit/styles.css";
+
+html,
+body {
+  height: 100%;
+  margin: 0;
+}