add Bhagavad Gita AI iframe

gita · Jan 20, 2024 · 9c55b76 · 9c55b76
1 parent d3ccb94
commit 9c55b76
Show file tree

Hide file tree

Showing 15 changed files with 93 additions and 70 deletions.
diff --git a/src/app/[[...locale]]/page.tsx b/src/app/[[...locale]]/page.tsx
@@ -15,7 +15,8 @@ export const metadata: Metadata = {
       "Bhagwat Geeta in Hindi and English. Read Bhagavad Gita online in a simple, beautiful and easy-to-use interface; Gita Saar In Hindi; Bhagavad Gita quotes.",
     url: "https://bhagavadgita.io",
     siteName: "Bhagavad Gita",
-    images: "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+    images:
+      "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
     locale: "en_US",
     type: "website",
   },
@@ -24,7 +25,9 @@ export const metadata: Metadata = {
     title: "Srimad Bhagavad Gita - Free Searchable Online Bhagwat Geeta",
     description:
       "Bhagwat Geeta in Hindi and English. Read Bhagavad Gita online in a simple, beautiful and easy-to-use interface; Gita Saar In Hindi; Bhagavad Gita quotes.",
-    images: ["https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75"],
+    images: [
+      "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+    ],
     site: "@ShriKrishna",
   },
   verification: {

diff --git a/src/app/about/[[...locale]]/page.tsx b/src/app/about/[[...locale]]/page.tsx
@@ -16,7 +16,8 @@ export const metadata: Metadata = {
       "Bhagavad Gita, also known as the Gita - the song of lord is a practical guide to one's life that guides one re-organise their life, achieve inner peace and approach supreme lord (the ultimate reality).",
     url: "https://bhagavadgita.io/about",
     siteName: "Bhagavad Gita",
-    images: "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+    images:
+      "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
     locale: "en_US",
     type: "website",
   },
@@ -25,7 +26,9 @@ export const metadata: Metadata = {
     title: "What is The Bhagavad Gita -  BhagavadGita.io",
     description:
       "Bhagavad Gita, also known as the Gita - the song of lord is a practical guide to one's life that guides one re-organise their life, achieve inner peace and approach supreme lord (the ultimate reality).",
-    images: ["https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75"],
+    images: [
+      "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+    ],
     site: "@ShriKrishna",
   },
   alternates: {

diff --git a/src/app/acknowledgements/[[...locale]]/page.tsx b/src/app/acknowledgements/[[...locale]]/page.tsx
@@ -16,7 +16,8 @@ export const metadata: Metadata = {
       "We extend our heartfelt gratitude to esteemed organizations and individuals for allowing us to feature their invaluable Bhagavad Gita translations and commentaries.",
     url: "https://bhagavadgita.io/acknowledgements",
     siteName: "Bhagavad Gita",
-    images: "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+    images:
+      "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
     locale: "en_US",
     type: "website",
   },
@@ -25,7 +26,9 @@ export const metadata: Metadata = {
     title: "Acknowledgements - Featured Bhagavad Gita Translations",
     description:
       "We extend our heartfelt gratitude to esteemed organizations and individuals for allowing us to feature their invaluable Bhagavad Gita translations and commentaries.",
-    images: ["https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75"],
+    images: [
+      "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+    ],
     site: "@ShriKrishna",
   },
   alternates: {

diff --git a/src/app/bhagavad-gita-quotes/[[...locale]]/page.tsx b/src/app/bhagavad-gita-quotes/[[...locale]]/page.tsx
@@ -16,14 +16,17 @@ export const metadata: Metadata = {
       "100+ Bhagavad Gita Quotes spoken by Lord Krishna in the Bhagavad Gita to Arjuna on the battlefield of the Kurukshetra.",
     url: "https://bhagavadgita.io/bhagavad-gita-quotes",
     siteName: "Bhagavad Gita",
-    images: "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+    images:
+      "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
     locale: "en_US",
     type: "website",
   },
   twitter: {
     card: "summary_large_image",
     title: "Bhagavad Gita Quotes By Krishna - BhagavadGita.io",
-    images: ["https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75"],
+    images: [
+      "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+    ],
     site: "@ShriKrishna",
   },
   alternates: {

diff --git a/src/app/chapter/[chapterNumber]/(chapter)/[[...locale]]/functions.ts b/src/app/chapter/[chapterNumber]/(chapter)/[[...locale]]/functions.ts
@@ -16,7 +16,8 @@ export const getJsonLd = (chapterNumber: string, nameTranslated?: string) => ({
       item: {
         "@id": `https://bhagavadgita.io/chapter/${chapterNumber}`,
         name: `Bhagavad Gita Chapter ${chapterNumber} - ${nameTranslated}`,
-        image: "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+        image:
+          "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
       },
     },
   ],

diff --git a/src/app/chapter/[chapterNumber]/(chapter)/[[...locale]]/page.tsx b/src/app/chapter/[chapterNumber]/(chapter)/[[...locale]]/page.tsx
@@ -57,7 +57,9 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
       card: "summary_large_image",
       title: `Bhagavad Gita Chapter ${chapterNumber} - ${chapterData.gita_chapters_by_pk.name_translated} - BhagavadGita.io`,
       description: `${chapterDescription}...`,
-      images: ["https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75"],
+      images: [
+        "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+      ],
       site: "@ShriKrishna",
     },
     alternates: {

diff --git a/src/app/chapter/[chapterNumber]/verse/[verseNumber]/[[...locale]]/functions.ts b/src/app/chapter/[chapterNumber]/verse/[verseNumber]/[[...locale]]/functions.ts
@@ -16,7 +16,8 @@ export const getJsonLd = (chapterNumber: string, verseNumber: string) => ({
       item: {
         "@id": `https://bhagavadgita.io/chapter/${chapterNumber}?page=1`,
         name: `Bhagavad Gita Chapter ${chapterNumber}`,
-        image: "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+        image:
+          "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
       },
     },
     {
@@ -25,7 +26,8 @@ export const getJsonLd = (chapterNumber: string, verseNumber: string) => ({
       item: {
         "@id": `https://bhagavadgita.io/chapter/${chapterNumber}/verse/${verseNumber}`,
         name: `Bhagavad Gita Chapter ${chapterNumber} Verse ${verseNumber}`,
-        image: "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+        image:
+          "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
       },
     },
   ],

diff --git a/src/app/chapter/[chapterNumber]/verse/[verseNumber]/[[...locale]]/page.tsx b/src/app/chapter/[chapterNumber]/verse/[verseNumber]/[[...locale]]/page.tsx
@@ -46,7 +46,9 @@ export async function generateMetadata({
     twitter: {
       card: "summary_large_image",
       title: `Bhagavad Gita Chapter ${chapterNumber} Verse ${verseNumber} - BhagavadGita.io`,
-      images: ["https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75"],
+      images: [
+        "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+      ],
       site: "@ShriKrishna",
     },
     alternates: {

diff --git a/src/app/gitagpt/[[...locale]]/layout.tsx b/src/app/gitagpt/[[...locale]]/layout.tsx
@@ -1,7 +1,7 @@
-import React from 'react';
+import React from "react";
 
 const GitagptLayout: React.FC<React.PropsWithChildren<{}>> = ({ children }) => {
-    return <>{children}</>;
+  return <>{children}</>;
 };
 
-export default GitagptLayout;
+export default GitagptLayout;
diff --git a/src/app/gitagpt/[[...locale]]/page.tsx b/src/app/gitagpt/[[...locale]]/page.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 import { Metadata } from "next";
 
 import { paramsToLocale } from "shared/functions";
@@ -7,55 +7,57 @@ import { getTranslations } from "shared/translate/server";
 import { jsonLdFirst, jsonLdTwo } from "./constants";
 
 export const metadata: Metadata = {
+  title: "Bhagavad Gita AI - Gita GPT - Ask Krishna",
+  description:
+    "GitaGPT is a free Bhagavad Gita AI chatbot that uses the wisdom of the Bhagavad Gita to help answer your day-to-day questions. It's simple, insightful, and powered by ChatGPT.",
+  openGraph: {
     title: "Bhagavad Gita AI - Gita GPT - Ask Krishna",
     description:
-        "GitaGPT is a free Bhagavad Gita AI chatbot that uses the wisdom of the Bhagavad Gita to help answer your day-to-day questions. It's simple, insightful, and powered by ChatGPT.",
-    openGraph: {
-        title: "Bhagavad Gita AI - Gita GPT - Ask Krishna",
-        description:
-            "GitaGPT is a free Bhagavad Gita AI chatbot that uses the wisdom of the Bhagavad Gita to help answer your day-to-day questions. It's simple, insightful, and powered by ChatGPT.",
-        url: "https://bhagavadgita.io/gitagpt",
-        siteName: "Bhagavad Gita",
-        images: "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
-        locale: "en_US",
-        type: "website",
-    },
-    twitter: {
-        card: "summary_large_image",
-        title: "Bhagavad Gita AI - Gita GPT - Ask Krishna",
-        description:
-            "GitaGPT is a free Bhagavad Gita AI chatbot that uses the wisdom of the Bhagavad Gita to help answer your day-to-day questions. It's simple, insightful, and powered by ChatGPT.",
-        images: ["https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75"],
-        site: "@ShriKrishna",
-    },
-    alternates: {
-        canonical: "https://bhagavadgita.io/gitagpt",
-    },
+      "GitaGPT is a free Bhagavad Gita AI chatbot that uses the wisdom of the Bhagavad Gita to help answer your day-to-day questions. It's simple, insightful, and powered by ChatGPT.",
+    url: "https://bhagavadgita.io/gitagpt",
+    siteName: "Bhagavad Gita",
+    images:
+      "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+    locale: "en_US",
+    type: "website",
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Bhagavad Gita AI - Gita GPT - Ask Krishna",
+    description:
+      "GitaGPT is a free Bhagavad Gita AI chatbot that uses the wisdom of the Bhagavad Gita to help answer your day-to-day questions. It's simple, insightful, and powered by ChatGPT.",
+    images: [
+      "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+    ],
+    site: "@ShriKrishna",
+  },
+  alternates: {
+    canonical: "https://bhagavadgita.io/gitagpt",
+  },
 };
 
 export default async function GitagptPage(props: ParamsWithLocale) {
-    const { params } = props;
-    const locale = paramsToLocale(params);
-    return (
-        <>
-            <script
-                type="application/ld+json"
-                dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLdFirst) }}
-            />
-            <script
-                type="application/ld+json"
-                dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLdTwo) }}
-            />
-            <div style={{ height: '100vh', width: '100vw' }}>
-                <iframe
-                    style={{ height: '100%', width: '100%' }}
-                    src="https://widget.writesonic.com/CDN/index.html?service-base-url=https://api.botsonic.ai&token=aa0b5e0e-9284-4c52-968f-77f2c959dcdc&base-origin=https://bot.writesonic.com&instance-name=Botsonic&standalone=true&page-url=https://bot.writesonic.com/61178c5c-aed2-47c0-8759-305d2489956c?t=connect&workspace_id=91c72ad8-79d9-44aa-88e5-6c3738324985"
-                    title="GitaGPT"
-                >
-                    You need to enable JavaScript to run this app.
-                </iframe>
-            </div>
-        </>
-
-    );
-};
+  const { params } = props;
+  const locale = paramsToLocale(params);
+  return (
+    <>
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLdFirst) }}
+      />
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLdTwo) }}
+      />
+      <div style={{ height: "100vh", width: "100vw" }}>
+        <iframe
+          style={{ height: "100%", width: "100%" }}
+          src="https://widget.writesonic.com/CDN/index.html?service-base-url=https://api.botsonic.ai&token=aa0b5e0e-9284-4c52-968f-77f2c959dcdc&base-origin=https://bot.writesonic.com&instance-name=Botsonic&standalone=true&page-url=https://bot.writesonic.com/61178c5c-aed2-47c0-8759-305d2489956c?t=connect&workspace_id=91c72ad8-79d9-44aa-88e5-6c3738324985"
+          title="GitaGPT"
+        >
+          You need to enable JavaScript to run this app.
+        </iframe>
+      </div>
+    </>
+  );
+}
diff --git a/src/app/verse-of-the-day/[[...locale]]/page.tsx b/src/app/verse-of-the-day/[[...locale]]/page.tsx
@@ -33,7 +33,9 @@ export async function generateMetadata(): Promise<Metadata> {
     twitter: {
       card: "summary_large_image",
       title: `Bhagavad Gita - Verse of the Day`,
-      images: ["https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75"],
+      images: [
+        "https://bhagavadgita.io/_next/image?url=%2Fbanner2.png&w=3840&q=75",
+      ],
       site: "@ShriKrishna",
     },
     alternates: {

diff --git a/src/components/Footers/Footer.tsx b/src/components/Footers/Footer.tsx
@@ -89,7 +89,7 @@ const getNavigation = (translate: Translate) => ({
           className={className}
           aria-hidden={ariaHidden}
         >
-          <path d="M26.37,26l-8.795-12.822l0.015,0.012L25.52,4h-2.65l-6.46,7.48L11.28,4H4.33l8.211,11.971L12.54,15.97L3.88,26h2.65 l7.182-8.322L19.42,26H26.37z M10.23,6l12.34,18h-2.1L8.12,6H10.23z"/>
+          <path d="M26.37,26l-8.795-12.822l0.015,0.012L25.52,4h-2.65l-6.46,7.48L11.28,4H4.33l8.211,11.971L12.54,15.97L3.88,26h2.65 l7.182-8.322L19.42,26H26.37z M10.23,6l12.34,18h-2.1L8.12,6H10.23z" />
         </svg>
       ),
     },

diff --git a/src/components/Headers/IndexHeader.tsx b/src/components/Headers/IndexHeader.tsx
@@ -371,7 +371,7 @@ export default function IndexHeader({ locale, translate }: Props) {
                         </svg>
                       </button>
                       <input
-                        className="h-10 w-max rounded-lg border border-gray-300 bg-white px-8 pr-16 text-sm focus:outline-none dark:bg-dark-100 dark:placeholder:text-white dark:text-white"
+                        className="h-10 w-max rounded-lg border border-gray-300 bg-white px-8 pr-16 text-sm focus:outline-none dark:bg-dark-100 dark:text-white dark:placeholder:text-white"
                         type="search"
                         name="search"
                         placeholder="Search"

diff --git a/src/components/Home/Modal.tsx b/src/components/Home/Modal.tsx
@@ -34,7 +34,7 @@ function Modal({ modalVisible, setModalVisible }: Props) {
               leaveFrom="opacity-100 translate-y-0 sm:scale-100"
               leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
             >
-              <Dialog.Panel className="relative overflow-hidden rounded-lg bg-white text-left  shadow-xl transition-all sm:w-full sm:max-w-sm dark:bg-dark-100">
+              <Dialog.Panel className="relative overflow-hidden rounded-lg bg-white text-left  shadow-xl transition-all dark:bg-dark-100 sm:w-full sm:max-w-sm">
                 <div>
                   <div className="z-50 inline-block  overflow-hidden rounded-lg bg-white  text-left align-bottom shadow-xl transition-all duration-200 dark:bg-dark-100 sm:mt-8 sm:w-full sm:max-w-sm sm:p-6 sm:align-middle">
                     <div>

diff --git a/src/components/Home/Newsletter.tsx b/src/components/Home/Newsletter.tsx
@@ -106,7 +106,7 @@ const Newsletter = ({ notification, locale, translations }: Props) => {
           </h3>
           <form className="flex flex-col md:flex-row" onSubmit={onSubmit}>
             <input
-              className="z-50 mr-6 mt-4 w-full appearance-none rounded-md border p-3 leading-tight text-gray-700 focus:border-my-orange focus:outline-none md:mt-0 dark:bg-dark-100 dark:placeholder:text-gray-50 dark:text-white"
+              className="z-50 mr-6 mt-4 w-full appearance-none rounded-md border p-3 leading-tight text-gray-700 focus:border-my-orange focus:outline-none dark:bg-dark-100 dark:text-white dark:placeholder:text-gray-50 md:mt-0"
               id="name"
               type="text"
               value={formData.name}
@@ -121,7 +121,7 @@ const Newsletter = ({ notification, locale, translations }: Props) => {
               placeholder={translate("Enter Your Name")}
             />
             <input
-              className="z-50 mr-6 mt-4 w-full appearance-none rounded-md border p-3 leading-tight  text-gray-700 focus:border-my-orange focus:outline-none md:mt-0 dark:bg-dark-100 dark:placeholder:text-gray-50 dark:text-white"
+              className="z-50 mr-6 mt-4 w-full appearance-none rounded-md border p-3 leading-tight  text-gray-700 focus:border-my-orange focus:outline-none dark:bg-dark-100 dark:text-white dark:placeholder:text-gray-50 md:mt-0"
               id="email"
               type="email"
               placeholder={translate("Enter Your Email")}