diff --git a/public/Screenshot_20260311_200337_X.jpg b/public/Screenshot_20260311_200337_X.jpg new file mode 100644 index 0000000..0e807c8 Binary files /dev/null and b/public/Screenshot_20260311_200337_X.jpg differ diff --git a/public/apple-touch-icon.png.jpg b/public/apple-touch-icon.png.jpg new file mode 100644 index 0000000..c48b4ec Binary files /dev/null and b/public/apple-touch-icon.png.jpg differ diff --git a/public/manifest.json b/public/manifest.json new file mode 100644 index 0000000..f005bef --- /dev/null +++ b/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" +} diff --git a/public/tonconnect-manifest.json b/public/tonconnect-manifest.json deleted file mode 100644 index 0bb056f..0000000 --- a/public/tonconnect-manifest.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - "url": "https://ton.vote", - "name": "TON Vote", - "iconUrl": "https://ton.vote/logo.png" -} \ No newline at end of file diff --git a/src/app/launch/page.tsx. b/src/app/launch/page.tsx. new file mode 100644 index 0000000..cd07d4d --- /dev/null +++ b/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 ( + + +
+
+

{points}

+

Unity Points

+ +
setPoints(points + 1)} + style={{ cursor: 'pointer', active: { transform: 'scale(0.95)' } }} + > + +
+
+
+
+ + How to play + +
+
+
+ ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index db48fab..c53e122 100644 --- a/src/app/page.tsx +++ b/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 ( -
- - - } - subtitle="Connect your TON wallet" - > - TON Connect - - + {/* De Header met je logo */} +
+
+ Unbreakable Owl Logo +

Unbreakable Owl

+

The ultimate blockchain challenge

+
-
- - - Init Data - - - - - Launch Parameters - - - - - Theme Parameters + + {/* Wallet Sectie */} +
+ +
+ +
+
+
+ + {/* Game Menu - De verbinding naar launch/page.tsx */} +
+ + } + subtitle="Battle for the Nest: Online" + > + Start Game -
-
- + + Leaderboard +
diff --git a/src/components/Root/Root.tsx b/src/components/Root/Root.tsx index 5f9d85c..ce683ab 100644 --- a/src/components/Root/Root.tsx +++ b/src/components/Root/Root.tsx @@ -29,7 +29,8 @@ function RootInner({ children }: PropsWithChildren) { }, [initDataUser]); return ( - + +