change signature+metadata

Author: Austin1serb

app/(site)/page.tsx

@@ -7,13 +7,13 @@ import { Metadata } from "next"
 import { SITE_SLUGS } from "@/config/siteConfig"
 
 export const metadata: Metadata = {
-  title: "Web Developer Portfolio | Austin Serb | React & Next.js",
+  title: "Austin Serb - Web Developer Portfolio | React & Next.js",
   description:
     "Explore the web developer portfolio of Austin Serb, a full-stack engineer building fast, modern web applications. See what a professional coding portfolio looks like, featuring projects in React, Next.js, and the custom-built React-Zero-UI library.",
 
   keywords: [
-    "Web Developer Portfolio",
     "Austin Serb",
+    "Web Developer Portfolio",
     "Serbyte",
     "React Zero-UI",
     "Next.js",

app/components/AboutSectionV2.tsx

@@ -1,7 +1,7 @@
 import Image from "next/image"
 import clsx from "clsx"
 import profilePhoto from "../images/profile.webp"
-import signature from "../images/signature.webp"
+import signature from "../images/signature.png"
 import { Text, Typography } from "../ui/Elements"
 import { AnimatedH2 } from "./ui/AnimatedH2"
 import { ImageReveal } from "./ImageReveal"
@@ -58,7 +58,7 @@ export const AboutSectionV2 = ({ className = "" }: { className?: string }) => {
             </p>
 
             {/* signature */}
-            <Image src={signature} alt="Austin Serb Signature" width={90} height={45} className="relative mt-6 -ml-3 -rotate-6" />
+            <Image src={signature} alt="Austin Serb Signature" className="relative mt-6 -ml-3 h-12 w-auto" />
           </Typography>
         </div>
       </div>

app/components/ImageReveal.tsx

@@ -33,6 +33,7 @@ export function ImageReveal({ className = "", ...img }: ImageRevealProps): React
       >
         <Socials socialLinks={socialLinks} className="absolute right-4 bottom-4 z-5" iconClassName="md:opacity-85 hover:opacity-100" />
         <Image
+          id="headshot"
           {...img}
           fill
           alt="Austin Serb Profile Photo"

app/components/ui/CallToActionButton.tsx

@@ -66,8 +66,9 @@ export const CallToActionButton = () => {
         animate="animate"
         whileHover="hover"
         variants={buttonVariants}
-        className="group bubble-hover active inline-flex w-max items-center gap-2 rounded-full bg-black px-3 py-2.5 text-base font-medium tracking-tight text-white shadow-xl shadow-black/20"
+        className="group bubble-hover-cta active relative z-1 inline-flex w-max items-center gap-2 rounded-full bg-black px-3 py-2.5 text-base font-medium tracking-tight text-white shadow-xl shadow-black/20"
       >
+        <div className="pointer-events-none absolute inset-0.5 -z-1 rounded-full [background-image:url('/assets/framer-noise.png')] [background-size:164px] bg-repeat opacity-12" />
         <div className="relative flex items-center gap-1">
           {/* Avatar */}
           <div className="relative h-7 w-7 rounded-full">

app/globalsV2.css

@@ -35,6 +35,8 @@ html {
 
 :root {
   --gradient: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
+  --gradient-alt: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
+
   --button-shadow:
     0px 2px 2px -1.5px rgba(0, 0, 0, 0.32), 0px 4.4px 4.4px -2.25px rgba(0, 0, 0, 0.3), 0px 9.8px 9.8px -3px rgba(0, 0, 0, 0.25),
     0px 25px 25px -3.75px rgba(0, 0, 0, 0.11), 0px -5px 5px -3.75px rgba(0, 0, 0, 0.11);
@@ -210,6 +212,29 @@ html {
     }
   }
 
+  .bubble-hover-cta {
+    @apply relative inline-block overflow-hidden rounded-full text-nowrap;
+    &::before {
+      @apply pointer-events-none absolute inset-0 z-[-1] -translate-x-full rounded-full opacity-0 blur-[1px] transition-all duration-300 will-change-transform content-[''];
+      background-size: 200% 200%;
+      background-position: 100% 100%;
+      background-image: var(--gradient-alt);
+    }
+
+    &:hover {
+      &::before {
+        @apply translate-x-0 opacity-30!;
+        animation: fill-from-left 5s ease-out infinite;
+      }
+    }
+    &.active {
+      &::before {
+        @apply translate-x-0 opacity-70;
+        animation: fill-from-left 5s ease-out infinite;
+      }
+    }
+  }
+
   blockquote::before {
     content: "“";
     color: oklch(55.4% 0.046 257.417);

app/images/signature.png

@@ -23,7 +23,7 @@ const projectsData: ProjectItem[] = [
     url: SITE_SLUGS.projectLinks.bespoke,
     date: "2025-03-11",
     description: "Automotive Styling Website",
-    isExternal: false,
+    isExternal: true,
   },
   {
     name: "Vets Choice Insurance",
@@ -44,14 +44,14 @@ const projectsData: ProjectItem[] = [
     url: SITE_SLUGS.projectLinks.automedics,
     date: "2024-12-02",
     description: "Automotive Repair Website",
-    isExternal: false,
+    isExternal: true,
   },
   {
     name: "Iron & Oak",
     url: SITE_SLUGS.projectLinks.iao,
     date: "2024-06-15",
     description: "Private Security Website",
-    isExternal: false,
+    isExternal: true,
   },
   {
     name: "Entitled",
@@ -87,10 +87,10 @@ export const profilePageSchema: WithContext<ProfilePage> = {
   "@context": "https://schema.org",
   "@type": "ProfilePage",
   name: "About - Austin Serb",
-  url: `${SITE_CONFIG.url}/about`,
+  url: `${SITE_CONFIG.url}/#about`,
   mainEntity: {
     "@type": "Person",
-    "@id": `${SITE_CONFIG.url}/#austin`,
+    "@id": `${SITE_CONFIG.url}/#about`,
     name: "Austin Serb",
     url: SITE_CONFIG.url,
     jobTitle: "Full-Stack Engineer",
@@ -123,17 +123,6 @@ export const breadcrumbSchema: WithContext<BreadcrumbList> = {
   ],
 }
 
-// Function to generate project-specific breadcrumb schema
-export const createProjectBreadcrumbSchema = (projectName: string, projectUrl: string): WithContext<BreadcrumbList> => ({
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  itemListElement: [
-    { "@type": "ListItem", position: 1, name: "Home", item: SITE_CONFIG.url },
-    { "@type": "ListItem", position: 2, name: "Projects", item: `${SITE_CONFIG.url}${SITE_SLUGS.projects}` },
-    { "@type": "ListItem", position: 3, name: projectName, item: `${SITE_CONFIG.url}${projectUrl}` },
-  ],
-})
-
 const projectBreadcrumbSchema: WithContext<BreadcrumbList> = {
   "@context": "https://schema.org",
   "@type": "BreadcrumbList",

app/images/signature.webp renamed to app/images/signature1.webp

@@ -4,7 +4,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "next dev --turbopack",
+    "dev": "next dev",
     "prebuild": "zero-icons",
     "build": "next build",
     "start": "next start",
@@ -48,4 +48,4 @@
     "schema-dts": "^1.1.5",
     "typescript": "^5.8.3"
   }
-}
+}