From 261c95f93a60dae7ae1a1fbc461647434784e4a4 Mon Sep 17 00:00:00 2001
From: Cayden Schwechten <4884755-caydens@users.noreply.gitlab.com>
Date: Tue, 4 Aug 2026 10:51:39 -0500
Subject: [PATCH] up the glazing for my portfolio

---
 app/page.tsx | 47 ++++++++++++++++++++++++++++-------------------
 1 file changed, 28 insertions(+), 19 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index d9af0e7..2117224 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -10,18 +10,31 @@ export default function Home() {
                     className="h-40 w-40 rounded-full object-cover shadow-lg"
                 />
 
-                <header className="flex flex-col gap-4">
+                <header className="flex flex-col items-center gap-4">
                     <h1 className="text-5xl font-light leading-tight md:text-6xl">
                         Howdy, I&apos;m Cayden.
                     </h1>
 
-                    <p className="font-poppins text-2xl font-light leading-tight">
-                        JavaScript · TypeScript · Python · Go · React, NextJS
+                    <p className="font-poppins text-2xl font-light leading-tight opacity-80">
+                        Web Developer & Technical Leader
                     </p>
                 </header>
             </section>
 
-            <section className="flex flex-col gap-6 text-lg leading-8 font-cormorantGaramond">
+            <section className="flex flex-wrap items-center justify-center gap-4 font-poppins text-sm tracking-wider text-gray-600 sm:gap-6 sm:text-base md:gap-8">
+                {["JavaScript", "TypeScript", "Python", "Go", "React", "Next.js"].map((tech, index, arr) => (
+                    <React.Fragment key={tech}>
+                        <span className="cursor-default text-snow-storm font-medium transition-colors duration-200 hover:text-nord-12">
+                            {tech}
+                        </span>
+                        {index < arr.length - 1 && (
+                            <span className="select-none text-snow-storm">•</span>
+                        )}
+                    </React.Fragment>
+                ))}
+            </section>
+
+            <section className="flex flex-col gap-6 font-cormorantGaramond text-lg leading-8">
                 <p>
                     Nice to meet you! I am a Web Developer who specializes in architecting robust, user-centric
                     applications, transforming complex logic into seamless digital experiences.
@@ -35,47 +48,43 @@ export default function Home() {
                 </p>
 
                 <p>
-                    Beyond the clinical sector, my architectural experience extends to high-concurrency community
-                    platforms. I have developed complex state management systems, robust user infrastructure, and
-                    comprehensive governance controls. These applications have successfully scaled to support thousands
-                    of daily active users, functioning as mission-critical tools for large digital communities.
+                    Beyond technical architecture, my work is deeply informed by an extensive background in organizational logistics. Grounded by foundational training in nationally recognized civic leadership programs, I previously directed one of the largest interest-driven communities in the Southern United States. In this capacity, I spearheaded large-scale event production—routinely managing gatherings of up to 250 attendees and coordinating cross-country travel for live entertainers. I have additionally facilitated strategic talent placements in commercial media, negotiated partnerships with major global streaming networks, and regularly presented as a panelist at large-scale conventions.
                 </p>
 
                 <p>
-                    Whether developing a new feature, refining an existing product, or adapting to rapid architectural
-                    shifts, I am dedicated to creating software that is accessible, modern, and highly functional.
+                    This focus-driven leadership approach directly translates to my engineering philosophy. Whether orchestrating high-concurrency state management systems, leading a project through rapid architectural shifts, or aligning a development team to meet ambitious goals, I am dedicated to executing with precision and creating software that is modern, accessible, and highly functional.
                 </p>
             </section>
 
             <section className="mt-10 rounded-2xl bg-nord-2 p-8 font-cormorantGaramond text-white shadow-md">
-                <h2 className="mb-6 text-2xl font-semibold tracking-wide border-b border-white/20 pb-3">
-                    Core Competencies
+                <h2 className="mb-6 border-b border-white/20 pb-3 text-2xl font-semibold tracking-wide">
+                    Focus Areas
                 </h2>
 
-                <ul className="grid gap-4 md:grid-cols-2 text-lg">
+                <ul className="grid gap-4 text-lg md:grid-cols-2">
                     <li className="flex items-center gap-3">
                         <span className="h-2 w-2 rounded-full bg-blue-300 shadow-sm"></span>
-                        Next.js & React Ecosystems
+                        Clinical UI/UX & Ergonomics
                     </li>
                     <li className="flex items-center gap-3">
                         <span className="h-2 w-2 rounded-full bg-blue-300 shadow-sm"></span>
-                        TypeScript & Tailwind CSS
+                        EHR & Fleet Architecture
                     </li>
                     <li className="flex items-center gap-3">
                         <span className="h-2 w-2 rounded-full bg-blue-300 shadow-sm"></span>
-                        EHR & Fleet Management
+                        High-Concurrency Infrastructure
                     </li>
                     <li className="flex items-center gap-3">
                         <span className="h-2 w-2 rounded-full bg-blue-300 shadow-sm"></span>
-                        High-Concurrency Systems
+                        Large-Scale Event Logistics
                     </li>
                     <li className="flex items-center gap-3">
                         <span className="h-2 w-2 rounded-full bg-blue-300 shadow-sm"></span>
-                        Infrastructure & Automation
+                        Strategic Team Alignment
                     </li>
                     <li className="flex items-center gap-3">
                         <span className="h-2 w-2 rounded-full bg-blue-300 shadow-sm"></span>
-                        Human-Centric Design & Thinking
+                        Community State Management
                     </li>
                 </ul>
             </section>