api url from config

src/pages/landing.tsx

@@ -9,7 +9,7 @@ import { Link } from "../components/link";
 import { Card } from "../components/card";
 import { Header1 } from "../components/common";
 import { ErrorBoundary } from "../components/error-boundary";
-import { Button } from "../components/button";
+import { URLs } from "../__data__/urls";
 
 import {
   BrandText,
@@ -26,7 +26,7 @@ import {
 export const LandingPage = () => {
   const [data, setData] = useState([])
   useEffect(() => {
-    fetch('/api/landing-data')
+    fetch(`${URLs.api.main}/landing-data`)
     .then(response => response.json())
     .then(data => {
       setData(data.data)