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>
+              <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>
           </div>
           <div className="relative h-72 md:h-96 overflow-hidden">
             <img
@@ -76,7 +76,7 @@ export function HeroArticle() {
         <h2 className="text-3xl md:text-4xl font-display leading-tight mb-4 line-clamp-2 group-hover:text-accent transition-colors">
           {article.title}
         </h2>
-
+        
         <div className="flex flex-wrap items-center gap-4 font-body text-sm uppercase tracking-wider text-muted-foreground mb-6 pb-4 border-b-2 border-foreground/10">
           <div className="flex items-center gap-2">
             <Calendar className="w-4 h-4" />
@@ -88,14 +88,14 @@ export function HeroArticle() {
               })}
             </span>
           </div>
-
+          
           {article.author && (
             <div className="flex items-center gap-2">
               <User className="w-4 h-4" />
               <span>{article.author.name}</span>
             </div>
           )}
-
+          
           <div className="flex items-center gap-2">
             <Eye className="w-4 h-4" />
             <span>{article.views} views</span>
@@ -124,11 +124,11 @@ 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>
-
+          
           <div className="font-body text-xs uppercase tracking-wider text-muted-foreground">
             <span className="font-bold text-foreground">
               {(article.facebookShares || 0) + (article.twitterShares || 0) + (article.whatsappShares || 0) + (article.telegramShares || 0)}

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 }
     }