Add embed pages

1 files changed, 36 insertions, 0 deletions

diff --git a/src/pages/embed/EmbedPage.tsx b/src/pages/embed/EmbedPage.tsx
new file mode 100644
index 0000000..15a28ad
--- /dev/null
+++ b/src/pages/embed/EmbedPage.tsx
@@ -0,0 +1,36 @@
+import { useEffect } from 'react';
+import MorseGame from '../../components/MorseGame';
+import '../../styles.css';
+
+const EmbedPage = () => {
+  // Add meta tag for WebView compatibility
+  useEffect(() => {
+    // Set viewport for better mobile display
+    const viewportMeta = document.createElement('meta');
+    viewportMeta.name = 'viewport';
+    viewportMeta.content = 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no';
+    document.head.appendChild(viewportMeta);
+    
+    // Set canonical URL
+    const canonicalLink = document.createElement('link');
+    canonicalLink.rel = 'canonical';
+    canonicalLink.href = 'https://morsehero.com/embed';
+    document.head.appendChild(canonicalLink);
+    
+    // Set page title
+    document.title = 'Morse Hero | Embed';
+    
+    return () => {
+      document.head.removeChild(viewportMeta);
+      document.head.removeChild(canonicalLink);
+    };
+  }, []);
+
+  return (
+    <div className="embed-container">
+      <MorseGame />
+    </div>
+  );
+};
+
+export default EmbedPage;