refactor: Update landing page title and improve introductory text

Arghya721 · Sep 1, 2024 · 196f33b · 196f33b
1 parent d0a3411
commit 196f33b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/web/public/index.html b/web/public/index.html
@@ -37,7 +37,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-  <title>Chat-with-LLMs: The Ultimate AI Conversation Platform with OpenAI, Anthropic, Google, and More</title>
+  <title>Chat With LLMs: AI Conversations with OpenAI, Google, and more</title>
 </head>
 
 <body>

diff --git a/web/src/components/LandingPageIntro.js b/web/src/components/LandingPageIntro.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button } from '@nextui-org/react';
-import aiMind from '../images/ai-mind.svg'; 
+import aiMind from '../images/ai-mind.svg';
 import { useGoogleLogin } from '@react-oauth/google';
 import { useGoogleAuth } from '../utils/useGoogleAuth';
 import { verifyGoogleAuth } from '../utils/verifyGoogleAuth';
@@ -24,18 +24,23 @@ export const LandingPageIntro = ({ descriptionRef }) => {
   return (
     <div className="grid max-w-[1300px] mx-auto gap-4 px-4 sm:px-6 md:px-10 md:gap-16 md:grid-cols-2 pt-32">
       <div className='justify-center'>
-        <h1 className='lg:leading-tighter text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl xl:text-[3.4rem] 2xl:text-[3.75rem] dark:text-teal-400'>Explore the Power of Large Language Models</h1>
-        <p className="mx-auto max-w-[700px] text-gray-500 md:text-xl dark:text-gray-300 mt-4">
-          Chat-with-LLMs is your one-stop destination to try out and compare the latest large language models
-          from leading AI providers.
-        </p>
+        <div className='justify-center'>
+          <h1 className='lg:leading-tighter text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl xl:text-[3.4rem] 2xl:text-[3.75rem] dark:text-teal-400'>
+            Explore the Power of Large Language Models
+          </h1>
+          <p className="mx-auto max-w-[700px] text-gray-500 md:text-xl dark:text-gray-300 mt-4">
+            Chat-with-LLMs is your one-stop destination to try out and compare the latest large language models
+            from leading AI providers.
+          </p>
+        </div>
+
         <div className="space-x-4 mt-8">
           <Button
             className="inline-flex h-9 items-center justify-center rounded-md px-4 py-2 text-sm font-medium shadow transition-colors dark:bg-violet-600 dark:text-gray-100 dark:hover:bg-violet-700"
             variant="primary"
             onClick={async () => {
               const isVerified = await verifyGoogleAuth();
-              if (isVerified)  navigate('/chat');
+              if (isVerified) navigate('/chat');
 
               else login();
             }}