import { useState } from "react"; const GATE_GIFTS = {1:"Self-Expression With Courage",2:"Receiving Direction From the Universe",3:"Fresh Starts & New Beginnings",4:"Mental Solutions & Answers",5:"Fixed Rhythms & Timing",6:"Creating Closeness With Others",7:"Leading by Example",8:"Unique Self-Expression",9:"Focus & Precision",10:"A Love of Life",11:"Being an Ideas Person",12:"A Noticeable Voice",13:"Deep Listening & Witnessing",14:"Power & Abundance",15:"Love of Humanity",16:"Mastery Through Repetition",17:"Substantiating Opinions",18:"Finding What Needs Correction",19:"Attuned to Others' Needs",20:"Truth Telling With Effervescence",21:"A Natural Instinct for Control",22:"Grace Under Pressure",23:"Explaining Complex Ideas Simply",24:"Rationalizing & Making Sense",25:"Spirit of Self & Innocence",26:"Tailoring Your Message",27:"A Natural Ability to Nurture",28:"Making the Most Out of Life",29:"Love of Getting Involved",30:"The Desire to Feel Deeply",31:"Leading With Influence",32:"Instinct for What Will Last",33:"Privacy & Retreat",34:"Magnetic Charisma",35:"Living Variety & Adventure",36:"Solving Emotional Issues",37:"Friendship & Community",38:"A Warrior of the Light",39:"Provoking With Consciousness",40:"Delivering Others From Struggle",41:"Seeing All Future Outcomes",42:"Intentionality & Completion",43:"Breakthroughs & Insights",44:"Spotting Trends & Patterns",45:"Getting Everybody on the Same Page",46:"The Love of the Body",47:"Abstracting & Sense-Making",48:"Natural Depth & Wisdom",49:"Revolution & Transformation",50:"Overcoming Inertia",51:"Competitive Spirit & Initiation",52:"Strength in Stillness",53:"Starting Things & Beginning",54:"Ambition & Drive",55:"Emotional Depth & Intensity",56:"Stimulating Through Storytelling",57:"Reading The Room",58:"Self-Created Joy",59:"Creating Unity",60:"Intolerance for Road Blocks",61:"Inner Knowing",62:"Humble Magic",63:"Questioning & Doubting",64:"Imaginative Possibility"}; const TYPE_DATA = { projector:{name:"Projector",strategy:"Wait for Recognition & Invitation",signature:"Success",notSelf:"Bitterness",quickWin:"You're designed to be sought after — when people recognize your insight & invite you in, that's your green light.",description:"You see what others miss. Your gift is guiding systems, people & strategies with precision.",businessModel:"Build visibility that attracts dream clients who recognize & invite you for your insight.",magnetism:"Your insight makes people say 'I never thought of it that way.'",timeInvestment:"Invest your 3-4 hours of peak energy in high-value activities — strategy calls, content creation, client work.",opportunities:"Seek opportunities where your guidance is specifically requested.",pricing:"Price for your insight & guidance, not hours worked.",neurospicyTips:"Bitterness shows up when you're overworking or chasing clients who don't value you."}, generator:{name:"Generator",strategy:"Wait to Respond",signature:"Satisfaction",notSelf:"Frustration",quickWin:"Your gut response is your compass — when something lights you up, say YES.",description:"You have consistent, powerful energy for work that genuinely satisfies you.",businessModel:"Build around work that genuinely satisfies your gut.",magnetism:"Your authentic passion is magnetic. When you love what you do, people feel it.",timeInvestment:"You have sustainable energy for work that satisfies you. Depth over breadth.",opportunities:"Respond to opportunities that make your gut light up.",pricing:"Your sustainable energy & mastery justify premium pricing.",neurospicyTips:"Frustration shows up when you're forcing work that doesn't satisfy your gut."}, manifestingGenerator:{name:"Manifesting Generator",strategy:"Wait to Respond, then Inform",signature:"Satisfaction",notSelf:"Frustration & Anger",quickWin:"You're multi-passionate & fast — that's your design, embrace it.",description:"You move fast, juggle multiple things & find efficient shortcuts.",businessModel:"Build a multi-faceted business that lets your versatility shine.",magnetism:"Your speed & ability to do multiple things well creates value others can't match.",timeInvestment:"Your burst energy works in sprints. Build variety into your schedule.",opportunities:"Respond to opportunities that let you bring your full range.",pricing:"Your efficiency & multi-layered delivery create exceptional value.",neurospicyTips:"Anger or frustration shows up when you're forced into one lane."}, manifestor:{name:"Manifestor",strategy:"Inform Before You Act",signature:"Peace",notSelf:"Anger",quickWin:"You're designed to initiate — start things, launch ideas, create what doesn't exist yet.",description:"You initiate what doesn't exist yet. Your bold energy creates new movements.",businessModel:"Create new offers & initiatives. You thrive when initiating.",magnetism:"Your bold vision & initiating energy make you a natural leader.",timeInvestment:"Your burst energy creates powerful impact. Rest between initiatives is essential.",opportunities:"Initiate what calls to you & inform the market about what's coming.",pricing:"Your initiating energy & bold vision create premium transformation.",neurospicyTips:"Anger shows up when you feel blocked or controlled."}, reflector:{name:"Reflector",strategy:"Wait a Lunar Cycle for Big Decisions",signature:"Surprise",notSelf:"Disappointment",quickWin:"You see everything clearly because you're not fixed in any energy. Your objectivity is rare.",description:"You reflect the health of organizations & communities.",businessModel:"Build around your unique ability to assess, evaluate & reflect.",magnetism:"Your objectivity & clarity create trust instantly.",timeInvestment:"Honor your cyclical energy. Build flexibility into your schedule.",opportunities:"Seek environments that specifically value your objectivity.",pricing:"Your perspective is rare — less than 1% share it. Price accordingly.",neurospicyTips:"Disappointment shows up in wrong environments."} }; const AUTH_DATA = { emotional:{name:"Emotional Authority",quickWin:"Never decide in the heat of the moment. Your clarity comes in waves.",description:"Your Solar Plexus creates emotional waves. Clarity comes over time.",business:"Before signing contracts or saying yes — sleep on it.",bigDecisions:"Wait at least 24-48 hours for major decisions.",tip:"Track your emotional waves for a week. Notice when you feel most clear."}, sacral:{name:"Sacral Authority",quickWin:"Your gut response is instant — trust that first response.",description:"Your Sacral center gives you an immediate, physical YES or NO.",business:"Use your gut for every decision — if your body doesn't light up, it's a pass.",bigDecisions:"Ask yourself yes/no questions & notice your body's first response.",tip:"Practice with low-stakes decisions first to strengthen your sacral awareness."}, splenic:{name:"Splenic Authority",quickWin:"Your intuition speaks once, quietly. Trust that first hit.",description:"Your Spleen gives you instant, in-the-moment knowing.",business:"Your first instinct about clients & opportunities is usually right.",bigDecisions:"The splenic hit happens once & doesn't repeat.",tip:"Create quiet moments before big decisions so you can hear it clearly."}, ego:{name:"Ego/Heart Authority",quickWin:"What do YOU want? Your willpower drives your best decisions.",description:"Your Heart/Will center drives decisions through desire.",business:"Your personal desire is your compass.",bigDecisions:"Ask: 'Is my heart in it?' If yes, you're unstoppable.",tip:"Honor your need for rest between willpower surges."}, self:{name:"Self-Projected Authority",quickWin:"Talk it out. Your clarity comes through hearing yourself speak.",description:"Your truth emerges through self-expression.",business:"Talk decisions through with a trusted person.",bigDecisions:"Notice what feels true in your voice & body.",tip:"Record yourself talking through options."}, mental:{name:"Mental/Environmental Authority",quickWin:"Your environment shapes your clarity.",description:"You process decisions by talking them through in different environments.",business:"Test decisions in different environments & conversations.",bigDecisions:"Discuss with several trusted people to find your clarity.",tip:"Create a 'decision council' of 3-5 trusted people."}, lunar:{name:"Lunar Authority",quickWin:"Give yourself a full 28-day lunar cycle for major decisions.",description:"You need a full lunar cycle to process major decisions.",business:"Start a 28-day timer for major business decisions.",bigDecisions:"Track your response across all moon phases.",tip:"Create a moon journal for business decisions."} }; const PROFILE_DATA = { "1/3":{name:"1/3 Investigator/Experimenter",quickWin:"You research deeply & learn through trial-and-error.",description:"Deep research (1st line) & hands-on experimentation (3rd line).",credibility:"People trust you because you've both studied AND lived it.",style:"Share research findings & real experiences openly.",attraction:"People find you through your depth & authentic sharing.",tip:"Embrace experiments that 'fail' — they build your credibility."}, "1/4":{name:"1/4 Investigator/Opportunist",quickWin:"You research deeply & share through your network.",description:"Deep knowledge (1st line) & opportunities through network (4th line).",credibility:"People trust you because you know your stuff & come recommended.",style:"Invest in relationships & let expertise speak through your network.",attraction:"People find you through connections & your reputation for depth.",tip:"Nurture your network — your next opportunity is 1-2 connections away."}, "2/4":{name:"2/4 Hermit/Opportunist",quickWin:"Natural talents emerge through alone time, opportunities flow through your network.",description:"Natural gifts in solitude (2nd line) & shared through network (4th line).",credibility:"Your gifts feel natural & you come recommended.",style:"Develop your craft privately, let your network amplify it.",attraction:"People find you through network recommendations.",tip:"Protect your alone time — it's where your magic develops."}, "2/5":{name:"2/5 Hermit/Heretic",quickWin:"Natural gifts & people project solutions onto you.",description:"Natural talents in solitude (2nd line) & projected onto as THE solution (5th line).",credibility:"Your solutions feel natural & people believe you can fix things.",style:"Let natural abilities speak for themselves.",attraction:"People find you because they believe you're their answer.",tip:"Set clear expectations so projections don't become disappointments."}, "3/5":{name:"3/5 Experimenter/Heretic",quickWin:"You learn through trial-and-error & people project solutions onto you.",description:"Learn by doing (3rd line) & seen as having practical solutions (5th line).",credibility:"People trust you because you've tried it & lived it.",style:"Share experiments openly — 'I tried this so you don't have to.'",attraction:"People believe you can solve their problem — and you usually can.",tip:"Every 'failure' becomes content, credibility & proof."}, "3/6":{name:"3/6 Experimenter/Role Model",quickWin:"You experiment early, then become a trusted role model.",description:"Experiment & learn (3rd line), evolve into role model (6th line).",credibility:"You've lived the experiments, mistakes & lessons.",style:"Share your full evolution from experimentation to wisdom.",attraction:"People see themselves in your struggles & want your wisdom.",tip:"Your experimental phase is essential to your role model energy."}, "4/6":{name:"4/6 Opportunist/Role Model",quickWin:"Your network is your foundation & you're evolving into a role model.",description:"Opportunities through network (4th line) & developing role model energy (6th line).",credibility:"People know you personally & see your evolution.",style:"Build deep relationships & share your evolving perspective.",attraction:"People find you through your network & stay for your wisdom.",tip:"Invest in relationships — your influence comes through people who've watched you grow."}, "4/1":{name:"4/1 Opportunist/Investigator",quickWin:"Your network creates opportunities & your research creates depth.",description:"Opportunities through network (4th line) & backed by deep research (1st line).",credibility:"People know you personally AND you clearly know your stuff.",style:"Let your network amplify your expertise.",attraction:"People find you through connections & stay for your expertise.",tip:"Your network is your distribution channel & research is your product."}, "5/1":{name:"5/1 Heretic/Investigator",quickWin:"People project solutions onto you & your research backs it up.",description:"Seen as THE solution (5th line) & backed by deep research (1st line).",credibility:"People believe you're the answer AND your expertise confirms it.",style:"Let projections work for you while demonstrating genuine expertise.",attraction:"People believe you can solve their problem — and your research means you can.",tip:"Invest in research — it turns projections into reality."}, "5/2":{name:"5/2 Heretic/Hermit",quickWin:"People project solutions onto you & you need alone time for your gifts.",description:"Projected onto as THE solution (5th line) & need solitude (2nd line).",credibility:"You deliver solutions after your hermit time.",style:"You don't need constant visibility. Deliver results.",attraction:"People find you through projections & word-of-mouth.",tip:"Honor alone time instead of forcing constant visibility."}, "6/2":{name:"6/2 Role Model/Hermit",quickWin:"You're evolving into a role model & need alone time.",description:"Role model energy (6th line) & need solitude for gifts (2nd line).",credibility:"Evolved perspective & natural talent.",style:"Share wisdom in bursts, then retreat.",attraction:"People see your wisdom & hear about your natural gifts.",tip:"Balance sharing with honoring your need for solitude."}, "6/3":{name:"6/3 Role Model/Experimenter",quickWin:"You experiment early, then share wisdom later.",description:"Evolving into role model (6th line) & learning through experiments (3rd line).",credibility:"Authentic about your experimental phase & sharing hard-won wisdom.",style:"Share your full evolution — experiments, failures, lessons & wisdom.",attraction:"People see themselves in your struggles & want your wisdom.",tip:"Your mistakes make your wisdom trustworthy."} }; function getDemoChart(dob, hour, minute) { const [y,m,d] = dob.split('-').map(Number); const seed = (y*13+m*7+d*3+hour)%100; const types = ['generator','manifestingGenerator','projector','manifestor','reflector']; const auths = ['emotional','sacral','splenic','ego','self']; const profiles = ['1/3','1/4','2/4','2/5','3/5','3/6','4/6','4/1','5/1','5/2','6/2','6/3']; const t = types[seed%5], a = auths[(seed+d)%5], p = profiles[(seed+m)%12]; const gates = []; for(let i=0;i<18;i++){const g=((seed*(i+1)*7+d*(i+3))%64)+1;if(!gates.includes(g))gates.push(g)} gates.sort((a,b)=>a-b); const centers=['Head','Ajna','Throat','Self','Heart','Sacral','Spleen','Solar Plexus','Root']; const defC=[];for(let i=0;i<3+(seed%5);i++)defC.push(centers[(seed+i*3)%9]); return{type:t,authority:a,profile:p,gates,centers:[...new Set(defC)].sort()}; } export default function DesignedForThis() { const [step,setStep]=useState(1); const [form,setForm]=useState({name:'',email:'',dob:'',hour:'',minute:'',ampm:'',city:''}); const [focus,setFocus]=useState(''); const [neurospicy,setNeurospicy]=useState([]); const [chart,setChart]=useState(null); const [error,setError]=useState(''); const [showReport,setShowReport]=useState(false); const nsToggle=(v)=>setNeurospicy(prev=>prev.includes(v)?prev.filter(x=>x!==v):[...prev,v]); const goStep2=()=>{ if(!form.name||!form.email||!form.dob||!form.hour||!form.minute||!form.ampm||!form.city){setError('Please fill in all fields.');setTimeout(()=>setError(''),4000);return} setStep(2); }; const calculate=()=>{ if(!focus){setError('Please select your focus area.');setTimeout(()=>setError(''),4000);return} let h=parseInt(form.hour);const m=parseInt(form.minute); if(form.ampm==='PM'&&h!==12)h+=12;if(form.ampm==='AM'&&h===12)h=0; const c=getDemoChart(form.dob,h,m); setChart(c);setStep(3); }; const td=chart?TYPE_DATA[chart.type]:null; const ad=chart?AUTH_DATA[chart.authority]:null; const pd=chart?PROFILE_DATA[chart.profile]:null; const focusTitles={entrepreneur:'ENTREPRENEUR OPERATING SYSTEM',speaker:'SPEAKER OPERATING SYSTEM',employee:'EMPLOYEE OPERATING SYSTEM',salesperson:'SALESPERSON OPERATING SYSTEM',teammate:'TEAMMATE OPERATING SYSTEM'}; const containerStyle={maxWidth:900,margin:'0 auto',padding:20,fontFamily:"'Nunito',sans-serif",color:'#5A5A5A',lineHeight:1.7}; const cardStyle={background:'white',padding:'40px',borderRadius:15,boxShadow:'0 4px 20px rgba(0,0,0,0.1)',marginBottom:30}; const inputStyle={width:'100%',padding:'14px',border:'2px solid #ab036a',borderRadius:8,fontFamily:"'Nunito',sans-serif",fontSize:16,boxSizing:'border-box',outline:'none'}; const labelStyle={display:'block',fontWeight:600,marginBottom:8,color:'#222064',fontSize:16,fontFamily:"'Montserrat',sans-serif"}; const btnStyle={background:'linear-gradient(135deg,#ab036a,#222064)',color:'white',padding:'18px 50px',border:'none',borderRadius:50,fontFamily:"'Montserrat',sans-serif",fontWeight:700,fontSize:20,cursor:'pointer',width:'100%',marginTop:20,boxShadow:'0 4px 15px rgba(171,3,106,0.3)'}; const h2Style={fontFamily:"'Montserrat',sans-serif",fontWeight:600,fontSize:24,color:'#222064',marginBottom:25,borderLeft:'5px solid #ab036a',paddingLeft:15}; const chartCardStyle={background:'#f9f9f9',padding:20,borderRadius:10,borderLeft:'4px solid #ab036a'}; const giftCardStyle={background:'#f9f9f9',padding:'16px 20px',borderRadius:10,borderLeft:'4px solid #174843'}; const sectionH2={fontFamily:"'Montserrat',sans-serif",fontWeight:500,fontSize:22,color:'#222064',marginTop:40,marginBottom:18,borderLeft:'5px solid #ab036a',paddingLeft:18}; const highlightBox={background:'#e6e5e5',borderLeft:'5px solid #ab036a',padding:22,margin:'22px 0',borderRadius:8}; const successBox={background:'#E5F5E5',borderLeft:'5px solid #90C890',padding:22,margin:'22px 0',borderRadius:8}; const warningBox={background:'#FFE5E5',borderLeft:'5px solid #174843',padding:22,margin:'22px 0',borderRadius:8}; return (
{/* HEADER */}

DESIGNED FOR THIS

Discover How You're Wired & How to Show Up

{/* STEPS */}
{[{n:1,l:'Birth Info'},{n:2,l:'Your Focus'},{n:3,l:'Your Chart'},{n:4,l:'Strategy'}].map((s,i)=>(
s.n?'#174843':step===s.n?'linear-gradient(135deg,#ab036a,#222064)':'#d4d4d4',transform:step===s.n?'scale(1.15)':'scale(1)',transition:'all 0.4s'}}>{s.n}
=s.n?'#222064':'#999',fontFamily:"'Montserrat',sans-serif",fontWeight:600,marginTop:4}}>{s.l}
{i<3&&
s.n?'#174843':'#d4d4d4',marginBottom:18}}/>}
))}
{/* ERROR */} {error&&

{error}

} {/* STEP 1 */} {step===1&&(

Step 1: Your Birth Information

To calculate your unique Human Design chart, I need your birth details. This takes less than 2 minutes & everything is kept confidential.

setForm({...form,name:e.target.value})}/>
setForm({...form,email:e.target.value})}/>

I'll send your results & next steps here

setForm({...form,dob:e.target.value})}/>
setForm({...form,hour:e.target.value})}/> setForm({...form,minute:e.target.value})}/>

As exact as possible — your time shapes your entire design

setForm({...form,city:e.target.value})}/>

The city handles all timezone calculations automatically

Your information is kept confidential & used only to prepare your personalized Human Design Professional Strategy.
)} {/* STEP 2 */} {step===2&&(

Step 2: What Are We Building?

What Neurospicy Club Are You In?

(Optional — Check any that apply!)

{[{v:'adhd',l:'ADHD'},{v:'autistic',l:'Autistic / AuDHD'},{v:'dyslexic',l:'Dyslexic'},{v:'hsp',l:'HSP'}].map(n=>( ))}
)} {/* STEP 3: CHART SUMMARY */} {step===3&&chart&&!showReport&&(

{form.name.toUpperCase()}'S HUMAN DESIGN

Here's how you're wired

Energy Type
{td?.name}
Authority
{ad?.name}
Profile
{pd?.name}
Defined Centers
{chart.centers.join(', ')}

Your Active Gifts

{chart.gates.map(g=>(
Gift {g}
{GATE_GIFTS[g]}
))}
)} {/* STEP 4: REPORT */} {step===4&&showReport&&td&&ad&&pd&&(

{form.name.toUpperCase()}'S NATURAL {focusTitles[focus]}

Your Blueprint for Aligned Success

YOUR QUICK REFERENCE GUIDE

Start here for your immediate takeaways!

How You're Wired:

{td.name} — {td.quickWin}

How You Decide:

{ad.name} — {ad.quickWin}

How You Build Influence:

{pd.name} — {pd.quickWin}

YOUR ENERGY TYPE: {td.name}

Strategy: {td.strategy}

Signature (When Aligned): {td.signature}

Misaligned State: {td.notSelf}

What This Means:

{td.description}

Your Natural Approach:

{td.businessModel}

What Makes You Stand Out:

{td.magnetism}

Neurospicy Tips:

{td.neurospicyTips}

YOUR DECISION-MAKING: {ad.name}

{ad.description}

In Your Context:

{ad.business}

For Big Decisions:

{ad.bigDecisions}

Pro Tip: {ad.tip}

YOUR PROFILE: {pd.name}

{pd.description}

How You Build Credibility:

{pd.credibility}

Your Natural Style:

{pd.style}

Key Insight: {pd.tip}

YOUR GIFTS

You have {chart.gates.length} defined gifts — these are your natural superpowers!

{chart.gates.map(g=>(

Gift {g}

{GATE_GIFTS[g]}

))}
)} {/* TIER SECTION */} {step===4&&showReport&&(

Ready to Go Deeper?

Your overview above is the appetizer. Here's the full menu.

{/* 15-min */}
15-Minute Overview
50% OFF until April 25th!
$97 $48.50

Your personalized Professional Strategy report

    {['Energy Type breakdown','Decision-making style','Profile overview','Quick action step','Printable PDF'].map(f=>
  • ✓ {f}
  • )}
{/* 90-min */}
MOST POPULAR
90-Minute Deep Dive
$597 one-time

1:1 session walking through your FULL strategy with Suzy

    {['Everything in the overview','Full gate-by-gate walkthrough','Personalized strategy','Custom energy management plan','Recording of your session'].map(f=>
  • ✓ {f}
  • )}
{/* 5-hr */}
5-Hour Intensive
$2,497 one-time

The FULL Designed for This experience

    {['Everything in 90-minute session','Full Incarnation Cross analysis','Custom content & marketing strategy','90-day implementation roadmap','2 follow-up check-in calls'].map(f=>
  • ✓ {f}
  • )}
{/* Ongoing */}
Ongoing Coaching
Custom

Continued support after your intensive

    {['Available after 5-Hour Intensive','Personalized coaching cadence','Ongoing design integration','Priority access to Suzy'].map(f=>
  • ✓ {f}
  • )}
)}
); }