evandro/portifolio-evandrodevbr
1
0 Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Implement initial portfolio website structure and core components including main page, header, hero, contact, and work modalities.

Browse Source
This commit is contained in:
Evandro Fonseca Junior committed 2026-03-07 15:17:05 -03:00
1 parent 0523052864
commit 6299ae040a
7 files changed
+332 -206
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/components/WorkModalities.tsx
+38 -7
View File
@@ -92,7 +92,9 @@ function TierCard({ tier }: { tier: Tier }) {
onBlur={() => setHovered(false)}
tabIndex={0}
style={{
border: tier.featured ? "2px solid #0A0A0A" : "1px solid rgba(10,10,10,0.1)",
border: tier.featured
? "2px solid #0A0A0A"
: "1px solid rgba(10,10,10,0.1)",
background: tier.featured ? "#0A0A0A" : "#fff",
padding: "var(--sp-6)",
display: "flex",
@@ -108,7 +110,13 @@ function TierCard({ tier }: { tier: Tier }) {
}}
>
{/* Top row */}
<div style={{ display: "flex", justifyContent: "space-between", alignItems: "flex-start" }}>
<div
style={{
display: "flex",
justifyContent: "space-between",
alignItems: "flex-start",
}}
>
<span
style={{
fontSize: "9px",
@@ -123,7 +131,9 @@ function TierCard({ tier }: { tier: Tier }) {
style={{
fontFamily: "var(--font-display)",
fontSize: "11px",
color: tier.featured ? "rgba(255,255,255,0.15)" : "rgba(10,10,10,0.12)",
color: tier.featured
? "rgba(255,255,255,0.15)"
: "rgba(10,10,10,0.12)",
fontWeight: 800,
letterSpacing: "0.04em",
}}
@@ -150,7 +160,9 @@ function TierCard({ tier }: { tier: Tier }) {
style={{
marginTop: "var(--sp-2)",
fontSize: "11px",
color: tier.featured ? "rgba(232,255,0,0.85)" : "rgba(10,10,10,0.5)",
color: tier.featured
? "rgba(232,255,0,0.85)"
: "rgba(10,10,10,0.5)",
lineHeight: 1.6,
}}
>
@@ -159,7 +171,15 @@ function TierCard({ tier }: { tier: Tier }) {
</div>
{/* Description */}
<p style={{ fontSize: "12px", color: tier.featured ? "rgba(255,255,255,0.7)" : "rgba(10,10,10,0.65)", lineHeight: 1.8 }}>
<p
style={{
fontSize: "12px",
color: tier.featured
? "rgba(255,255,255,0.7)"
: "rgba(10,10,10,0.65)",
lineHeight: 1.8,
}}
>
{tier.description}
</p>
@@ -183,7 +203,9 @@ function TierCard({ tier }: { tier: Tier }) {
{/* Pricing */}
<div
style={{
borderTop: tier.featured ? "1px solid rgba(255,255,255,0.1)" : "1px solid rgba(10,10,10,0.08)",
borderTop: tier.featured
? "1px solid rgba(255,255,255,0.1)"
: "1px solid rgba(10,10,10,0.08)",
paddingTop: "var(--sp-4)",
}}
>
@@ -198,7 +220,16 @@ function TierCard({ tier }: { tier: Tier }) {
>
{tier.pricing}
</div>
<div style={{ fontSize: "10px", color: tier.featured ? "rgba(255,255,255,0.3)" : "rgba(10,10,10,0.35)", marginTop: "4px", letterSpacing: "0.06em" }}>
<div
style={{
fontSize: "10px",
color: tier.featured
? "rgba(255,255,255,0.3)"
: "rgba(10,10,10,0.35)",
marginTop: "4px",
letterSpacing: "0.06em",
}}
>
{tier.pricingNote}
</div>
</div>