diff --git a/common/api-urls-constants.js b/common/api-urls-constants.js
index f60fef060..404f325b9 100644
--- a/common/api-urls-constants.js
+++ b/common/api-urls-constants.js
@@ -13,5 +13,6 @@ module.exports = {
   },
   CEREMONIES: '//api.sikhitothemax.org/ceremonies/',
   DOODLE: '//api.sikhitothemax.org/doodle/',
-  WRITERS: '//api.banidb.com/v2/writers/'
+  WRITERS: '//api.banidb.com/v2/writers/',
+  GURBANIBOT: '//fastersemanticsearchapi.sevaa.win/'
 };
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index eba32f66e..6238ad450 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@sttm/web",
-  "version": "1.12.0",
+  "version": "1.15.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index e2ff883cd..9d7044b49 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sttm/web",
-  "version": "1.14.3",
+  "version": "1.15.0",
   "description": "Sevadaars are currently working hard to build a newer version of SikhiToTheMax website using modern web technologies.",
   "main": "index.js",
   "engines": {
diff --git a/server/routes/favouriteShabadsRoutes.js b/server/routes/favouriteShabadsRoutes.js
index a67cd27ac..927df07e1 100644
--- a/server/routes/favouriteShabadsRoutes.js
+++ b/server/routes/favouriteShabadsRoutes.js
@@ -15,16 +15,16 @@ const getFavouriteShabadsCallback = async (_req, res, data, connection) => {
 
 const addFavouriteShabadCallback = async (_req, res, data, connection) => {
   try {
-    const {email, shabadId, comment} = data;
+    const {email, shabadId, comment, verseId} = data;
     const row = await connection.query("SELECT id FROM users where email = ?", [email]);
     const user = row[0];
     const favShabad = await connection.query('SELECT * FROM favourite_shabads WHERE shabad_id = ? AND user_id = ?', [shabadId, user.id])
     let rows = [];
-    let q = "INSERT INTO favourite_shabads (comment, shabad_id, user_id) VALUES (?,?,?)";
+    let q = "INSERT INTO favourite_shabads (comment, shabad_id, user_id, verse_id) VALUES (?,?,?,?)";
     if(favShabad[0]) {
       q = "UPDATE favourite_shabads SET comment = ? WHERE (shabad_id = ? AND user_id = ?)"    
     }
-    rows = await connection.query(q, [ comment, shabadId, user.id])
+    rows = await connection.query(q, [ comment, shabadId, user.id, verseId])
     const result = await connection.query("SELECT * from favourite_shabads WHERE id = ?", [rows.insertId])
     res.status(200).json(result[0]);
   }catch(err) {
@@ -60,6 +60,7 @@ const getFavouriteShabads = async (req, res) => {
 const addFavouriteShabad = (req, res) => {
   const shabadId = req.body.shabadId;
   const comment = req.body.comment;
+  const verseId = req.body.verseId;
   const bearerToken = req.headers.authorization;
   const token = bearerToken.substr(7);
   const {email} = jwtVerify(token)
@@ -67,7 +68,7 @@ const addFavouriteShabad = (req, res) => {
   pool.runQuery(
     req, 
     res, 
-    {email, shabadId, comment}, 
+    {email, shabadId, comment, verseId}, 
     addFavouriteShabadCallback
   )
 }
diff --git a/src/js/components/Autocomplete.js b/src/js/components/Autocomplete.js
index f73a4dd38..49aca5ed4 100644
--- a/src/js/components/Autocomplete.js
+++ b/src/js/components/Autocomplete.js
@@ -7,6 +7,7 @@ import { setMultipleShabads, setMultiViewPanel } from '@/features/actions';
 import Larivaar from '../components/Larivaar';
 import { toSearchURL } from '@/util';
 import { ShabadButtonWrapper } from "./ShabadButtonWrapper";
+import { SEARCH_TYPES } from "@/constants";
 
 class Autocomplete extends Component {
   static propTypes = {
@@ -77,10 +78,10 @@ class Autocomplete extends Component {
   // Closing suggestions on mouse down
   onMouseDown = e => {
     e.stopPropagation();
-    (this.state.showSuggestions && !this.wrapperRef.current.contains(e.target)) &&       
-    this.setState({
-      showSuggestions: false,
-    });    
+    (this.state.showSuggestions && !this.wrapperRef.current.contains(e.target)) &&
+      this.setState({
+        showSuggestions: false,
+      });
   }
 
   componentDidMount() {
@@ -117,7 +118,6 @@ class Autocomplete extends Component {
 
           getSuggestions(userInput, searchOptions)
             .then(suggestions => {
-
               // if any suggestion exists, only then add this as final result item
               if (isShowFullResults && suggestions.length) {
                 suggestions.push({
@@ -168,6 +168,7 @@ class Autocomplete extends Component {
     } = this;
 
     let suggestionsListComponent;
+    const isChatBot = searchOptions.type === SEARCH_TYPES.ASK_A_QUESTION;
 
     if (showSuggestions && value) {
       if (filteredSuggestions.length) {
@@ -218,14 +219,14 @@ class Autocomplete extends Component {
                           {searchOptions.type === 3 ? suggestion.translation : suggestion.pankti}
                         </Larivaar>
                         {searchOptions.type === 3 && (<p className="gurbani-font">{suggestion.pankti}</p>)}
-                      </a>  
+                      </a>
                       {
                         <div className="add-shabad-wrapper">
                           <ShabadButtonWrapper shabad={suggestion} />
                         </div>
-                      }                    
+                      }
                     </>
-                    }
+                  }
                 </li>
               );
             })}
@@ -242,7 +243,7 @@ class Autocomplete extends Component {
 
     return (
       <Fragment>
-        {suggestionsListComponent}
+        {!isChatBot && suggestionsListComponent}
       </Fragment>
     );
   }
diff --git a/src/js/components/FloatingActions/components/FloatingActions.tsx b/src/js/components/FloatingActions/components/FloatingActions.tsx
index 954469ed0..2c4b6c6e5 100644
--- a/src/js/components/FloatingActions/components/FloatingActions.tsx
+++ b/src/js/components/FloatingActions/components/FloatingActions.tsx
@@ -48,7 +48,7 @@ export const FloatingActions = (props: Props) => {
             {isShowFullScreen &&
               <div
                 style={lastIconStyles}
-                className="floatingActionsControl hide-tablet">
+                className="floatingActionsControl">
                 <FullScreen />
               </div>}
             {isShowScrollToTop &&
diff --git a/src/js/components/Header.js b/src/js/components/Header.js
index 3cb2c3cde..103fa1254 100644
--- a/src/js/components/Header.js
+++ b/src/js/components/Header.js
@@ -76,12 +76,12 @@ class Header extends React.PureComponent {
 
   onFormSubmit =
     ({ handleSubmit, ...data }) =>
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      handleSubmit();
-      this.handleFormSubmit(data);
-    };
+      (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        handleSubmit();
+        this.handleFormSubmit(data);
+      };
 
   handleFormSubmit = (data) => {
     this.props.history.push(toSearchURL(data));
@@ -386,18 +386,19 @@ class Header extends React.PureComponent {
                           value={writer}
                           onChange={handleSearchWriterChange}
                           className={[isWriterChanged ? 'selected' : null]}
+                          disabled={type === SEARCH_TYPES.ASK_A_QUESTION}
                         >
                           {writers
                             ?.filter((e) =>
                               source === 'G' || source === 'A'
                                 ? !SOURCE_WRITER_FILTER[source].includes(
-                                    e.writerID
-                                  )
+                                  e.writerID
+                                )
                                 : source !== 'all'
-                                ? SOURCE_WRITER_FILTER[source].includes(
+                                  ? SOURCE_WRITER_FILTER[source].includes(
                                     e.writerID
                                   )
-                                : true
+                                  : true
                             )
                             .map((writer) => (
                               <option
@@ -429,7 +430,7 @@ class Header extends React.PureComponent {
   }
 }
 
-const mapStateToProps = ({}) => ({});
+const mapStateToProps = ({ }) => ({});
 
 const mapDispatchToProps = {
   toggleSettingsPanel,
diff --git a/src/js/components/Modals/AddFavouriteShabadModal.tsx b/src/js/components/Modals/AddFavouriteShabadModal.tsx
index d82e6919d..bb3a81191 100644
--- a/src/js/components/Modals/AddFavouriteShabadModal.tsx
+++ b/src/js/components/Modals/AddFavouriteShabadModal.tsx
@@ -9,14 +9,23 @@ const AddFavouriteShabadModal = () => {
   const dispatch = useDispatch();
   const isModalOpen = useSelector(state => state.isModalOpen)
   const gurbaniVerses = useSelector(state => state.gurbaniVerses);
-  // const verses = gurbaniVerses.map(gurbani => gurbani.verse.unicode);
+  const options = gurbaniVerses.map(gurbani => {
+    return (
+      {
+        label: gurbani.verse.gurmukhi,
+        value: gurbani.verseId,
+      }
+    )
+  });
+
   const shabadId = getShabadId(gurbaniVerses[0]);
-  // const [pankti, setPankti] = useState<string>(verses[0]);
+  const [pankti, setPankti] = useState<string>(options[0].value);
   const [comment, setComment] = useState<string>('');
-  const create = useCreateFavouriteShabad()
+  const create = useCreateFavouriteShabad();
+
   const onSave = (e) => {
     e.preventDefault();
-    create.mutate({ shabadId, comment });
+    create.mutate({ shabadId, comment, verseId: pankti });
     dispatch(setIsModalOpen(false))
   }
 
@@ -29,18 +38,16 @@ const AddFavouriteShabadModal = () => {
         </div>
         <div className='content'>
           <form method="dialog" onSubmit={onSave}>
-            {/* 
-          Release in version..
-          <label className="title">Select a line to save as the title:
-            <select value={pankti} onChange={(e) => setPankti(e.target.value)}>
-              {verses.map((value, idx) =>
-                <option key={`${idx}-${value}`}>
-                  {value}
-                </option>)
-              }
-            </select>
-          </label> 
-          */}
+            <label className="title">Select a line to save as the title:
+              <select className="dropdown" value={pankti} onChange={(e) => setPankti(e.target.value)}>
+                {options.map((option) =>
+                  <option key={option.value} value={option.value}>
+                    {option.label}
+                  </option>)
+                }
+              </select>
+            </label>
+
             <label className='title'>Notes:
               <textarea
                 name="comment"
@@ -50,7 +57,7 @@ const AddFavouriteShabadModal = () => {
                 value={comment}
                 onChange={(e) => setComment(e.target.value)}
                 className="textarea"
-                autoFocus 
+                autoFocus
               />
             </label>
             <div className="save-btn">
diff --git a/src/js/components/SearchForm.js b/src/js/components/SearchForm.js
index 7287409b4..8e268a105 100644
--- a/src/js/components/SearchForm.js
+++ b/src/js/components/SearchForm.js
@@ -97,7 +97,7 @@ export default class SearchForm extends React.PureComponent {
       localStorage.getItem(LOCAL_STORAGE_KEY_FOR_SEARCH_SOURCE) ||
       DEFAULT_SEARCH_SOURCE,
     writer:
-      this.props.defaultWriter || 
+      this.props.defaultWriter ||
       localStorage.getItem(LOCAL_STORAGE_KEY_FOR_SEARCH_WRITER) ||
       DEFAULT_SEARCH_WRITER,
     writers: DEFAULT_SEARCH_WRITERS,
@@ -155,7 +155,7 @@ export default class SearchForm extends React.PureComponent {
     getWriterList()
       .then(writersData => {
         this._setState({ writers: writersData })
-      })    
+      })
   }
 
   selectHighlight = () => {
@@ -345,7 +345,7 @@ export default class SearchForm extends React.PureComponent {
     }
   };
 
-  handleSearchSourceChange = ({target}) => {
+  handleSearchSourceChange = ({ target }) => {
     const source = target.value
     this.setState(
       {
@@ -363,7 +363,7 @@ export default class SearchForm extends React.PureComponent {
         localStorage.setItem(
           LOCAL_STORAGE_KEY_FOR_SEARCH_SOURCE,
           this.state.source
-        );        
+        );
       }
     );
   }
@@ -412,7 +412,7 @@ export default class SearchForm extends React.PureComponent {
     );
   }
 
-  handleSearchWriterChange = ({target}) => {
+  handleSearchWriterChange = ({ target }) => {
     const writer = target.value
     this.setState({
       writer,
@@ -421,16 +421,16 @@ export default class SearchForm extends React.PureComponent {
         this.state.query !== '',
       isWriterChanged: writer !== DEFAULT_SEARCH_WRITER
     },
-    () => {
-      clickEvent({
-        action: ACTIONS.SEARCH_WRITER,
-        label: this.state.writer,
-      });
-      localStorage.setItem(
-        LOCAL_STORAGE_KEY_FOR_SEARCH_WRITER,
-        this.state.writer
-      );
-    })
+      () => {
+        clickEvent({
+          action: ACTIONS.SEARCH_WRITER,
+          label: this.state.writer,
+        });
+        localStorage.setItem(
+          LOCAL_STORAGE_KEY_FOR_SEARCH_WRITER,
+          this.state.writer
+        );
+      })
   }
 
   handleReset = (e) => {
@@ -446,10 +446,10 @@ export default class SearchForm extends React.PureComponent {
         this.props.submitOnChangeOf.includes('writer') &&
         this.state.query !== ''
     },
-    () => {
-      localStorage.setItem(LOCAL_STORAGE_KEY_FOR_SEARCH_SOURCE, this.state.source);
-      localStorage.removeItem(LOCAL_STORAGE_KEY_FOR_SEARCH_WRITER);
-    })
+      () => {
+        localStorage.setItem(LOCAL_STORAGE_KEY_FOR_SEARCH_SOURCE, this.state.source);
+        localStorage.removeItem(LOCAL_STORAGE_KEY_FOR_SEARCH_WRITER);
+      })
   }
 
   handleSubmit = () => {
diff --git a/src/js/components/SearchResults/SearchResults.js b/src/js/components/SearchResults/SearchResults.js
index 911aa25f0..e87d89084 100644
--- a/src/js/components/SearchResults/SearchResults.js
+++ b/src/js/components/SearchResults/SearchResults.js
@@ -30,20 +30,33 @@ export default class SearchResults extends React.PureComponent {
       'main-letter-search': type === SEARCH_TYPES.MAIN_LETTERS
     });
 
+
+    const warning = type === SEARCH_TYPES['ASK_A_QUESTION'] && (
+      <div className='warning-box'>
+        <h4>⚠ This is an experimental feature.</h4>
+        <p>Please <a href="https://support.khalisfoundation.org/support/tickets/new" target="blank">
+          <u>get in touch</u></a> with us if you have any concerns or feedback.
+        </p>
+      </div>
+    );
+
     return (
-      <ul className={searchResultsClassName}>
-        {
-          shabads.map(shabad => {
-            return (
-              <SearchResult
-                key={getVerseId(shabad)}
-                type={type}
-                shabad={shabad}
-                {...props} />
-            );  
-          })
-        }
-      </ul>
+      <>
+        {warning}
+        <ul className={searchResultsClassName}>
+          {
+            shabads.map(shabad => {
+              return (
+                <SearchResult
+                  key={getVerseId(shabad)}
+                  type={type}
+                  shabad={shabad}
+                  {...props} />
+              );
+            })
+          }
+        </ul>
+      </>
     );
   }
 }
diff --git a/src/js/constants/misc.ts b/src/js/constants/misc.ts
index ae9c268a0..3ef6482b4 100644
--- a/src/js/constants/misc.ts
+++ b/src/js/constants/misc.ts
@@ -1,6 +1,9 @@
 import { SOURCES, SOURCES_WITH_ANG, TYPES as _TYPES } from '@sttm/banidb';
 import { SEARCH_TYPES } from './search-types';
 
+// TODO: Need to move this to @sttm/banidb module
+_TYPES.push('Ask a Question (English)');
+
 export { SOURCES, SOURCES_WITH_ANG };
 
 export const BANI_LENGTH_COLS = {
diff --git a/src/js/constants/placeholders.ts b/src/js/constants/placeholders.ts
index e9ed350d2..d35f39991 100644
--- a/src/js/constants/placeholders.ts
+++ b/src/js/constants/placeholders.ts
@@ -8,5 +8,6 @@ export const PLACEHOLDERS = {
   [SEARCH_TYPES.ROMANIZED]: ['jo mange thakur apne te soi', true], // romanized
   [SEARCH_TYPES.ANG]: ['123', true], // ang
   [SEARCH_TYPES.MAIN_LETTERS]: ['j mgh Tkr Apn q'], // main letters
-  [SEARCH_TYPES.ROMANIZED_FIRST_LETTERS_ANYWHERE]: ['jmtatssd', true] //romanized first letter anywhere
+  [SEARCH_TYPES.ROMANIZED_FIRST_LETTERS_ANYWHERE]: ['jmtatssd', true], //romanized first letter anywhere
+  [SEARCH_TYPES.ASK_A_QUESTION]: ['What is the best time to meditate?', true] // ask a question
 };
diff --git a/src/js/constants/search-types.ts b/src/js/constants/search-types.ts
index fc466c563..f9969fe3d 100644
--- a/src/js/constants/search-types.ts
+++ b/src/js/constants/search-types.ts
@@ -10,7 +10,8 @@ export const SEARCH_TYPES: ISearchTypes = {
   ROMANIZED: 4,
   ANG: 5,
   MAIN_LETTERS: 6,
-  ROMANIZED_FIRST_LETTERS_ANYWHERE: 7
+  ROMANIZED_FIRST_LETTERS_ANYWHERE: 7,
+  ASK_A_QUESTION: 8
 };
 
 export const SEARCH_TYPES_NOT_ALLOWED_KEYS = {
diff --git a/src/js/hooks/use-get-user.ts b/src/js/hooks/use-get-user.ts
index 81afb71d0..64981c02a 100644
--- a/src/js/hooks/use-get-user.ts
+++ b/src/js/hooks/use-get-user.ts
@@ -5,22 +5,24 @@ import { apiClient } from '@/components/FavouriteShabadButton/utils/api-client';
 export const useGetUser = <D>() => {
   const [user, setUser] = React.useState<D | null>(null);
   const [isLoading, setIsLoading] = React.useState(true);
-
+  const isUserLoggedIn = !!window.localStorage.getItem(LOCAL_STORAGE_KEY_FOR_SESSION_TOKEN);
   React.useEffect(() => {
-    apiClient('/auth/jwt', {
-      token: window.localStorage.getItem(LOCAL_STORAGE_KEY_FOR_SESSION_TOKEN),
-    })
-      .then((response) => {
-        setUser(response);
-      })
-      .catch((e) => {
-        // eslint-disable-next-line no-console
-        console.log('Error: ' + e.message);
-        localStorage.removeItem(LOCAL_STORAGE_KEY_FOR_SESSION_TOKEN);
+    if(isUserLoggedIn) {
+      apiClient('/auth/jwt', {
+        token: window.localStorage.getItem(LOCAL_STORAGE_KEY_FOR_SESSION_TOKEN),
       })
-      .finally(() => {
-        setIsLoading(false);
-      });
+        .then((response) => {
+          setUser(response);
+        })
+        .catch((e) => {
+          // eslint-disable-next-line no-console
+          console.log('Error: ' + e.message);
+          localStorage.removeItem(LOCAL_STORAGE_KEY_FOR_SESSION_TOKEN);
+        })
+        .finally(() => {
+          setIsLoading(false);
+        });
+      }
   }, []);
 
   return { user, isLoading };
diff --git a/src/js/pages/FavouriteShabads/utils/convert-api-data-to-favorite-shabad.ts b/src/js/pages/FavouriteShabads/utils/convert-api-data-to-favorite-shabad.ts
index 18565d686..a69500eb1 100644
--- a/src/js/pages/FavouriteShabads/utils/convert-api-data-to-favorite-shabad.ts
+++ b/src/js/pages/FavouriteShabads/utils/convert-api-data-to-favorite-shabad.ts
@@ -1,7 +1,8 @@
 const convertApiDataToFavoriteShabad = (apiShabadData: any) => {
+  const verseId = apiShabadData.verses.find(v=> v.verseId === apiShabadData.verse_id)
   const favouriteShabad = {
     ...apiShabadData.shabadInfo,
-    ...apiShabadData.verses[0],
+    ...(verseId ?? apiShabadData.verses[0]),
       comment: apiShabadData.comment,
       createdAt: apiShabadData.created_at,
   };
diff --git a/src/js/pages/Home/index.js b/src/js/pages/Home/index.js
index 4526096a8..341c025ca 100644
--- a/src/js/pages/Home/index.js
+++ b/src/js/pages/Home/index.js
@@ -124,9 +124,11 @@ class Home extends React.PureComponent {
                         )}
                       <span className='new-text'>
                         <b className='new-text-blue'>NEW{" "}</b>
-                        Listen to every Shabad in Sri Guru Granth Sahib in raag keertan!
+                        <span style={{ 'cursor': 'pointer' }} onClick={() => handleSearchTypeChange({ currentTarget: { value: SEARCH_TYPES['ASK_A_QUESTION'] } })}>
+                          Get your questions answered by our AI Gurbani bot! <u>Try it now.</u>
+                        </span>
                       </span>
-                          </div>
+                    </div>
                   </div>
 
                   <div id="search-container" className={displayGurmukhiKeyboard ? "kb-active" : ''}>
@@ -194,6 +196,7 @@ class Home extends React.PureComponent {
                           value={Object.keys(SOURCES_WITH_ANG).includes(source) ? source : 'G'}
                           className={[isSourceChanged ? 'selected' : null]}
                           onChange={handleSearchSourceChange}
+                          disabled={type === SEARCH_TYPES.ASK_A_QUESTION}
                         >
                           {Object.entries(SOURCES_WITH_ANG).map(([value, children]) => (
                             <option key={value} value={value}>
@@ -223,6 +226,7 @@ class Home extends React.PureComponent {
                         name="writer"
                         value={writer}
                         className={[isWriterChanged ? 'selected' : null]}
+                        disabled={type === SEARCH_TYPES.ASK_A_QUESTION}
                         onChange={handleSearchWriterChange}>
                         {
                           writers?.filter(e =>
@@ -332,8 +336,9 @@ class Home extends React.PureComponent {
                 </a>
               )}
             </div>
-          </React.Fragment>
-        )}
+          </React.Fragment >
+        )
+        }
       </SearchForm>
     );
   }
diff --git a/src/js/pages/PageLoader.js b/src/js/pages/PageLoader.js
index 5e36e5eea..c256d9ef2 100644
--- a/src/js/pages/PageLoader.js
+++ b/src/js/pages/PageLoader.js
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Fetch from '../components/Fetch';
 import { throwError } from '../util';
+import { Stub } from './Search/Layout';
 export default class PageLoader extends React.PureComponent {
   static propTypes = {
     url: PropTypes.string.isRequired,
@@ -9,16 +10,19 @@ export default class PageLoader extends React.PureComponent {
   };
   render() {
     const { url, children } = this.props;
-    return (
-      <Fetch url={url}>
-        {({ data, error, loading }) =>
-          loading
-            ? children({ loading })
-            : error
-              ? throwError("Can't load page", error)
-              : children({ data })
-        }
-      </Fetch>
-    );
+    if (url) {
+      return (
+        <Fetch url={url}>
+          {({ data, error, loading }) =>
+            loading
+              ? children({ loading })
+              : error
+                ? throwError("Can't load page", error)
+                : children({ data })
+          }
+        </Fetch>
+      );
+    }
+    return <Stub />
   }
 }
diff --git a/src/js/pages/Search/index.js b/src/js/pages/Search/index.js
index e85008029..73e68fbb2 100644
--- a/src/js/pages/Search/index.js
+++ b/src/js/pages/Search/index.js
@@ -1,8 +1,8 @@
-/* globals API_URL */
+/* globals API_URL, GURBANIBOT_URL */
 import React from 'react';
 import PropTypes from 'prop-types';
 import { buildApiUrl } from '@sttm/banidb';
-import { TEXTS } from '../../constants';
+import { SEARCH_TYPES, TEXTS } from '../../constants';
 import PageLoader from '../PageLoader';
 import GenericError, { SachKaur } from '../../components/GenericError';
 import Layout, { Stub } from './Layout';
@@ -20,8 +20,60 @@ export default class Search extends React.PureComponent {
     writer: PropTypes.string,
   };
 
+  constructor() {
+    super();
+    this.state = {
+      searchURL: '',
+    };
+    this.verseIdList = [];
+  }
+
+  setSearchUrl() {
+    const { q, type, offset, source } = this.props;
+    const isChatBot = type === SEARCH_TYPES.ASK_A_QUESTION;
+
+    if (isChatBot) {
+      const processedQuery = [...q.matchAll(/[a-zA-Z0-9 ]/g)].join('');
+      const semanticApi = encodeURI(`${GURBANIBOT_URL}search/?query=${processedQuery}&count=100`);
+      try {
+        const semanticReq = fetch(semanticApi).then((response) => response.json());
+        semanticReq.then((semanticData) => {
+          this.verseIdList = semanticData.results.flatMap((dataObj) => {
+            const { VerseID, SourceID } = dataObj.Payload;
+            if (SourceID === source || source === 'all') {
+              return VerseID;
+            } else {
+              return [];
+            }
+          });
+          this.setState({ searchURL: `${API_URL}search-results/${this.verseIdList.toString()}?page=${offset}` });
+        });
+      } catch (err) {
+        // eslint-disable-next-line no-console
+        console.error('err.message', err.message);
+      }
+    }
+  }
+
+  componentDidMount() {
+    this.setSearchUrl();
+  }
+
+  componentDidUpdate(prevProps, prevState) {
+    if (prevProps.q !== this.props.q ||
+      prevProps.source !== this.props.source ||
+      prevState.searchURL !== this.state.searchURL ||
+      prevProps.offset !== this.props.offset) {
+      this.setSearchUrl();
+    }
+  }
+
   render() {
     const { q, type, source, offset, writer } = this.props;
+    const isChatBot = type === SEARCH_TYPES.ASK_A_QUESTION;
+    const url = isChatBot ? this.state.searchURL : encodeURI(
+      buildApiUrl({ q, type, source, offset, writer, API_URL })
+    );
 
     if (q === '') {
       return (
@@ -33,11 +85,6 @@ export default class Search extends React.PureComponent {
       );
     }
 
-    const url = encodeURI(
-      buildApiUrl({ q, type, source, offset, writer, API_URL })
-    );
-    console.log(url, 'SEARCH RESULTS...');
-
     return (
       <PageLoader url={url}>
         {({ loading, data }) => {
diff --git a/src/js/util/shabad/get-shabad-list.ts b/src/js/util/shabad/get-shabad-list.ts
index 7e67b37d5..42454042e 100644
--- a/src/js/util/shabad/get-shabad-list.ts
+++ b/src/js/util/shabad/get-shabad-list.ts
@@ -14,7 +14,7 @@ export const getShabadList = (q, { type, source, writer }) => {
     const json = fetch(url).then((response) => response.json());
     json.then(
       (data) => {
-        const { verses } = data;
+        let { verses } = data;
         let panktiList = [];
         for (const shabad of verses) {
           let highlightPankti = getGurmukhiVerse(shabad);
diff --git a/src/scss/_modals.scss b/src/scss/_modals.scss
index 58ce2fbfd..3b09a329b 100644
--- a/src/scss/_modals.scss
+++ b/src/scss/_modals.scss
@@ -47,6 +47,14 @@
       }
     }
 
+    .dropdown {
+      font-family: 'gurmukhi_normal', sans-serif;
+
+      .dark-mode & {
+        color: $sttm-dark-white;
+      }
+    }
+
     .textarea {
       .dark-mode & {
         background-color: $sttm-lighter-black;
diff --git a/src/scss/_results.scss b/src/scss/_results.scss
index 2dfe125dc..d6a97bd97 100644
--- a/src/scss/_results.scss
+++ b/src/scss/_results.scss
@@ -1,3 +1,12 @@
+.warning-box {
+  border: 1px solid $sttm-darker-blue-2;
+  border-radius: 8px;
+  margin: 32px auto;
+  max-width: 620px;
+  padding: 16px;
+  text-align: center;
+}
+
 .search-results-display {
   margin-left: 8rem;
   margin-right: 1rem;
diff --git a/webpack.config.js b/webpack.config.js
index 96289611d..5d3f42059 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -28,6 +28,7 @@ const plugins = PRODUCTION
       CEREMONIES_URL: JSON.stringify(API_URLS.CEREMONIES),
       DOODLE_URL: JSON.stringify(API_URLS.DOODLE),
       WRITERS_API_URL: JSON.stringify(API_URLS.WRITERS),
+      GURBANIBOT_URL: JSON.stringify(API_URLS.GURBANIBOT)
     })
   ])
   : commonPlugins.concat([
@@ -46,6 +47,7 @@ const plugins = PRODUCTION
       CEREMONIES_URL: JSON.stringify(API_URLS.CEREMONIES),
       DOODLE_URL: JSON.stringify(API_URLS.DOODLE),
       WRITERS_API_URL: JSON.stringify(API_URLS.WRITERS),
+      GURBANIBOT_URL: JSON.stringify(API_URLS.GURBANIBOT)
     }),
     new CleanWebpackPlugin(),
   ]);