Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/dev.void/llms.txt

Use this file to discover all available pages before exploring further.

Your personal identity is spread across three source files: AuroraHero.js powers the landing page, PlanetaryProfile.js drives the /about card, and the page-level headings live as inline JSX strings inside the route components in assets/main.js. Every string you’ll want to change is documented here with the exact line context so you can find and replace it without hunting through minified output.

​
AuroraHero — Landing Page (/)

AuroraHero.js renders the full-screen intro section at the root route. It contains five distinct text areas.

Name Headline

The large gradient h1 renders "Alex Vance" inside a <span> with a bg-clip-text gradient. Replace the string to change what visitors see first.

Subheadline

The h2 below the name reads "Architecting nebulas of code in the digital void." — your personal tagline.

CTA Buttons

Two <button> elements render "Initiate Sequence" and "View Telemetry". Both are currently no-op; add an onClick prop to wire them up.

Quote & Signal

A <section> below the hero holds the quote string and the static signal flavour text beneath it.

​
Editing the name and headline

Locate the h1 and h2 blocks inside AuroraHero.js and replace the string values: 
// AuroraHero.js — h1 name (inside the gradient span)
<span className="relative text-transparent bg-clip-text bg-gradient-to-r from-slate-100 via-aurora-light to-slate-300">
  Alex Vance   {/* ← replace with your name */}
</span>

// AuroraHero.js — h2 subheadline
<h2 className="font-serif italic text-2xl md:text-4xl text-slate-300 mb-10 font-light">
  Architecting nebulas of code in the digital void.  {/* ← your tagline */}
</h2>

​
Establishing connection pre-text

The small monospaced label that animates in above the name: 
// AuroraHero.js — mono pre-label
<p className="font-mono text-aurora-mint tracking-[0.3em] uppercase text-sm mb-6">
  Establishing Connection...  {/* ← customise or remove */}
</p>

​
CTA buttons (with optional onClick)

// AuroraHero.js — primary CTA
<button
  className="px-8 py-3 rounded-full bg-aurora-teal/10 border border-aurora-teal/50 ..."
  onClick={() => navigate("/projects")}   {/* ← add onClick */}
>
  Initiate Sequence   {/* ← button label */}
</button>

// AuroraHero.js — secondary CTA
<button
  className="px-8 py-3 rounded-full bg-transparent border border-slate-700 ..."
  onClick={() => navigate("/skills")}     {/* ← add onClick */}
>
  View Telemetry   {/* ← button label */}
</button>
Import useNavigate from react-router-dom at the top of AuroraHero.js and call const navigate = useNavigate() inside the component body before using navigate(...) in the onClick handlers.

​
Quote and signal intercepted text

Both strings live in the <section> that is rendered directly inside the home-route wrapper in assets/main.js: 
// assets/main.js — home route quote section
<section className="py-32 px-6 max-w-4xl mx-auto text-center">
  <h3 className="font-serif italic text-3xl text-aurora-teal mb-6">
    "The universe is under no obligation to make sense to you, but your code should."
    {/* ← replace with your favourite quote */}
  </h3>
  <p className="font-mono text-slate-400 text-sm leading-relaxed">
    SIGNAL INTERCEPTED // SECTOR 4G // AWAITING FURTHER INSTRUCTIONS
    {/* ← flavour text beneath the quote */}
  </p>
</section>

​
PlanetaryProfile — About Page (/about)

PlanetaryProfile.js renders the 3-D tilt card that visitors see on the /about route. It contains your name, designation, two bio paragraphs, a location coordinate, a status label, and two avatar orbital labels.

​
Editing name and designation

// PlanetaryProfile.js — subject heading
<h2 className="font-sans text-3xl md:text-4xl font-bold text-slate-100 mb-2">
  Subject: <span className="text-aurora-teal">Alex Vance</span>
  {/* ← replace "Alex Vance" */}
</h2>

// PlanetaryProfile.js — designation subheading
<h3 className="font-mono text-sm text-slate-400 tracking-widest uppercase mb-6 border-b border-slate-800 pb-4">
  Designation: Frontend Architect
  {/* ← replace "Frontend Architect" with your role */}
</h3>

​
Bio paragraphs

The two <p> elements inside the space-y-4 container hold your biography copy: 
// PlanetaryProfile.js — first bio paragraph
<p>
  Originating from the creative sector, I navigate the complex gravitational
  pulls between aesthetic design and rigorous engineering.
  {/* ← your first bio paragraph */}
</p>

// PlanetaryProfile.js — second bio paragraph (contains a styled span)
<p>
  My current trajectory involves building highly interactive, accessible,
  and performant web applications that feel less like software and more like{" "}
  <span className="text-aurora-pink italic font-serif">
    digital experiences
    {/* ← keep or remove the styled span */}
  </span>.
</p>

​
Coordinates, status, and avatar labels

// PlanetaryProfile.js — coordinates panel
<div className="font-sans text-sm text-slate-200">
  San Francisco, CA   {/* ← your city, country */}
</div>

// PlanetaryProfile.js — status panel
<div className="font-sans text-sm text-aurora-mint flex items-center gap-2">
  <span className="w-2 h-2 rounded-full bg-aurora-mint animate-pulse" />
  Accepting Transmissions   {/* ← e.g. "Open to Work" or "Not Available" */}
</div>

// PlanetaryProfile.js — avatar orbital labels
<div className="absolute -top-4 left-1/2 -translate-x-1/2 font-mono text-[10px] text-aurora-mint tracking-widest">
  MASS: 1.4M LOC   {/* ← top label, e.g. "MASS: 200K LOC" */}
</div>
<div className="absolute -bottom-4 left-1/2 -translate-x-1/2 font-mono text-[10px] text-aurora-pink tracking-widest">
  ORBIT: 5 YRS EXP  {/* ← bottom label, e.g. "ORBIT: 8 YRS EXP" */}
</div>

​
Page Section Titles (assets/main.js)

Every route in the app has a dedicated wrapper component in assets/main.js. Each wrapper renders an h1 and an italic p subtitle that you can update independently.
RouteCurrent h1Current subtitle
/about"Stellar Cartography""Mapping the origins and trajectory of the developer."
/projects"Probes & Payloads""Deployed projects currently orbiting the digital expanse."
/skills"Telemetry""Scanning the technical spectrum for active proficiencies."
/work"Mission Log""A chronological record of previous deployments and assignments."
/case-studies"Anomalies Investigated""Declassified flight recorder data from critical missions."
/blog"Field Notes from the Void""Intercepted transmissions and technical musings."
/contact"Open a Hailing Frequency""Establish a direct comms link across the void."
/testimonials"Voices from the Crew""Logs recorded by fellow travelers and commanders."
Each heading block follows the same structure — find the route wrapper by the path string and edit the children: 
// assets/main.js — example: /about route wrapper
function T() {
  return (
    <div className="w-full max-w-7xl mx-auto pt-10">
      <div className="px-6 mb-10 text-center">
        <h1 className="font-sans text-4xl md:text-5xl font-bold text-slate-100 mb-4">
          Stellar Cartography   {/* ← page title */}
        </h1>
        <p className="font-serif italic text-xl text-slate-400">
          Mapping the origins and trajectory of the developer.   {/* ← subtitle */}
        </p>
      </div>
      <PlanetaryProfile />
    </div>
  );
}

​
Step-by-Step: Complete Identity Update

1

Update your name everywhere

Search the source for Alex Vance — it appears in two places: the gradient <span> inside the h1 in AuroraHero.js, and the teal-coloured <span> inside the h2 in PlanetaryProfile.js. Replace both occurrences with your own name.
2

Rewrite the hero tagline

In AuroraHero.js, replace the h2 text "Architecting nebulas of code in the digital void." with a one-sentence description of what you do. Keep it under 60 characters so it stays on one line at large breakpoints.
3

Update your role and bio

In PlanetaryProfile.js, replace "Frontend Architect" in the h3 with your actual title, then rewrite both <p> bio paragraphs. The second paragraph uses a <span className="text-aurora-pink italic font-serif"> to highlight a key phrase — swap in your own emphasis word or remove the span entirely.
4

Set your location and status

In PlanetaryProfile.js, replace "San Francisco, CA" with your city and update "Accepting Transmissions" to reflect your current availability.
5

Adjust the avatar orbital labels

The two orbital labels (MASS: 1.4M LOC and ORBIT: 5 YRS EXP) are cosmetic stats. Update the numbers to reflect your actual lines-of-code estimate and years of experience.
6

Refresh the quote and signal text

In assets/main.js, inside the home-route R component, replace the h3 quote string and, if desired, the SIGNAL INTERCEPTED flavour text in the <p> below it.
7

Rename page section titles (optional)

Open assets/main.js and locate each route wrapper function (T, O, E, I, L, M, F, H). Update the h1 and subtitle p text for any pages whose space-themed names you want to personalise.
The assets/main.js file is the compiled/bundled entry point. If your project uses a build tool (Vite, etc.), edit the source versions of these components in src/ or wherever your unbundled files live — changes to assets/main.js will be overwritten on the next build.

Build docs developers (and LLMs) love

Get started for freeTalk to us