diff --git a/src/app/invite/page.tsx b/src/app/invite/page.tsx
new file mode 100644
index 0000000..bae5459
--- /dev/null
+++ b/src/app/invite/page.tsx
@@ -0,0 +1,44 @@
+'use client';
+import { useEffect } from 'react';
+
+import DownloadButton from '@/components/DownloadButton';
+
+export default function Invite() {
+ useEffect(() => {
+ document.title = '加入雀乐';
+ }, []);
+
+ return (
+
+
+
+
+
+
{`${1},邀请你加入雀乐`}
+
一起 记录独立音乐
+
+
+
+
+
+
+
+
+
+
+
+
填写推荐码流程
+
点击【我的】-编辑资料-填写推荐码
+
+
+ );
+}
diff --git a/src/components/DownloadButton/index.tsx b/src/components/DownloadButton/index.tsx
new file mode 100644
index 0000000..0a56be2
--- /dev/null
+++ b/src/components/DownloadButton/index.tsx
@@ -0,0 +1,21 @@
+/**
+ * 下载 App 页面
+ */
+'use client';
+
+import { download } from '@/utils/download';
+
+export default function DownloadButton({ className = '' }: { className?: string }) {
+ const handleDownload = () => {
+ download();
+ };
+
+ return (
+
+ );
+}