About page

src/app/about/page.tsx

@@ -2,19 +2,26 @@
 
 import { useTranslation } from 'react-i18next';
 import { Card } from '@/components/ui/card';
+import {useTheme} from "next-themes";
+import {useState} from "react";
 
 export default function AboutPage() {
   const { t } = useTranslation();
 
+  const { theme, setTheme } = useTheme();
+  const logoSrc = theme === 'dark' ? '/logo-dark.svg' : '/logo-light.svg';
+
   return (
     <div className="w-full max-w-5xl mx-auto space-y-8">
       {/* Header */}
       <div className="text-center space-y-4">
-        <h1 className="text-4xl font-bold bg-gradient-to-r from-primary to-purple-400 bg-clip-text text-transparent">
-          Liquidity Party
-        </h1>
+          <img
+              src={logoSrc}
+              alt="Liquidity Party Logo"
+              className="mx-auto h-24 w-auto"
+          />
         <p className="text-xl text-muted-foreground max-w-3xl mx-auto">
-          Multi-asset AMM based on Party Game Theory.
+          Multi-asset AMM based on Party Game Theory
         </p>
       </div>