Skip to content

Commit 360b507

Browse files
Update Hero.tsx
1 parent 5b1a1fa commit 360b507

File tree

1 file changed

+14
-22
lines changed

1 file changed

+14
-22
lines changed

src/components/Hero.tsx

Lines changed: 14 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ const Hero = () => {
1010

1111
// No changes needed in the state or effects
1212
const codeSnippets = [
13-
"Game Developer", "XR Specialist", "FiveM & Lua Expert", "Full-Stack Developer",
13+
"Full-Stack Developer"
1414
];
1515

1616
useEffect(() => {
@@ -44,33 +44,25 @@ const Hero = () => {
4444
// lg:relative is crucial for absolute positioning to work relative to the section on desktop.
4545
<section id="home" className="min-h-screen flex flex-col items-center justify-center relative px-4 overflow-hidden py-16 lg:py-0">
4646
<MatrixBackground />
47-
48-
{/*
49-
DEVELOPER CODE SNIPPET (z-10)
50-
MODIFICATION: Becomes a normal block on mobile and absolute only on desktop.
51-
- `order-1` places it first on mobile.
52-
- Responsive classes like `lg:absolute` apply the desktop layout.
53-
- Removed `hidden` to make it visible on mobile.
54-
*/}
5547
<div className="w-full max-w-sm p-2 border border-green-400/30 rounded-lg bg-black/50 backdrop-blur-sm z-10
5648
lg:absolute lg:top-24 lg:left-20 lg:max-w-md order-1 lg:order-none">
5749
<pre className="text-sm text-green-400 font-mono whitespace-pre-wrap">
58-
{`import { useState } from "react";
50+
{`import { useState } from "react";
5951
60-
export function hireDeveloper() {
61-
const name = "Jay";
62-
const role = "${displayText}${showCursor ? "|" : " "}";
63-
const location = 'Orlando, FL';
52+
export function hireDeveloper() {
53+
const name = "Jay";
54+
const role = "${displayText}${showCursor ? "|" : " "}";
55+
const location = 'Orlando, FL';
6456
65-
const getSkills = () => [
66-
"React", "TypeScript",
67-
"jQuery", "WordPress",
68-
"GraphQL", "MySQL",
69-
"PostgreSQL"
70-
];
57+
const getSkills = () => [
58+
"Next.js","React", "TypeScript",
59+
"jQuery", "WordPress", "GraphQL",
60+
"MySQL", "PostgreSQL", "C#",
61+
"Rust", "Python"
62+
];
7163
72-
return { name, role, location, getSkills };
73-
}`}
64+
return { name, role, location, getSkills };
65+
}`}
7466
</pre>
7567
</div>
7668

0 commit comments

Comments
 (0)