logo svg

Author: guyettinger

public/images/logo.svg

@@ -7,15 +7,14 @@ export const About = () => {
       <div className="flex flex-row flex-nowrap items-start gap-6 max-md:flex-col">
         <div className="flex flex-col gap-4 text-lg">
           <p>
-            I specialize in designing and implementing exceptional user experiences (and drinking
-            massive amounts of coffee).
+            I specialize in designing and implementing exceptional user experiences ... and drinking
+            massive amounts of coffee while doing it ...
           </p>
           <p>
-            As an engineer, I have always been passionate about creating elegant and effective
-            solutions to complex problems. I have a strong foundation in software development, with
-            a focus on emerging technologies. I enjoy working on both the front-end and back-end of
-            applications, and I am always looking for ways to improve everyone experience (user and
-            engineer alike).
+            Emmy Award-winning full-stack software engineer with 20+ years building scalable
+            applications and leading engineering teams. Proven track record of architecting
+            solutions from mobile apps to complex 3D visualization systems, with expertise in
+            TypeScript, React/Angular ecosystems, and cloud platforms.
           </p>
         </div>
         <div className="min-w-[30vw] max-w-[30vw] max-md:min-w-0 max-md:max-w-full">
@@ -25,6 +24,7 @@ export const About = () => {
             src="/images/coffeepowered.jpeg"
             alt="Powered by Coffee"
             className="rounded-lg w-full h-auto"
+            priority={true}
           />
         </div>
       </div>

src/blocks/About/About.tsx

@@ -16,12 +16,12 @@ import Image from 'next/image';
 import Link from 'next/link';
 import { useEffect, useRef, useState } from 'react';
 
+type Beam = { id: number; x1: number; y1: number; x2: number; y2: number; color: string };
+
 export const Header = ({ className, ...rest }: HeaderProps) => {
   const imgRef = useRef<HTMLImageElement | null>(null);
   const [rotationDeg, setRotationDeg] = useState<number>(0);
   const [laserMode, setLaserMode] = useState<boolean>(false);
-
-  type Beam = { id: number; x1: number; y1: number; x2: number; y2: number; color: string };
   const [beams, setBeams] = useState<Beam[]>([]);
   const beamIdRef = useRef(0);
 
@@ -118,16 +118,16 @@ export const Header = ({ className, ...rest }: HeaderProps) => {
             <Link href="/" className="text-lg font-medium no-underline hover:underline">
               <Image
                 ref={imgRef}
-                src="/images/avatar.png"
-                className="rounded-full"
+                src="/images/logo.svg"
+                className="rounded-full bg-white"
                 style={{
                   margin: 0,
                   verticalAlign: 'middle',
                   transform: `rotate(${rotationDeg}deg)`,
                   transformOrigin: '50% 50%',
                 }}
-                width={80}
-                height={80}
+                width={48}
+                height={48}
                 alt="Guy Ettinger"
                 priority={true}
               />

src/blocks/Header/Header.tsx

@@ -20,10 +20,11 @@ export const Hero = () => {
       >
         <Image
           src="/images/heroshot.png"
-          width={200}
-          height={200}
+          width={335}
+          height={333}
           alt="Guy"
-          className="rounded-full"
+          className="rounded-full w-[200px]"
+          priority={true}
         />
       </MotionDiv>
       <div className="flex items-center gap-3">