/* ========================================================= SCG Growth Partners — Home page ========================================================= */ function Hero() { const isMobile = useIsMobile(); const [email, setEmail] = useState(''); const [sent, setSent] = useState(false); return (
{/* faint editorial grid */}
); } /* ---------- JOURNEY ---------- */ function Journey() { const isMobile = useIsMobile(); const [active, setActive] = useState(null); const pathRef = useRef(null); const [pathLen, setPathLen] = useState(0); useEffect(()=>{if(pathRef.current)setPathLen(pathRef.current.getTotalLength());},[]); const stages = [ { x:100, y:360, label:'Diagnose', sub:'Written audit of your business, buyer, and path to revenue.' }, { x:460, y:290, label:'Build', sub:'Playbook, hiring plan, tech stack, scorecards, rituals.' }, { x:800, y:195, label:'Launch', sub:'Your team runs the system. We review and refine.' }, { x:1130, y:70, label:'Hand off', sub:'A complete operating manual.' }, ]; if (isMobile) { const mDots = [{x:40,y:130},{x:130,y:85},{x:225,y:48},{x:315,y:15}]; const mPath = `M 40 155 L 40 130 C 80 130, 95 85, 130 85 C 168 85, 190 48, 225 48 C 260 48, 282 15, 315 15`; return (
{[40,80,120].map(y=>)} {mDots.map((s,i)=>( ))}
{stages.map((s,i)=>(
{String(i+1).padStart(2,'0')}

{s.label}

{s.sub}

))}
); } const path=`M ${stages[0].x} ${stages[0].y} C ${stages[0].x+180} ${stages[0].y}, ${stages[1].x-120} ${stages[1].y}, ${stages[1].x} ${stages[1].y} C ${stages[1].x+150} ${stages[1].y}, ${stages[2].x-150} ${stages[2].y}, ${stages[2].x} ${stages[2].y} C ${stages[2].x+150} ${stages[2].y}, ${stages[3].x-150} ${stages[3].y}, ${stages[3].x} ${stages[3].y}`; return (
{[140,240,340,440].map(y=>)} {stages.map((s,i)=>{ const isA=active===i,dimmed=active!==null&&active!==i; return ( setActive(i)} onMouseLeave={()=>setActive(null)} style={{cursor:'pointer', opacity:dimmed?.4:1, transition:'opacity 200ms var(--ease-out)'}}> {isA&&} ); })} {stages.map((s,i)=>{ const left=(s.x/1240)*100,isA=active===i,dimmed=active!==null&&active!==i; return (
setActive(i)} onMouseLeave={()=>setActive(null)} style={{position:'absolute', left:`${left}%`, top:`${(490/540)*100}%`, width:220, textAlign:'center', cursor:'pointer', opacity:dimmed?.45:1, transform:isA?'translateX(-50%) translateY(-6px)':'translateX(-50%) translateY(0)', transition:'opacity 200ms var(--ease-out),transform 240ms var(--ease-out)'}}>
{String(i+1).padStart(2,'0')}

{s.label}

{s.sub}

); })}
); } /* ---------- ABOUT STRIP ---------- */ function AboutStrip() { const isMobile = useIsMobile(); const stats = [ { k:'Top-10', v:'RepVue company', m:'where they lead sales' }, { k:'5,000+', v:'meetings booked', m:'under their leadership' }, { k:'$140M+', v:'attributed revenue',m:'generated' }, { k:'8 → 40+',v:'BDRs scaled', m:'in one fiscal year' }, ]; const P = isMobile ? '20px' : '32px'; return (

Sam Sansone & George Cunningham.

Sales leaders at a RepVue Top-10 company. Proven builders and operators who hire the BDRs, ramp the AEs, and own the forecast. Deep expertise in building outbound pipeline systems that compound.

{stats.map((s,i)=>(
{s.k}
{s.v} {s.m}
))}
); } /* ---------- VISUALS ---------- */ function BDRChart() { const demos=[16,22,18,24,19,21,17,23,20,25,19,22]; const max=30,mean=20,meanY=120-(mean/max)*104; return (
20 demos / mo
avg
{demos.map((d,i)=>{ const h=(d/max)*104,above=d>=mean; return ; })} AVG 20
); } function TwentyXVisual() { const inputs=[{label:'Dials',w:72},{label:'Email',w:58},{label:'LinkedIn',w:50}]; const symStyle={width:22,flexShrink:0,fontFamily:'var(--font-mono)',fontSize:18,color:'var(--fg-4)',fontWeight:600,textAlign:'center',lineHeight:1}; const labelStyle={width:90,flexShrink:0,fontFamily:'var(--font-mono)',fontSize:11,letterSpacing:'0.1em',textTransform:'uppercase',fontWeight:600}; return (
{inputs.map((row,i)=>(
+
{row.label}
))}
=
Qualified
demos
The pipeline
Every channel instrumented. Every conversion measured. One output that matters.
); } function RepVueVisual() { return (
Top-10
RepVue.
); } /* ---------- REASONS ---------- */ function Reasons() { const isMobile = useIsMobile(); const principles = [ { n:'01', head:'Cold calling isn’t dead. It’s an opportunity.', body:'Most voices on LinkedIn will tell you outbound is dead. We see that as the opening. We build the system and empower your team to run it. We have years of running it ourselves, at scale, to prove it works.', visual:'bdr' }, { n:'02', head:'Outbound-sourced demos, instrumented weekly.', body:'When we say pipeline, we mean one thing: qualified demos booked by your outbound team. We instrument every step of the funnel, from dials, to conversations, to meetings, to demos, to opportunities, so you know exactly where the math is working and where it isn’t.', visual:'twenty' }, { n:'03', head:'Senior operators. Not consultants.', body:'This isn’t our first rodeo. We still run teams. We know which parts of the stack are worth paying for and which ones aren’t. We keep a live read on what’s actually working in outbound right now, not what worked two years ago.', visual:'repvue' }, ]; return (

Three things we do differently.

The reasons founders bring us in, and the reasons they bring us back when they're ready to scale the next stage.

{principles.map((p,i)=>{ const flip=!isMobile&&i%2===1; return (

{p.head}

{p.body}

{p.visual==='bdr'&&} {p.visual==='twenty'&&} {p.visual==='repvue'&&}
); })}
); } /* ---------- FINAL CTA ---------- */ function FinalCTA() { const isMobile = useIsMobile(); return (

Start building outbound pipeline today.

); } /* ---------- HOME PAGE ---------- */ function HomePage() { return (
); } ReactDOM.createRoot(document.getElementById('root')).render();