Src/app/page.tsx

public/manifest.json

@@ -0,0 +1,5 @@
+{
+  "url": "https://telegram-mini-app-stars-payments-og.vercel.app",
+  "name": "Unbreakable Owl",
+  "iconUrl": "https://telegram-mini-app-stars-payments-og.vercel.app/apple-touch-icon.png"
+}

src/app/launch/page.tsx.

@@ -0,0 +1,37 @@
+'use client';
+
+import { useState } from 'react';
+import { List, Section, Cell } from '@telegram-apps/telegram-ui';
+import { Page } from '@/components/Page';
+
+export default function LaunchPage() {
+  const [points, setPoints] = useState(0);
+
+  return (
+    <Page back={true}>
+      <List>
+        <Section>
+          <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', padding: '40px 0', gap: '20px' }}>
+            <h1 style={{ fontSize: '48px', margin: 0, color: '#007AFF' }}>{points}</h1>
+            <p style={{ color: 'gray', margin: 0 }}>Unity Points</p>
+
+            <div 
+              onClick={() => setPoints(points + 1)}
+              style={{ cursor: 'pointer', active: { transform: 'scale(0.95)' } }}
+            >
+              <img 
+                src="/apple-touch-icon.png.jpg" // Zorg dat de foto hier staat!
+                style={{ width: '220px', borderRadius: '50%', boxShadow: '0 0 30px rgba(0,122,255,0.5)', border: '5px solid white' }} 
+              />
+            </div>
+          </div>
+        </Section>
+        <Section header="Game Manual">
+          <Cell subtitle="Tap the Unbreakable Owl to earn points for your ranking!">
+            How to play
+          </Cell>
+        </Section>
+      </List>
+    </Page>
+  );
+}

src/app/page.tsx

@@ -1,61 +1,49 @@
 'use client';
 
 import { Section, Cell, Image, List } from '@telegram-apps/telegram-ui';
-import { useTranslations } from 'next-intl';
-
-import { Link } from '@/components/Link/Link';
-import { LocaleSwitcher } from '@/components/LocaleSwitcher/LocaleSwitcher';
+import { TonConnectButton } from '@tonconnect/ui-react';
 import { Page } from '@/components/Page';
-
-import tonSvg from './_assets/ton.svg';
+import { Link } from '@/components/Link/Link'; 
 
 export default function Home() {
-  const t = useTranslations('i18n');
-
   return (
     <Page back={false}>
       <List>
-        <Section
-          header="Features"
-          footer="You can use these pages to learn more about features, provided by Telegram Mini Apps and other useful projects"
-        >
-          <Link href="/ton-connect">
-            <Cell
-              before={
-                <Image
-                  src={tonSvg.src}
-                  style={{ backgroundColor: '#007AFF' }}
-                  alt="TON Logo"
-                />
-              }
-              subtitle="Connect your TON wallet"
-            >
-              TON Connect
-            </Cell>
-          </Link>
+        {/* De Header met je logo */}
+        <Section>
+          <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', padding: '20px', gap: '10px' }}>
+            <img 
+              src="/apple-touch-icon.png.jpg" 
+              alt="Unbreakable Owl Logo" 
+              style={{ width: '120px', height: '120px', borderRadius: '25px', boxShadow: '0 4px 15px rgba(0,122,255,0.3)' }} 
+            />
+            <h1 style={{ margin: 0, fontSize: '24px' }}>Unbreakable Owl</h1>
+            <p style={{ color: 'gray', margin: 0 }}>The ultimate blockchain challenge</p>
+          </div>
         </Section>
-        <Section
-          header="Application Launch Data"
-          footer="These pages help developer to learn more about current launch information"
-        >
-          <Link href="/init-data">
-            <Cell subtitle="User data, chat information, technical data">
-              Init Data
-            </Cell>
-          </Link>
-          <Link href="/launch-params">
-            <Cell subtitle="Platform identifier, Mini Apps version, etc.">
-              Launch Parameters
-            </Cell>
-          </Link>
-          <Link href="/theme-params">
-            <Cell subtitle="Telegram application palette information">
-              Theme Parameters
+
+        {/* Wallet Sectie */}
+        <Section header="Account" footer="Connect your TON wallet to start playing.">
+          <Cell>
+            <div style={{ display: 'flex', justifyContent: 'center', padding: '10px 0' }}>
+              <TonConnectButton />
+            </div>
+          </Cell>
+        </Section>
+
+        {/* Game Menu - De verbinding naar launch/page.tsx */}
+        <Section header="Menu">
+          <Link href="/launch">
+            <Cell 
+              before={<Image src="/apple-touch-icon.png.jpg" width={32} height={32} style={{borderRadius: '8px'}}/>}
+              subtitle="Battle for the Nest: Online"
+            >
+              Start Game
             </Cell>
           </Link>
-        </Section>
-        <Section header={t('header')} footer={t('footer')}>
-          <LocaleSwitcher />
+          <Cell subtitle="Global Ranking">
+            Leaderboard
+          </Cell>
         </Section>
       </List>
     </Page>

src/components/Root/Root.tsx

@@ -29,7 +29,8 @@ function RootInner({ children }: PropsWithChildren) {
   }, [initDataUser]);
 
   return (
-    <TonConnectUIProvider manifestUrl="/tonconnect-manifest.json">
+    <TonConnectUIProvider manifestUrl="https://telegram-mini-app-stars-payments-og.vercel.app/manifest.json">
+
       <AppRoot
         appearance={isDark ? 'dark' : 'light'}
         platform={