types.ts

import { StaticImageData } from 'next/image';
import { ComponentType } from 'react';

type LogoComponent = ComponentType<React.SVGProps<SVGSVGElement>>;

interface ImageMetadata {
  alt: string;
  color: string | null;
}

export interface RemoteImageWithMetadata extends ImageMetadata {
  src: string;
}

export interface StaticImageWithMetadata extends ImageMetadata {
  src: StaticImageData;
}

export type ImageWithMetadata = RemoteImageWithMetadata | StaticImageWithMetadata;

export type ProjectId = 'radix' | 'aragon' | 'blocks' | 'dash' | 'scroll' | 'artifacts';

export type PersonId =
  | 'vlad'
  | 'benoit'
  | 'brett'
  | 'andrew'
  | 'ze'
  | 'michael'
  | 'ben'
  | 'jenna'
  | 'pedro'
  | 'adri'
  | 'paty'
  | 'pierre'
  | 'alastair'
  | 'itamar'
  | 'ben-g'
  | 'elik'
  | 'henry'
  | 'jo';

export type TestimonialId = PersonId;

export type SocialName = 'dribbble' | 'github' | 'instagram' | 'twitter' | 'linkedin';

export interface Experience {
  year: string;
  logoAsset: LogoComponent;
  title: string;
  company: string;
  tenure: string;
  description: string;
  link: string;
}

export interface Person {
  id: PersonId;
  name: string;
  avatar: ImageWithMetadata;
  bio: string;
}

export interface Testimonial extends Person {
  id: TestimonialId;
  role: string;
  company: string;
  full: string;
  excerpt: string;
}

export interface TeamMember extends Person {
  role: string;
}

export interface Project {
  id: ProjectId;
  type: 'professional' | 'personal';
  title: string;
  subtitle: string;
  role: string;
  tenure: string;
  technologies?: string[];
  intro?: string;
  thumbnail: StaticImageWithMetadata;
  thumbnailSmall: StaticImageWithMetadata;
  heroImage?: StaticImageWithMetadata;
  testimonial: Testimonial;
  team?: TeamMember[];
  additionalTeam?: number;
  externalUrl?: string;
}

export interface SocialLink {
  name: string;
  icon: ComponentType<React.SVGProps<SVGSVGElement>>;
  url: string;
}

export interface Artifact {
  name: string;
  year: string;
  src: StaticImageWithMetadata;
  slug: string;
}

export type PostMetadata = {
  title: string;
  date: Date;
  description: string;
};

export type Post = PostMetadata & {
  slug: string;
};