From 0aa127b9b4871163cb5d2839f72915414cb69c1b Mon Sep 17 00:00:00 2001
From: Harish Vishwakarma <harishvishwakarma@users.noreply.github.com>
Date: Fri, 19 Sep 2025 12:49:25 +0530
Subject: [PATCH] updated meta and description (#55)

---
 index.html                     | 38 +++++++++++++++++++++--
 src/pages/login/Login.tsx      | 13 +++++++-
 src/pages/login/forms/Form.tsx | 56 +++++++++++++---------------------
 vite.config.ts                 |  7 +++--
 4 files changed, 73 insertions(+), 41 deletions(-)

diff --git a/index.html b/index.html
index 5f090a16..060e8b73 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,43 @@
         <meta charset="UTF-8" />
 
         <!--App Title-->
-        <title>PepChat</title>
+        <title>PepChat – Home of the Peptide Community</title>
         <meta name="apple-mobile-web-app-title" content="PepChat" />
 
+        <!--SEO Meta Tags-->
+        <meta
+            name="description"
+            content="Join the only chat built for unrestricted peptide discussion. Connect with group buys, Chinese manufacturers, and fellow researchers. No gatekeepers. No censorship. 100% open-source, powered by Revolt."
+        />
+        <meta
+            name="keywords"
+            content="peptide, chat, community, group buy, research, discussion, open source"
+        />
+
+        <!--Open Graph Meta Tags-->
+        <meta
+            property="og:title"
+            content="PepChat – Home of the Peptide Community"
+        />
+        <meta
+            property="og:description"
+            content="Join the only chat built for unrestricted peptide discussion. Connect with group buys, Chinese manufacturers, and fellow researchers. No gatekeepers. No censorship. 100% open-source, powered by Revolt."
+        />
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content="https://peptide.chat" />
+        <meta property="og:site_name" content="PepChat" />
+
+        <!--Twitter Card Meta Tags-->
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta
+            name="twitter:title"
+            content="PepChat – Home of the Peptide Community"
+        />
+        <meta
+            name="twitter:description"
+            content="Join the only chat built for unrestricted peptide discussion. Connect with group buys, Chinese manufacturers, and fellow researchers. No gatekeepers. No censorship. 100% open-source, powered by Revolt."
+        />
+
         <!--App Scaling-->
         <meta
             name="viewport"
@@ -19,7 +53,7 @@
             rel="apple-touch-icon"
             href="public/assets/icons/apple-touch.png"
         />
-        <link rel="icon" href="/assets/logo_round.svg" type="image/svg+xml"/>
+        <link rel="icon" href="/assets/logo_round.svg" type="image/svg+xml" />
         <!--Splash Screens for iOS Devices-->
         <link
             href="public/assets/splashscreens/iphone5_splash.png"
diff --git a/src/pages/login/Login.tsx b/src/pages/login/Login.tsx
index b7645253..3e178885 100644
--- a/src/pages/login/Login.tsx
+++ b/src/pages/login/Login.tsx
@@ -36,7 +36,7 @@ export default observer(() => {
                     <div className="actions">
                         {alert.actions?.map((action) =>
                             action.type === "internal" ? null : action.type ===
-                              "external" ? (
+                                "external" ? (
                                 <a
                                     href={action.href}
                                     target="_blank"
@@ -50,6 +50,17 @@ export default observer(() => {
             )}
             <div className={styles.login}>
                 <Helmet>
+                    <title>PepChat – Home of the Peptide Community</title>
+                    <meta name="description" content="Join the only chat built for unrestricted peptide discussion. Connect with group buys, Chinese manufacturers, and fellow researchers. No gatekeepers. No censorship. 100% open-source, powered by Revolt." />
+                    <meta name="keywords" content="peptide, chat, community, group buy, research, discussion, open source" />
+                    <meta property="og:title" content="PepChat – Home of the Peptide Community" />
+                    <meta property="og:description" content="Join the only chat built for unrestricted peptide discussion. Connect with group buys, Chinese manufacturers, and fellow researchers. No gatekeepers. No censorship. 100% open-source, powered by Revolt." />
+                    <meta property="og:type" content="website" />
+                    <meta property="og:url" content="https://peptide.chat" />
+                    <meta property="og:site_name" content="PepChat" />
+                    <meta name="twitter:card" content="summary_large_image" />
+                    <meta name="twitter:title" content="PepChat – Home of the Peptide Community" />
+                    <meta name="twitter:description" content="Join the only chat built for unrestricted peptide discussion. Connect with group buys, Chinese manufacturers, and fellow researchers. No gatekeepers. No censorship. 100% open-source, powered by Revolt." />
                     <meta
                         name="theme-color"
                         content={theme.getVariable("background")}
diff --git a/src/pages/login/forms/Form.tsx b/src/pages/login/forms/Form.tsx
index c48d9327..789076ad 100644
--- a/src/pages/login/forms/Form.tsx
+++ b/src/pages/login/forms/Form.tsx
@@ -180,13 +180,13 @@ export const Form = observer(({ page, callback }: Props) => {
                 {(page === "login" ||
                     page === "create" ||
                     page === "reset") && (
-                    <FormField
-                        type="password"
-                        register={register}
-                        showOverline
-                        error={errors.password?.message}
-                    />
-                )}
+                        <FormField
+                            type="password"
+                            register={register}
+                            showOverline
+                            error={errors.password?.message}
+                        />
+                    )}
                 {configuration?.features.invite_only && page === "create" && (
                     <FormField
                         type="invite"
@@ -208,12 +208,12 @@ export const Form = observer(({ page, callback }: Props) => {
                             page === "create"
                                 ? "login.register"
                                 : page === "login"
-                                ? "login.title"
-                                : page === "reset"
-                                ? "login.set_password"
-                                : page === "resend"
-                                ? "login.resend"
-                                : "login.reset"
+                                    ? "login.title"
+                                    : page === "reset"
+                                        ? "login.set_password"
+                                        : page === "resend"
+                                            ? "login.resend"
+                                            : "login.reset"
                         }
                     />
                 </Button>
@@ -231,20 +231,6 @@ export const Form = observer(({ page, callback }: Props) => {
                     {!IS_REVOLT && (
                         <>
                             <br />
-                            <Tip palette="primary">
-                                <span>
-                                    <Text id="login.unofficial_instance" /> You{" "}
-                                    <b>cannot</b> use your login from the
-                                    official instance.&ensp;
-                                    <a
-                                        href="https://developers.revolt.chat/faq.html#admonition-what-can-i-do-with-revolt-and-how-do-i-self-host"
-                                        style={{ color: "var(--accent)" }}
-                                        target="_blank"
-                                        rel="noreferrer">
-                                        <Text id="general.learn_more" />
-                                    </a>
-                                </span>
-                            </Tip>
                         </>
                     )}
                     <span className={styles.create}>
@@ -270,14 +256,14 @@ export const Form = observer(({ page, callback }: Props) => {
             {(page === "reset" ||
                 page === "resend" ||
                 page === "send_reset") && (
-                <>
-                    <span className={styles.create}>
-                        <Link to="/login">
-                            <Text id="login.remembered" />
-                        </Link>
-                    </span>
-                </>
-            )}
+                    <>
+                        <span className={styles.create}>
+                            <Link to="/login">
+                                <Text id="login.remembered" />
+                            </Link>
+                        </span>
+                    </>
+                )}
         </div>
     );
 });
diff --git a/vite.config.ts b/vite.config.ts
index 45f8d543..8549c134 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -54,9 +54,10 @@ export default defineConfig({
             filename: "sw.ts",
             strategies: "injectManifest",
             manifest: {
-                name: "Revolt",
-                short_name: "Revolt",
-                description: "User-first, privacy-focused chat platform.",
+                name: "PepChat – Home of the Peptide Community",
+                short_name: "PepChat",
+                description:
+                    "Join the only chat built for unrestricted peptide discussion. Connect with group buys, Chinese manufacturers, and fellow researchers. No gatekeepers. No censorship. 100% open-source, powered by Revolt.",
                 categories: ["communication", "chat", "messaging"],
                 start_url: "/",
                 orientation: "portrait",