https://alexandergarcia.me/static/js/async/544.09a7547c25.js

1"use strict";(self.rspackChunkportfolio_site=self.rspackChunkportfolio_site||[]).push([[544],{38877(e,t,r){r.d(t,{E:()=>l});var s=r(62615);r(59471);var a=r(14282),n=r(80846),i=r(26073);let o=(0,n.F)("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",purple:"border-transparent bg-violet text-white/90 dark:text-white"}},defaultVariants:{variant:"default"}});function l(e){let{className:t,variant:r,asChild:n=!1,...l}=e,d=n?a.DX:"span";return(0,s.jsx)(d,{"data-slot":"badge",className:(0,i.cn)(o({variant:r}),t),...l})}},42099(e,t,r){r.r(t),r.d(t,{default:()=>p});var s=r(62615);r(59471);var a=r(99281),n=r(97638),i=r(52793),o=r(76478),l=r(60120),d=r(31621),c=r(38877);function x(e){let{study:t,index:r}=e,a="#"===t.link,l=t.link.startsWith("http"),d=a?"div":l?"a":n.k2,x=a?{}:l?{href:t.link,target:"_blank",rel:"noopener noreferrer"}:{to:t.link};return(0,s.jsx)(i.P.div,{initial:{opacity:0,y:48},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.65,delay:.1*r,ease:[.16,1,.3,1]},children:(0,s.jsxs)(d,{...x,className:`group relative flex flex-col rounded-xl overflow-hidden h-full min-h-[340px] transition-all duration-500 dark:bg-card bg-[#f9f9f9] border border-border ${t?.styles?.border} hover:shadow-3xl`,children:["#"!==t.link&&(0,s.jsx)("div",{className:"absolute inset-0 pointer-events-none transition-opacity duration-700 opacity-0 group-hover:opacity-100",style:{background:`radial-gradient(ellipse 70% 55% at 50% 110%, ${t.accent}18 0%, transparent 70%)`}}),(0,s.jsx)("div",{className:"flex items-center px-6 pt-6 pb-4 border-b border-border",children:(0,s.jsx)("span",{className:`font-mono text-xs uppercase tracking-[0.22em] px-2.5 py-1 rounded-sm ${t?.styles?.badge}`,children:t.category})}),(0,s.jsxs)("div",{className:"flex flex-col flex-1 p-6 gap-5",children:[(0,s.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,s.jsx)("h2",{className:"font-sans font-bold text-xl leading-tight text-card-foreground group-hover:text-card-foreground/70 transition-colors duration-200",children:t.title}),(0,s.jsxs)("div",{className:"shrink-0 text-right",children:[(0,s.jsx)("p",{className:`font-mono font-black text-2xl leading-none tabular-nums ${t?.styles?.text}`,children:t.impact}),(0,s.jsx)("p",{className:"font-mono text-xs uppercase tracking-[0.18em] text-card-foreground/80 mt-0.5 whitespace-nowrap",children:t.impactLabel})]})]}),(0,s.jsxs)("p",{className:`font-sans text-xs font-semibold uppercase tracking-[0.2em] ${t?.styles?.text}`,children:[t.role," · ",t.year]}),(0,s.jsx)("p",{className:"font-mono text-sm md:text-base text-card-foreground/48 leading-relaxed flex-1",children:t.tagline}),(0,s.jsxs)("div",{className:"flex items-center justify-between pt-4 border-t border-border",children:[(0,s.jsx)("div",{className:"flex flex-wrap gap-1.5",children:t.technologies.slice(0,3).map(e=>(0,s.jsx)(c.E,{variant:"outline",className:"font-mono uppercase tracking-[0.12em] px-2 py-0.5 rounded-sm text-xs text-muted-foreground bg-muted",children:e}))}),"#"!==t.link&&(0,s.jsx)(o.A,{className:`h-4 w-4 shrink-0 opacity-0 group-hover:opacity-100 transition-all duration-200 translate-x-0.5 -translate-y-0.5 group-hover:translate-x-0 group-hover:translate-y-0 ${t?.styles?.accent}`})]})]})]})})}function p(){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(a.mg,{children:[(0,s.jsx)("title",{children:"Alexander Garcia | Projects"}),(0,s.jsx)("meta",{name:"description",content:"Various projects that Alexander Garcia has worked on over the past decade"}),(0,s.jsx)("link",{rel:"canonical",href:"https://alexandergarcia.dev/projects"}),(0,s.jsx)("meta",{property:"og:type",content:"website"}),(0,s.jsx)("meta",{property:"og:url",content:"https://alexandergarcia.dev/projects"}),(0,s.jsx)("meta",{property:"og:title",content:"Alexander Garcia | Projects"}),(0,s.jsx)("meta",{property:"og:description",content:"Portfolio of projects including government work at VA.gov, open source tools, and client websites."}),(0,s.jsx)("meta",{property:"og:site_name",content:"Alexander Garcia"}),(0,s.jsx)("meta",{name:"twitter:card",content:"summary"}),(0,s.jsx)("meta",{name:"twitter:title",content:"Alexander Garcia | Projects"}),(0,s.jsx)("meta",{name:"twitter:description",content:"Portfolio of projects including government work at VA.gov, open source tools, and client websites."}),(0,s.jsx)("script",{type:"application/ld+json",children:JSON.stringify({"@context":"https://schema.org","@type":"CollectionPage",name:"Alexander Garcia's Projects",description:"Portfolio of projects including government work at VA.gov, open source tools, and client websites.",author:{"@type":"Person",name:"Alexander Garcia",jobTitle:"Staff Front-End Engineer"}})})]}),(0,s.jsxs)("main",{className:"min-h-screen",children:[(0,s.jsx)(d.m,{}),(0,s.jsx)("section",{className:"py-20 pt-28 md:pt-40 px-6 relative overflow-hidden",children:(0,s.jsx)("div",{className:"relative mx-auto max-w-7xl grid grid-cols-1 lg:grid-cols-2 gap-12 items-start",children:(0,s.jsxs)("div",{className:"space-y-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-gradient-to-r from-violet to-indigo"}),(0,s.jsx)("h1",{className:"text-xs font-mono uppercase tracking-[0.25em] text-muted-foreground",children:"Projects"})]}),(0,s.jsxs)("p",{className:"text-3xl sm:text-4xl md:text-5xl font-mono tracking-tight",children:["Work I'm",(0,s.jsx)("br",{}),(0,s.jsx)("span",{className:"gradient-text",children:"proud of"})]}),(0,s.jsx)("p",{className:"text-muted-foreground max-w-[50ch] text-base lg:text-lg",children:"Federal platforms, enterprise SaaS, and full-stack products — each built with care for the humans on the other end."})]})})}),(0,s.jsxs)("section",{id:"case-studies",className:"bg-secondary relative",children:[(0,s.jsx)("div",{className:"absolute inset-0 back-alt"}),(0,s.jsxs)("div",{className:"max-w-7xl mx-auto py-24 px-6 lg:px-0 z-10 relative",children:[(0,s.jsxs)("div",{className:"space-y-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-gradient-to-r from-violet to-indigo"}),(0,s.jsx)("h2",{className:"text-xs font-mono uppercase tracking-[0.25em] text-muted-foreground",children:"Case Studies"})]}),(0,s.jsx)("p",{className:"text-muted-foreground max-w-[50ch] text-base lg:text-lg",children:"Selected works that show how my process, how I build, and what I learn from each project."})]}),(0,s.jsx)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4 mt-16",style:{gridAutoFlow:"dense"},children:l.II.map((e,t)=>(0,s.jsx)(x,{study:e,index:t},e.id))})]})]}),(0,s.jsxs)("section",{id:"side-projects",className:"relative mx-auto max-w-7xl py-24 px-6 md:px-0",children:[(0,s.jsxs)("div",{className:"space-y-6",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("div",{className:"w-1.5 h-1.5 rounded-full bg-gradient-to-r from-violet to-indigo"}),(0,s.jsx)("h2",{className:"text-xs font-mono uppercase tracking-[0.25em] text-muted-foreground",children:"Side Projects"})]}),(0,s.jsx)("p",{className:"text-muted-foreground max-w-[50ch] text-base lg:text-lg",children:"Tools, libraries, and experiments built in the margins of my career. Not all are polished."})]}),(0,s.jsx)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4 mt-16",style:{gridAutoFlow:"dense"},children:l.of.map((e,t)=>(0,s.jsx)(x,{study:e,index:t},e.id))})]})]})]})}}}]);