adding about section

src/components/header.tsx

@@ -6,6 +6,7 @@ import { Button } from '@/components/ui/button';
 import { LanguageSelector } from '@/components/language-selector';
 import { Moon, Sun } from 'lucide-react';
 import { useEffect, useState } from 'react';
+import Link from 'next/link';
 
 export function Header() {
   const { theme, setTheme } = useTheme();
@@ -29,14 +30,30 @@ export function Header() {
     <header className="border-b">
       <div className="container mx-auto px-4 py-4 flex items-center justify-between">
         <div className="flex items-center gap-2">
-          <img
-            src={logoSrc}
-            alt="Liquidity Party"
-            className="h-8 w-auto"
-          />
+          <Link href="/">
+            <img
+              src={logoSrc}
+              alt="Liquidity Party"
+              className="h-8 w-auto cursor-pointer"
+            />
+          </Link>
         </div>
 
         <div className="flex items-center gap-2">
+          {/* Navigation Links */}
+          <nav className="hidden md:flex items-center gap-1 mr-2">
+            <Link href="/">
+              <Button variant="ghost" size="sm" className="text-sm font-medium">
+                Swap
+              </Button>
+            </Link>
+            <Link href="/about">
+              <Button variant="ghost" size="sm" className="text-sm font-medium">
+                About
+              </Button>
+            </Link>
+          </nav>
+
           {/* Language Selector */}
           <LanguageSelector />