; } function AButton({ children, variant = "gold", href, target, rel, onClick, style }) { const base = { padding: "20px 38px", fontFamily: "Poppins, sans-serif", fontWeight: 300, fontSize: 11, letterSpacing: "0.36em", textTransform: "uppercase", cursor: "pointer", border: "1px solid", borderRadius: 0, transition: "background-color 220ms ease, color 220ms ease, border-color 220ms ease", display: "inline-flex", alignItems: "center", gap: 12, textDecoration: "none", }; const variants = { gold: { background: A_GOLD, color: A_WHITE, borderColor: A_GOLD }, "outline": { background: "transparent", color: A_INK, borderColor: A_INK }, }; const [hover, setHover] = useStateA(false); const hoverStyle = hover ? ( variant === "gold" ? { background: "#b59340", borderColor: "#b59340" } : { background: A_INK, color: A_WHITE } ) : {}; const Tag = href ? "a" : "button"; return ( setHover(true)} onMouseLeave={()=>setHover(false)} style={{ ...base, ...variants[variant], ...hoverStyle, ...style }}>{children} ); } // ---------- 1. HERO — typographic, with a small vertical portrait beside the wordmark ---------- function AboutHero() { return (

About J. Renée Johnson

Hi. I'm Jenn.

Photographer. Founder. Twenty years behind the camera, and the most meaningful chapter of the work just beginning.

{/* small vertical portrait — quiet, not full-bleed */}

J. Renée Johnson — luxury portrait photographer and founder of J. Renée Studios

Jennifer Renee · Boise + Las Vegas

); } // ---------- 2. THE STORY — narrow centered column ---------- function AboutStory() { return (

The Story

The work I've chosen.

I started my photography business in 2001.

For the first fifteen years, I was a wedding and portrait photographer. Then years of newborns and maternity portraits — being trusted with families through some of the most personal seasons of their lives.

And then, near the end of the wedding chapter, I had my own boudoir session.

Something happened.

I watched a woman walk into a studio one way and walk out completely changed — not because of how she looked in the photographs, but because of what she finally saw in herself. That has become the work I do now. Boudoir. Portraits. Branding. Maternity. All of it under one roof: photographing women through the chapters that matter.

I've photographed thousands of women in my career. I've been doing this since 2001. And the truth is, I've never loved the work more than I love it now.

The best compliment a client can pay me isn't "the photos are beautiful." It's that she felt comfortable, confident, and seen — and that she became a little obsessed with her own images.

That's the work. That's what I do.
That's what I love.

); } // ---------- 3. OUTSIDE THE STUDIO — two columns w/ vertical image ---------- function AboutOutside() { return (

Outside the Studio

The other things.

I grew up in Hawaii — the oldest of five.

I've been married to my husband Rodney for over twenty years. We have two kids and two dogs (a Golden Doodle and a Sheepadoodle, both of whom believe they run the house).

I'm obsessed with travel. Four to six trips a year, every year. Italy is the place I keep finding excuses to go back to — Tuscany, Florence, somewhere in the hills, taking my time. If I could move there, I probably would.

My family is strictly organic and gluten-free. I hold several health certifications and pride myself on eating clean food whenever we can.

When I'm not photographing women, I'm running another business, planning my next trip, or convincing myself that one more dog is fine, actually.

); } // ---------- 4. WHAT I LOVE — three declarations w/ gold rules ---------- function AboutWhatILove() { const items = [ { n: "01", headline: "I love to empower women.", body: "The work I've chosen is the work I've spent my entire career building toward.", }, { n: "02", headline: "I love to build businesses.", body: "I've spent twenty years figuring out what makes a business work, and I've learned to love the building almost as much as the photographing.", }, { n: "03", headline: "I love to travel.", body: "Four to six trips a year. Italy on heavy rotation. The world is too big to stay in one room.", }, ]; return (

What I Love

The truth about
what drives this.

{items.map((it, i) => (

{i > 0 && (

)}

{it.n}

{it.headline}

{it.body}

))}

); } // ---------- 5. MENTORS & INFLUENCES — beige, narrow, mentor names as the typographic moment ---------- function AboutMentors() { const mentors = ["Sue Bryce", "Jose Villa", "Jerry Ghionis", "Kara Marie", "Denise Birdsong"]; return (

Mentors & Influences

I'm obsessed with learning.

Every single year of my career, I invest in something that gets me to the next level. Not always photography. Sometimes AI. Sometimes business. Sometimes systems, marketing, leadership, or whatever the next thing is I want to understand more deeply.

The day I stop learning is the day I stop being good at this.

In photography, I've studied directly under —

{/* Mentor names — strongest typographic moment */}

{mentors.map((m, i) => (

{m}

{i < mentors.length - 1 && (

)}

))}

— among others.

What you see in my work today is the distillation of all of it: years of refinement, the lessons of mentors I respect deeply, and my own voice behind the camera.

); } // ---------- 6. CLICK TO LAUNCH — single centered column, typography-led ---------- function AboutClickToLaunch() { const [hover, setHover] = useStateA(false); return (

Another Business

Click to Launch.

Outside of J. Renée Studios, I run Click to Launch — a marketing agency for entrepreneurs.

We teach entrepreneurs how to grow real businesses: marketing, AI, strategic business planning, and the systems that turn talented founders into profitable ones. It's the work I do for our clients, the work I do for myself, and the work I think every entrepreneur deserves access to.

I started Click to Launch because I'd spent two decades figuring this out the hard way — and I didn't want anyone else to.

setHover(true)} onMouseLeave={()=>setHover(false)} style={{ display: "inline-flex", alignItems: "center", gap: 16, fontFamily: "Poppins, sans-serif", fontWeight: 300, fontSize: 11, letterSpacing: "0.36em", textTransform: "uppercase", color: hover ? "#b59340" : A_GOLD, textDecoration: "none", borderBottom: `1px solid ${hover ? "#b59340" : A_GOLD}`, paddingBottom: 6, transition: "color 200ms ease, border-color 200ms ease", }} > Learn more about Click to Launch →

); } // ---------- 7. FINAL CTA ---------- function AboutFinalCTA() { return (

That's me.

If you're considering working together, I'd love to hear from you.

Inquire

); } Object.assign(window, { AboutHero, AboutStory, AboutOutside, AboutWhatILove, AboutMentors, AboutClickToLaunch, AboutFinalCTA, });