From 78506458aa992f02a67e2624d944d75d11b700a8 Mon Sep 17 00:00:00 2001
From: samanyougarg <samanyugarg@gmail.com>
Date: Sun, 20 Aug 2023 14:06:33 +0530
Subject: [PATCH] update heading tags for technical SEO

---
 app/page.tsx                       |  1 +
 components/Headers/IndexHeader.tsx |  4 ++--
 components/Home/Banner.tsx         |  6 ++----
 components/Home/Card.tsx           | 13 +++++++------
 components/Home/Chapters.tsx       |  2 +-
 components/Home/Modal.tsx          |  4 ++--
 components/Home/Newsletter.tsx     |  4 ++--
 7 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 0739868..5981d97 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -39,6 +39,7 @@ export const metadata: Metadata = {
       "en-IN": "https://bhagavadgita.io/",
       hi: "https://bhagavadgita.io/hi/",
     },
+    canonical: "https://bhagavadgita.io/",
   },
 };
 
diff --git a/components/Headers/IndexHeader.tsx b/components/Headers/IndexHeader.tsx
index d5ee499..2cf47ff 100644
--- a/components/Headers/IndexHeader.tsx
+++ b/components/Headers/IndexHeader.tsx
@@ -228,7 +228,7 @@ export default function IndexHeader() {
               >
                 About Geeta
               </Link>
-              {!loggedIn ? (
+              {/* {!loggedIn ? (
                 <Popover className="relative">
                   {({ open }) => (
                     <>
@@ -290,7 +290,7 @@ export default function IndexHeader() {
                 >
                   <span className="truncate">Signout</span>
                 </button>
-              )}
+              )} */}
             </Popover.Group>
             <div className="hidden md:flex justify-end items-end w-auto md:flex-1 lg:w-0 py-px">
               <form
diff --git a/components/Home/Banner.tsx b/components/Home/Banner.tsx
index fac5d38..0214283 100644
--- a/components/Home/Banner.tsx
+++ b/components/Home/Banner.tsx
@@ -18,10 +18,8 @@ const Banner = () => {
         />
         <div className="xl:rounded-lg flex flex-col h-4/5 px-8 py-36">
           <h1 className="text-3xl md:text-6xl text-center font-extrabold text-shadow text-white t-shadow z-30">
-            Experience the Gita
-          </h1>
-          <h1 className="text-3xl md:text-6xl text-center font-extrabold text-shadow text-lead-text t-shadow z-30">
-            Anywhere, Anytime
+            Experience the Gita <br />
+            <span className="text-lead-text">Anywhere, Anytime</span>
           </h1>
 
           <Link
diff --git a/components/Home/Card.tsx b/components/Home/Card.tsx
index c80f446..eb58569 100644
--- a/components/Home/Card.tsx
+++ b/components/Home/Card.tsx
@@ -13,12 +13,12 @@ const Card = ({ chapter }: Props) => {
       prefetch={false}
       className="flex flex-col bg-white dark:bg-dark-100 drop-shadow-card border-2 border-white dark:border-dark-bg rounded-md p-6 hover:bg-box-bg dark:hover:bg-dark-bg hover:shadow-none hover:border-box-stroke dark:hover:border-dark-100 hover:border-2 hover:cursor-pointer dark:text-gray-200 z-10"
     >
-      <h3 className="text-my-orange font-bold">
+      <h2 className="text-my-orange font-bold">
         Chapter {chapter.chapter_number}
-      </h3>
-      <h2 className="text-xl font-bold dark:text-white">
-        {chapter.name_translated}
       </h2>
+      <h3 className="text-xl font-bold dark:text-white">
+        {chapter.name_translated}
+      </h3>
       <p className="flex-1 text-gray-500 dark:text-gray-100 mt-2 overflow-ellipsis">
         {truncate(chapter.chapter_summary, 280)}
       </p>
@@ -29,7 +29,8 @@ const Card = ({ chapter }: Props) => {
           <span className="mb-0.5">{chapter.verses_count} Verses</span>
         </div>
 
-        <div className="flex mt-4">
+        {/* Hide for the time being until we implement notes and bookmarks */}
+        {/* <div className="flex mt-4">
           <div className="flex text-sm items-center align-middle mr-3">
             <SvgBookmark className="h-5 w-5 mr-1" />2
           </div>
@@ -37,7 +38,7 @@ const Card = ({ chapter }: Props) => {
           <div className="flex text-sm items-center">
             <SvgShuffle className="h-5 w-5 mr-1" />2
           </div>
-        </div>
+        </div> */}
       </div>
     </Link>
   );
diff --git a/components/Home/Chapters.tsx b/components/Home/Chapters.tsx
index 0c4894e..0d4b340 100644
--- a/components/Home/Chapters.tsx
+++ b/components/Home/Chapters.tsx
@@ -16,7 +16,7 @@ const Chapters = ({ chapters }: ChaptersProps) => {
       />
       <div className="max-w-7xl mx-auto px-4 sm:px-6 z-50">
         <div>
-          <h1 className="text-5xl dark:text-white font-bold mb-10">Chapters</h1>
+          <h2 className="text-4xl dark:text-white font-bold mb-10">Chapters</h2>
           <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
             {chapters.map((chapter) => (
               <Card key={chapter.id} chapter={chapter} />
diff --git a/components/Home/Modal.tsx b/components/Home/Modal.tsx
index 3885d35..972e973 100644
--- a/components/Home/Modal.tsx
+++ b/components/Home/Modal.tsx
@@ -47,12 +47,12 @@ function Modal({ modalVisible, setModalVisible }: Props) {
                 </svg>
               </div>
               <div className="mt-3 text-center px-5 sm:mt-5">
-                <h3
+                <p
                   className="text-lg leading-6 font-medium text-gray-900 dark:text-gray-200"
                   id="modal-title"
                 >
                   Subscription Successful!
-                </h3>
+                </p>
                 <div className="mt-2">
                   <p className="text-sm text-gray-500 dark:text-gray-300">
                     Congratulations! You have now subscribed to the daily
diff --git a/components/Home/Newsletter.tsx b/components/Home/Newsletter.tsx
index 523b60d..6605f49 100644
--- a/components/Home/Newsletter.tsx
+++ b/components/Home/Newsletter.tsx
@@ -43,9 +43,9 @@ const Newsletter = ({ handleSubscribe }: Props) => {
       />
       <div className="max-w-5xl mx-auto px-4 sm:px-6">
         <div className="mt-10 p-14 text-center">
-          <h1 className="text-4xl text-black font-bold mb-8 z-50">
+          <h3 className="text-4xl text-black font-bold mb-8 z-50">
             Have the Shloka of the Day delivered to your inbox each morning.
-          </h1>
+          </h3>
           <form className="flex flex-col md:flex-row" onSubmit={onSubmit}>
             <input
               className="appearance-none z-50 mt-4 md:mt-0 border rounded-md w-full py-3 mr-6 px-3 text-gray-700 leading-tight focus:outline-none focus:border-my-orange dark:bg-white"