Skip to content

Button replacement #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
LuaanNguyen merged 2 commits into from
Mar 28, 2026
Merged

Button replacement #16

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
17f98d5
feat(resume-review): replace booking button with email CTA
LuaanNguyen Mar 28, 2026
81e68ef
fix(resume-review): obfuscate email display to prevent scraping
LuaanNguyen Mar 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 10 additions & 20 deletions src/app/resume-review/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,8 @@ import { FiCheckCircle } from "react-icons/fi";
import { SiOpenai, SiFox } from "react-icons/si";
import Image from "next/image";

// ─── Replace these before going live ─────────────────────────────────────────
const BOOKING_URL = "https://cal.com/placeholder"; // TODO: replace with your booking link
const GOFUNDME_URL = "https://gofundme.com/placeholder"; // TODO: replace with your GoFundMe link
const EMAIL = "luanthiennguyen2003@gmail.com";
const SITE_URL = "https://luannguyen.net";
// ─────────────────────────────────────────────────────────────────────────────

Expand Down Expand Up @@ -91,21 +90,6 @@ const jsonLd = {
},
};

// ─── Button ───────────────────────────────────────────────────────────────────

function PrimaryButton({ href, children }: { href: string; children: React.ReactNode }) {
return (
<a
href={href}
target="_blank"
rel="noopener noreferrer"
className="inline-flex items-center gap-2 bg-spotify-green hover:bg-spotify-dark-green text-black font-bold px-6 py-3 rounded-full transition-all duration-200 hover:scale-105 text-sm"
>
{children}
</a>
);
}

// ─── Hero ─────────────────────────────────────────────────────────────────────

function Hero() {
Expand Down Expand Up @@ -139,9 +123,15 @@ function Hero() {
</a>
</p>
</div>
<PrimaryButton href={BOOKING_URL}>
<FaHeart className="text-xs" aria-hidden="true" /> book a session
</PrimaryButton>
<p className="text-spotify-light-gray text-sm">
interested? email me at{" "}
<a
href={`mailto:${EMAIL}`}
className="text-spotify-green hover:text-green-400 underline underline-offset-2 transition-colors duration-200"
>
luanthiennguyen2003 at gmail dot com
</a>
</p>
</div>
</section>
);
Expand Down
Loading