; } function Img({ src, alt = "", style = {} }) { return

; } // ============================================ // SPLIT-SCREEN GATEWAY // ============================================ function Gateway({ onSelect }) { const [hover, setHover] = useState(null); // "business" | "personal" | null const [loaded, setLoaded] = useState(false); useEffect(() => { setTimeout(() => setLoaded(true), 1800); }, []); const businessWidth = hover === "business" ? "60%" : hover === "personal" ? "40%" : "50%"; const personalWidth = hover === "personal" ? "60%" : hover === "business" ? "40%" : "50%"; return (

{/* Loading overlay */}

NVAR STUDIOS

Lincoln, Nebraska

{/* Center logo/brand bar */}

NVAR STUDIOS

{/* BUSINESS SIDE */}

setHover("business")} onMouseLeave={() => setHover(null)} onClick={() => onSelect("business")} style={{ width: businessWidth, height: "100%", position: "relative", cursor: "pointer", transition: "width 0.7s cubic-bezier(0.16,1,0.3,1)", overflow: "hidden", }} >

For Businesses

Brand Strategy
& Commercial Photography

Marketing services and content strategies to grow small businesses.

Enter →

{/* CENTER DIVIDER LINE */}

{/* PERSONAL SIDE */}

setHover("personal")} onMouseLeave={() => setHover(null)} onClick={() => onSelect("personal")} style={{ width: personalWidth, height: "100%", position: "relative", cursor: "pointer", transition: "width 0.7s cubic-bezier(0.16,1,0.3,1)", overflow: "hidden", }} >

For You

Portraits, Graduation
& Couples

Timeless, magazine-worthy photography for life's biggest moments.

Enter →

{/* Bottom tag */}

(402) 610-4480 · nvarstudios@gmail.com

); } // ============================================ // BUSINESS EXPERIENCE // ============================================ function BusinessPage({ onBack }) { return (

{/* Hero */}

For Businesses

Marketing services & content strategies to grow small businesses.

Intuitive content strategy and digital marketing for small companies. From photography to web development — we handle it all.

Book a Consultation

{/* Services — from your actual Squarespace content */}

What We Offer

End-to-end creative solutions

{[ { n: "01", t: "Business Strategy & Consulting", items: ["Operational optimization", "Workflow design", "Systems setup"] }, { n: "02", t: "Branding & Creative Direction", items: ["Logo / identity", "Brand messaging", "Visual branding"] }, { n: "03", t: "Digital Marketing Solutions", items: ["Website setup", "Social content strategy", "SEO & Google Business"] }, { n: "04", t: "Content & Media Services", items: ["Photography", "Videography", "Advertising materials"] }, ].map((s, i) => ( ))}

{/* Portfolio with real images */}

Selected Work

Professional headshots & commercial work

{[IMAGES.headshot1, IMAGES.headshot3, IMAGES.headshot4, IMAGES.headshot5, IMAGES.headshot6, IMAGES.portrait2].map((img, i) => ( ))}

); } function ServiceCard({ n, t, items }) { const [h, setH] = useState(false); return (

setH(true)} onMouseLeave={() => setH(false)} style={{ background: h ? C.surfaceLight : C.surface, padding: "2.5rem", cursor: "pointer", transition: "background 0.5s", position: "relative", overflow: "hidden" }}>

{n}

{t}

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

{item}

))}

); } // ============================================ // PERSONAL EXPERIENCE // ============================================ function PersonalPage({ onBack }) { return (

{/* Hero */}

Portraits · Graduation · Couples

Photography that feels as real as the moment.

When you book with me, you're not just getting someone who knows how to shoot. You're getting someone who shows up with professionalism, creativity, and energy that brings your vision to life.

Book a Session

{/* Gallery with real graduation/portrait images */}

The Gallery

Real moments, real people

{[IMAGES.grad2, IMAGES.grad3, IMAGES.grad4, IMAGES.grad5, IMAGES.grad6, IMAGES.grad7, IMAGES.grad8, IMAGES.portrait1, IMAGES.portrait3].map((img, i) => ( ))}

{/* Session packages — from your actual Squarespace pricing */}

Packages

Book a session

{[ { title: "Graduation Bundle", price: "$250", color: C.blush, desc: "Celebrate your achievement with timeless, magazine-worthy portraits that honor this once-in-a-lifetime moment.", includes: ["1 hour on location session", "30 professionally edited images", "Location of your choice", "Social media & print ready"], }, { title: "Couples Bundle", price: "$300", color: C.gold, desc: "Capture real love, real moments, and real chemistry. No stiff posing — just the two of you being yourselves.", includes: ["1 hour on location", "30 professionally edited images", "Location of your choice", "Gentle direction throughout"], }, { title: "Premium Headshots", price: "$200", color: C.sage, desc: "For business owners, creatives, or anyone building a personal brand. More time, more variety, more content.", includes: ["60-minute session", "Up to 2 outfits & locations", "25+ edited images", "5 high-end retouched photos"], }, ].map((s, i) => ( ))}

Standard Headshot available at $150 — 30-minute session, 1 outfit, 10-12 edited images

); } function GalleryImage({ src }) { const [h, setH] = useState(false); return (

setH(true)} onMouseLeave={() => setH(false)} style={{ breakInside: "avoid", marginBottom: "1rem", overflow: "hidden", cursor: "pointer" }}>

); } function PortfolioImage({ src }) { const [h, setH] = useState(false); return (

setH(true)} onMouseLeave={() => setH(false)} style={{ overflow: "hidden", cursor: "pointer", aspectRatio: "3/4" }}>

); } function SessionCard({ title, price, desc, includes, color }) { const [h, setH] = useState(false); return (

setH(true)} onMouseLeave={() => setH(false)} style={{ background: C.surface, padding: "2.2rem 1.8rem", position: "relative", overflow: "hidden", transition: "transform 0.5s cubic-bezier(0.16,1,0.3,1)", transform: h ? "translateY(-4px)" : "none" }}>

{price}

{title}

{desc}

{includes.map((item, i) => (

{item}

))}

Book Now →

); } // ============================================ // SHARED COMPONENTS // ============================================ function NavBar({ onBack, accent = C.gold, label }) { return ( ); } function CTASection({ personal }) { const accent = personal ? C.blush : C.gold; return (

Let's Talk

{personal ? "Your story is " : "Ready to elevate "} {personal ? "waiting." : "your brand?"}

{personal ? "Every session starts with a conversation. Tell me what matters, and we'll create something worth keeping." : "Book a free consultation. We'll audit your current presence and show you exactly where the opportunities are."}

{personal ? "Book a Session" : "Book a Consultation"}

Or call: (402) 610-4480

); } function Footer({ onBack }) { return ( ); } // ============================================ // MAIN APP — STATE ROUTER // ============================================ export default function NVARStudios() { const [view, setView] = useState("gateway"); // "gateway" | "business" | "personal" const handleSelect = (side) => { setView(side); window.scrollTo({ top: 0, behavior: "instant" }); }; return (

{view === "gateway" && } {view === "business" && handleSelect("gateway")} />} {view === "personal" && handleSelect("gateway")} />}

); }

Brand Strategy& Commercial Photography

Portraits, Graduation& Couples