chore: wording changes

Author: lsbyerley

app/components/site-footer.tsx

@@ -2,7 +2,7 @@ const SiteFooter = () => {
 	return (
 		<footer className="flex w-full shrink-0 flex-col items-center gap-2 border-t px-4 py-6 sm:flex-row md:px-6">
 			<p className="text-xs text-gray-500 dark:text-gray-400">
-				© 2024 Lucas Byerley. All rights reserved.
+				© {new Date().getFullYear()} lucasb.dev | All rights reserved.
 			</p>
 		</footer>
 	)

app/root.tsx

@@ -69,10 +69,10 @@ export const links: LinksFunction = () => {
 
 export const meta: MetaFunction<typeof loader> = ({ data }) => {
 	return [
-		{ title: data ? 'lucasb.dev' : 'Error | lucasb.dev' },
+		{ title: data ? 'lucasb.dev | home' : 'Error | lucasb.dev' },
 		{
 			name: 'description',
-			content: `Personal website for software engineer lucas byerley`,
+			content: `Personal website for software engineer lucas b`,
 		},
 	]
 }
@@ -234,7 +234,7 @@ function App() {
 									<Link to="/" className="group grid leading-snug">
 										<LogoIcon />
 									</Link>
-									<span className="sr-only">Lucas Byerley</span>
+									<span className="sr-only">Lucas B</span>
 								</div>
 								<SheetClose asChild>
 									<Button className="rounded-full" size="icon" variant="ghost">

app/routes/_index.tsx

@@ -7,10 +7,10 @@ const HeroOne = () => {
 					<div className="flex flex-col items-center space-y-4 text-center">
 						<div className="space-y-2">
 							<h1 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl lg:text-6xl/none">
-								Lucas Byerley
+								Lucas B
 							</h1>
 							<p className="mx-auto max-w-[700px] text-gray-500 dark:text-gray-400 md:text-xl">
-								Senior Software Engineer | Sports & Web3 Enthusiast
+								Senior Software Engineer | Sports fan & Web3 enthusiast
 							</p>
 							<p className="mx-auto max-w-[700px] text-gray-500 dark:text-gray-400 md:text-xl">
 								I create clean, modern, and responsive web applications that
@@ -29,18 +29,18 @@ export const HeroTwo = () => {
 			<div className="container grid gap-6 px-4 md:px-6 lg:grid-cols-2 lg:gap-12 xl:gap-20">
 				<div className="flex flex-col items-start justify-center space-y-4">
 					<h1 className="text-4xl font-bold tracking-tighter sm:text-5xl md:text-6xl lg:text-7xl">
-						Lucas Byerley
+						Lucas B
 					</h1>
 					<h2 className="text-2xl font-medium text-gray-500 dark:text-gray-400 sm:text-3xl">
-						Senior Software Engineer | Sports & Web3 Enthusiast
+						Senior Software Engineer | Sports Fan & Web3 Enthusiast
 					</h2>
 					<p className="max-w-[600px] text-gray-500 dark:text-gray-400 md:text-xl">
 					I create clean, modern, and responsive web applications that
 								deliver exceptional user experiences.
 					</p>
 				</div>
 				<img
-					alt="Lucas Byerley"
+					alt="Lucas B"
 					className="mx-auto rounded-full object-cover"
 					height="400"
 					src="https://avatars.githubusercontent.com/u/3066258"
@@ -193,7 +193,7 @@ const Home = () => {
 									rel="noreferrer noopener"
 								>
 									<GithubIcon className="h-6 w-6" />
-									<span>lsbyerley</span>
+									<span>lucasb</span>
 								</a>
 								<a
 									className="flex items-center gap-2"

tests/e2e/home-page.test.ts

@@ -8,5 +8,4 @@ test('Test home page loads properly', async ({ page }) => {
 
 	// TODO: screenshot differs in pipeline
 	// await expect(page).toHaveScreenshot({ fullPage: true });
-	// await expect(page.getByText(/Lucas Byerley/i)).toBeVisible()
 })