DevfinixDevfinix

Case Study · Personal Brand · Author & Investor

Arash Rezaei

A cinematic personal-brand site for an investor and author, uniting his book, ventures, talks and foundation on one fast, secure page.

Industry
Personal Brand · Author & Investor
Built For
Readers, event organisers & donors
Stack
Next.js 16 · Tailwind CSS v4 · next/font (Raleway)
Arash Rezaei homepage on desktop

Project Overview

Arash Rezaei's site tells one story — adversity, ownership, purpose — and routes every visitor to the right next step: buy the book, watch a talk, explore the ventures or support the foundation.

The design is dark and cinematic, built around stage and portrait photography with a signature red accent and large display type.

It is engineered as tightly as it looks: a self-only Content Security Policy, HSTS preload and reduced-motion support, with no third-party trackers.

What It Had to Do

  • Turn a personal story into a clear, memorable brand
  • Drive book sales, talk views and foundation donations from one page
  • Showcase a portfolio of ventures with direct links to each
  • Stay fast, accessible and secure with no third-party scripts

Under the Hood

Key Features

01

Book launch section

A dedicated section for “Be Epic” with its cover and a direct link to the Amazon listing.

02

Seven Principles

A numbered framework section that distils the book into seven principles for an epic life.

03

Global Ventures grid

Links out to six ventures, including StartX, LiquidChain, Schultz and Synergy Financial Management.

04

Talks & media

A talks section that sends visitors to the YouTube channel.

05

Foundation donations

The Rezaei Foundation section connects to a Stripe-hosted donation page for youth development.

06

Accessible by design

Skip-to-content link, labelled navigation landmarks, descriptive alt text and prefers-reduced-motion rules.

Arash Rezaei on a mobile phone

Built Mobile-First

Technology

Detected from the live site's source and response headers.

  • Next.js 16

    App Router, built with Turbopack

  • Tailwind CSS v4

    Theme tokens for the red-on-black palette

  • next/font (Raleway)

    Self-hosted variable font

  • Stripe Payment Links

    Secure foundation donations

  • Hardened security headers

    Self-only CSP, HSTS preload, frame denial

Verified on the Live Site

Search & Discoverability

  • Person, Book and WebSite structured data linked in one graph
  • Canonical URL and index/follow robots directives
  • Large image previews enabled for Google
  • Full Open Graph and Twitter card set with image alt text
  • Hero images preloaded and fonts self-hosted
Rule the Web!

Request a Web Design and Marketing Proposal.