frontend/src/components/home/HeroArticle.tsx

@@ -57,9 +57,9 @@ export function HeroArticle() {
       {article.featuredImage && (
         <div className="relative overflow-hidden">
           <div className="absolute top-0 left-0 z-10">
-            <span className="inline-block px-4 py-2 bg-accent text-foreground font-body text-sm font-bold uppercase tracking-wider border-b-2 border-r-2 border-foreground">
+              <span className="inline-block px-4 py-2 bg-accent text-foreground font-body text-sm font-bold uppercase tracking-wider border-b-2 border-r-2 border-foreground">
-              Прекршени Вести
+                Прекршени Вести
-            </span>
+              </span>
           </div>
           <div className="relative h-72 md:h-96 overflow-hidden">
             <img
@@ -124,7 +124,7 @@ export function HeroArticle() {
         <div className="flex items-center justify-between pt-4 border-t-2 border-foreground/10">
           <Link to="/articles/$id" params={{ id: article.id }}>
             <Button variant="brutalAccent" className="gap-2">
-              Прочитај повеќе
+              Read Full Story
               <ArrowRight className="w-4 h-4" />
             </Button>
           </Link>

frontend/src/routes.tsx

@@ -196,7 +196,7 @@ const articleDetailRoute = createRoute({
     return <ArticleDetailComponent id={id} />
   },
   loader: async ({ params }) => {
-    const response = await fetch(`${import.meta.env.VITE_API_URL || 'http://localhost:3000/api/v1'}/articles/${params.id}`)
+    const response = await fetch(`${import.meta.env.VITE_API_URL || 'http://localhost:3000'}/api/v1/articles/${params.id}`)
     if (!response.ok) {
       return { article: null }
     }