update website

marcolivierbouch · Aug 24, 2023 · 0d52b02 · 0d52b02
1 parent e4c1c8e
commit 0d52b02
Showing 1 changed file with 18 additions and 11 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -5,11 +5,18 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>
-      XReplyGPT
+      XReplyGPT, Generate Twitter reply using chatGPT
     </title>
-    <meta name="description" content="Simple landind page" />
-    <meta name="keywords" content="" />
-    <meta name="author" content="" />
+    <link rel="icon" href="images/XReplyGPT.png" type="image/x-icon" />    
+    <meta name="description" content="Generate automatic replies on Twitter using ChatGPT to increase engagement and impressions." />
+    <meta name="keywords" content="XReplyGPT, ChatGPT, AI, Twitter, automatic replies, engagement, impressions" />
+    <meta name="author" content="Marc-Olivier Bouchard" />
+
+
+    <meta name="twitter:card" content="summary">
+    <meta name="og:title" property="og:title" content="XReplyGPT, Generate Twitter reply using chatGPT">
+    <meta name="og:description" content="Generate reply using ChatGPT in Twitter/X to increase impressions and engagement." />
+
     <link rel="stylesheet" href="https://unpkg.com/tailwindcss@2.2.19/dist/tailwind.min.css"/>
     <!--Replace with your tailwind.css once created-->
     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet" />
@@ -53,7 +60,7 @@ <h1 class="my-4 text-5xl font-bold leading-tight">
         </div>
         <!--Right Col-->
         <div class="w-full md:w-3/5 py-6 text-center">
-          <img class="w-full md:w-2/5 z-50" src="images/demo.gif" />
+          <img alt="Demo on how XReplyGPT works" class="w-full md:w-2/5 z-50" src="images/demo.gif" />
         </div>
       </div>
     </div>
@@ -79,36 +86,36 @@ <h1 class="my-4 text-5xl font-bold leading-tight">
     <section class="bg-white border-b py-8">
       <div class="container max-w-5xl mx-auto m-8">
         <h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-800">
-            Boost Twitter Engagement: chatGPT Auto Replies
+            Boost Twitter Engagement: ChatGPT Auto Replies
         </h2>
         <div class="w-full mb-4">
           <div class="h-1 mx-auto gradient w-64 opacity-25 my-0 py-0 rounded-t"></div>
         </div>
         <div class="flex flex-wrap">
           <div class="w-5/6 sm:w-1/2 p-6">
             <h3 class="text-3xl text-gray-800 font-bold leading-none mb-3">
-              Generate Replies Automatically with chatGPT
+              Generate Replies Automatically with ChatGPT
             </h3>
             <p class="text-gray-600 mb-8">
-              Increase your impressions by generating automatic replies for any tweet from your Twitter feed using chatGPT.
+              Increase your impressions by generating automatic replies for any tweet from your Twitter feed using ChatGPT.
             </p>
           </div>
           <div class="w-full sm:w-1/2 p-6">
             <div class="w-full p-6 border-2 border-gray-300 rounded">
-              <img src="images/replyExample.png" alt="Reply Example">
+              <img src="images/replyExample.png" alt="Example how a generated reply looks in XReplyGPT">
             </div>
           </div>
         </div>
         <div class="flex flex-wrap flex-col-reverse sm:flex-row">
           <div class="w-full sm:w-1/2 p-6 mt-6">
             <div class="w-full p-6 border-2 border-gray-300 rounded">
-              <img src="images/configure.png" alt="App configuration">
+              <img src="images/configure.png" alt="Show how the configuration looks like in XReplyGPT">
             </div>
           </div>
           <div class="w-full sm:w-1/2 p-6 mt-6">
             <div class="align-middle">
               <h3 class="text-3xl text-gray-800 font-bold leading-none mb-3">
-                Customize chatGPT Parameters for Maximum Productivity
+                Customize ChatGPT Parameters for Maximum Productivity
               </h3>
               <p class="text-gray-600 mb-8">
                 Boost your productivity by customizing all chatGPT parameters. Choose the model, modify the prompt, and unlock more productivity.