Update landing page

frontend/src/components/layout/PublicHeader/PublicHeader.tsx

@@ -4,6 +4,7 @@ import { Link } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { Button, ThemeToggle } from '../../ui';
 import { CompactLanguageSelector } from '../../ui/LanguageSelector';
+import { getRegisterUrl, getLoginUrl } from '../../../utils/navigation';
 
 export interface PublicHeaderProps {
   className?: string;
@@ -176,7 +177,7 @@ export const PublicHeader = forwardRef<PublicHeaderRef, PublicHeaderProps>(({
             {/* Authentication buttons - Enhanced */}
             {showAuthButtons && (
               <div className="flex items-center gap-2 lg:gap-3">
-                <Link to="/login">
+                <Link to={getLoginUrl()}>
                   <Button
                     variant="ghost"
                     size="md"
@@ -185,7 +186,7 @@ export const PublicHeader = forwardRef<PublicHeaderRef, PublicHeaderProps>(({
                     {t('common:header.login')}
                   </Button>
                 </Link>
-                <Link to="/register">
+                <Link to={getRegisterUrl()}>
                   <Button
                     size="md"
                     className="bg-gradient-to-r from-[var(--color-primary)] to-[var(--color-primary-dark)] hover:opacity-90 text-white font-semibold shadow-lg hover:shadow-xl transition-all duration-200 px-6"
@@ -248,7 +249,7 @@ export const PublicHeader = forwardRef<PublicHeaderRef, PublicHeaderProps>(({
             {/* Mobile auth buttons */}
             {showAuthButtons && (
               <div className="flex flex-col gap-3 pt-4 sm:hidden">
-                <Link to="/login">
+                <Link to={getLoginUrl()}>
                   <Button
                     variant="ghost"
                     size="md"
@@ -257,7 +258,7 @@ export const PublicHeader = forwardRef<PublicHeaderRef, PublicHeaderProps>(({
                     {t('common:header.login')}
                   </Button>
                 </Link>
-                <Link to="/register">
+                <Link to={getRegisterUrl()}>
                   <Button
                     size="md"
                     className="w-full bg-gradient-to-r from-[var(--color-primary)] to-[var(--color-primary-dark)] hover:opacity-90 text-white font-semibold shadow-lg"