لوگو و هویت بصری

import Image from 'next/image';
import { useTheme } from 'next-themes';

// لوگوی معمولی (سازگار با هر دو تم)
<Image src="/logos/icon/logo.svg" alt="پرتو" width={40} height={40} />

// لوگوتایپ با پشتیبانی از تم تاریک/روشن
function Logotype() {
  const { theme } = useTheme();
  const logotypeSrc = theme === 'dark' 
    ? '/logos/logotype/logotype-dark.svg' 
    : '/logos/logotype/logotype-light.svg';
  
  return <Image src={logotypeSrc} alt="پرتو" width={120} height={40} />;
}

// ترکیبی با پشتیبانی از تم تاریک/روشن
function CombinedLogo() {
  const { theme } = useTheme();
  const combinedSrc = theme === 'dark' 
    ? '/logos/combined/combined-dark.svg' 
    : '/logos/combined/combined-light.svg';
  
  return <Image src={combinedSrc} alt="پرتو" width={160} height={40} />;
}

import Image from 'next/image';

// لوگوتایپ تم روشن
<Image src="/logos/logotype/logotype-light.svg" alt="پرتو" width={120} height={40} />

// لوگوتایپ تم تاریک
<Image src="/logos/logotype/logotype-dark.svg" alt="پرتو" width={120} height={40} />

// ترکیبی تم روشن
<Image src="/logos/combined/combined-light.svg" alt="پرتو" width={160} height={40} />

// ترکیبی تم تاریک
<Image src="/logos/combined/combined-dark.svg" alt="پرتو" width={160} height={40} />

import { Icons } from '@parto/ui';

export default function MyComponent() {
  // استفاده از آیکون SVG (برای استفاده در پکیج UI)
  return <Icons.parto className="w-12 h-12" />;
}