<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"/> <title>Speaking | Sianni J. Cabello, M.S.</title> <link href="https://fonts.googleapis.com" rel="preconnect"/> <link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:ital,wght@0,400;0,500;0,600;1,400&display=swap" rel="stylesheet"/> <style> :root{ --navy:#0B1F3A; --navy-2:#12294A; --sky:#3E8DFF; --sky-soft:#E8F1FF; --white:#FFFFFF; --grey-bg:#F4F6F9; --grey-line:#E1E6EE; --grey-text:#5D6B80; --radius:18px; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:'Inter',sans-serif;color:var(--navy);background:var(--white);line-height:1.65;font-size:16px} h1,h2,h3,h4{font-family:'Sora',sans-serif;line-height:1.15} img{max-width:100%} a{color:inherit;text-decoration:none} .wrap{width:100%;max-width:1024px;margin:0 auto;padding:0 24px} /* ---------- NAV ---------- */ nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--grey-line)} .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px} .logo{font-family:'Sora',sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:.02em} .logo span{color:var(--sky)} .nav-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .nav-links button{font-family:'Inter',sans-serif;font-size:.88rem;font-weight:500;color:var(--grey-text);background:none;border:none;cursor:pointer;padding:8px 13px;border-radius:99px;transition:.2s} .nav-links button:hover{color:var(--navy);background:var(--grey-bg)} .nav-links button.active{color:var(--white);background:var(--navy)} .nav-cta{background:var(--sky)!important;color:#fff!important;font-weight:600!important} .nav-cta:hover{background:#2f7cf0!important} @media(max-width:820px){.nav-inner{height:auto;padding:12px 0;flex-direction:column;gap:10px}.nav-links{justify-content:center}} /* ---------- PAGES ---------- */ .page{display:none;animation:fade .45s ease} .page.active{display:block} @keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} /* ---------- SHARED ---------- */ .eyebrow{display:inline-block;font-family:'Sora',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sky);margin-bottom:16px} .eyebrow.on-dark{color:#8FBDFF} .section{padding:88px 0} .section.grey{background:var(--grey-bg)} .section.navy{background:var(--navy);color:var(--white)} .section.sky{background:var(--sky-soft)} h2.sec-title{font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:700;margin-bottom:14px;max-width:640px} .sec-sub{color:var(--grey-text);max-width:600px;margin-bottom:44px} .navy .sec-sub{color:#B9C6D9} .btn{display:inline-block;font-family:'Sora',sans-serif;font-weight:600;font-size:.92rem;padding:15px 30px;border-radius:99px;transition:.2s;cursor:pointer;border:none} .btn-primary{background:var(--sky);color:#fff} .btn-primary:hover{background:#2f7cf0;transform:translateY(-2px)} .btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--navy)} .btn-outline:hover{background:var(--navy);color:#fff} .btn-white{background:#fff;color:var(--navy)} .btn-white:hover{background:var(--sky-soft)} .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} @media(max-width:820px){.grid-3,.grid-2{grid-template-columns:1fr}} .card{background:#fff;border:1px solid var(--grey-line);border-radius:var(--radius);padding:34px 28px;transition:.25s} .card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(11,31,58,.09);border-color:var(--sky)} .card h3{font-size:1.12rem;margin-bottom:10px} .card p{color:var(--grey-text);font-size:.94rem} .card .num{font-family:'Sora',sans-serif;font-weight:800;color:var(--sky);font-size:.8rem;letter-spacing:.12em;display:block;margin-bottom:14px} /* ---------- HERO ---------- */ .hero{background:linear-gradient(180deg,var(--white) 0%,var(--sky-soft) 100%);padding:96px 0 110px;position:relative;overflow:hidden} .hero-grid{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:64px; align-items:center; } .hero-copy{position:relative;z-index:2;min-width:0} .hero h1{ max-width:100%; font-size:clamp(2.25rem,4.2vw,3.15rem); font-weight:800; letter-spacing:-.03em; line-height:1.08; margin-bottom:22px; } .hero h1 .hero-line, .hero h1 em{display:block} .hero h1 em{ font-style:normal; color:var(--sky); position:relative; white-space:normal; overflow-wrap:normal; } .hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:10px;background:rgba(62,141,255,.18);z-index:-1;border-radius:4px} .hero p.lead{font-size:1.05rem;color:var(--grey-text);max-width:540px;margin-bottom:34px} .hero-btns{display:flex;gap:14px;flex-wrap:wrap} .hero-visual{ position:relative; z-index:1; min-width:0; width:100%; max-width:380px; justify-self:end; } .photo-frame{width:100%;aspect-ratio:4/5;border-radius:28px;background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,#1E3A63 100%);display:flex;align-items:center;justify-content:center;color:#8FBDFF;font-family:'Sora',sans-serif;font-size:.85rem;letter-spacing:.08em;text-align:center;padding:24px;box-shadow:0 30px 60px rgba(11,31,58,.25)} .photo-frame img{display:block;width:100%;height:100%;object-fit:cover} .float-chip{position:absolute;z-index:3;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 14px 34px rgba(11,31,58,.14);font-size:.82rem;font-weight:600;font-family:'Sora',sans-serif} .chip-1{top:8%;left:14px} .chip-2{bottom:10%;right:-12px} .float-chip .big{display:block;color:var(--sky);font-size:1.3rem;font-weight:800} @media(min-width:821px) and (max-width:1100px){ .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:40px} .hero h1{font-size:clamp(2.2rem,4.4vw,3rem)} .hero-visual{max-width:350px} } @media(max-width:820px){ .hero-grid{grid-template-columns:1fr} .hero-visual{justify-self:center} .chip-1{left:12px} .chip-2{right:12px} } /* stat band */ .stat-band{background:var(--navy);color:#fff;padding:46px 0} .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center} @media(max-width:820px){.stat-grid{grid-template-columns:repeat(2,1fr)}} .stat-grid .n{font-family:'Sora',sans-serif;font-size:2.1rem;font-weight:800;color:var(--sky)} .stat-grid .l{font-size:.8rem;color:#B9C6D9;letter-spacing:.06em;text-transform:uppercase;margin-top:4px} /* pillars */ .pill-link{display:inline-block;margin-top:16px;font-family:'Sora',sans-serif;font-size:.85rem;font-weight:700;color:var(--sky);cursor:pointer} .pill-link:hover{text-decoration:underline} /* logos */ .logo-row{display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:center;align-items:center} .logo-row span{font-family:'Sora',sans-serif;font-weight:700;font-size:1.02rem;color:#AEB9C9;letter-spacing:.04em} /* topic list */ .topic{display:flex;gap:20px;padding:26px 0;border-bottom:1px solid var(--grey-line);align-items:flex-start} .topic:last-child{border-bottom:none} .topic .t-num{font-family:'Sora',sans-serif;font-weight:800;color:var(--sky);min-width:44px;font-size:.95rem;padding-top:3px} .topic h3{font-size:1.08rem;margin-bottom:6px} .topic p{color:var(--grey-text);font-size:.93rem;max-width:640px} .topic > div{flex:1;min-width:0} .topic h3,.topic p{overflow-wrap:anywhere;word-break:normal} .speaking-topics .wrap{max-width:960px} .topic-list{margin-top:30px;max-width:900px} @media(max-width:600px){ .speaking-topics{padding:64px 0} .topic{gap:12px;padding:22px 0} .topic .t-num{min-width:34px;font-size:.85rem} .topic h3{font-size:1rem} .topic p{font-size:.9rem;line-height:1.55} } /* checklist */ .check-list{list-style:none;margin-top:22px} .check-list li{padding-left:32px;position:relative;margin-bottom:13px;color:var(--grey-text);font-size:.96rem} .check-list li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--sky);opacity:.15} .check-list li::after{content:"✓";position:absolute;left:4px;top:1px;color:var(--sky);font-weight:700;font-size:.8rem} .navy .check-list li{color:#B9C6D9} /* quote */ .quote-block{max-width:760px;margin:0 auto;text-align:center} .quote-block blockquote{font-family:'Sora',sans-serif;font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:600;line-height:1.45} .quote-block cite{display:block;margin-top:20px;font-style:normal;color:var(--grey-text);font-size:.9rem} /* CTA band */ .cta-band{background:linear-gradient(120deg,var(--navy) 0%,#173néant 100%);background:linear-gradient(120deg,var(--navy),#1E3A63);color:#fff;border-radius:26px;padding:64px 48px;text-align:center} .cta-band h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:14px} .cta-band p{color:#B9C6D9;max-width:520px;margin:0 auto 30px} @media(max-width:600px){.cta-band{padding:44px 24px}} /* forms */ .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} .form-grid .full{grid-column:1/-1} @media(max-width:640px){.form-grid{grid-template-columns:1fr}} input,textarea,select{width:100%;font-family:'Inter',sans-serif;font-size:.95rem;padding:15px 17px;border:1.5px solid var(--grey-line);border-radius:12px;background:#fff;color:var(--navy);transition:.2s} input:focus,textarea:focus,select:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px rgba(62,141,255,.12)} label{display:block;font-family:'Sora',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;color:var(--grey-text)} /* footer */ footer{background:var(--navy);color:#B9C6D9;padding:64px 0 36px} .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px} @media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}} footer h4{color:#fff;font-size:.95rem;margin-bottom:16px} footer a,footer button{display:block;color:#B9C6D9;font-size:.88rem;margin-bottom:10px;background:none;border:none;cursor:pointer;font-family:'Inter',sans-serif;text-align:left;padding:0} footer a:hover,footer button:hover{color:var(--sky)} .foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem} .foot-logo{font-family:'Sora',sans-serif;font-weight:800;color:#fff;font-size:1.1rem;margin-bottom:12px} .foot-logo span{color:var(--sky)} /* misc */ .tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px} .tag{background:var(--sky-soft);color:var(--sky);font-family:'Sora',sans-serif;font-weight:600;font-size:.78rem;padding:8px 16px;border-radius:99px} .navy .tag{background:rgba(62,141,255,.14);color:#8FBDFF} .mini-note{font-size:.82rem;color:var(--grey-text);margin-top:14px} /* ---------- WIX DESKTOP SAFE AREA ---------- */ @media(min-width:821px){ .wrap{max-width:1024px} .hero-visual{min-width:0} .photo-frame{width:100%} } body{overflow-x:hidden} /* ---------- RESPONSIVE WIX / MOBILE LAYOUT ---------- */ html,body{width:100%;max-width:100%;overflow-x:clip} body{-webkit-text-size-adjust:100%;text-size-adjust:100%} img,video,iframe,svg{display:block;max-width:100%;height:auto} button,input,select,textarea{max-width:100%} .grid-2>*,.grid-3>*,.hero-grid>*{min-width:0} .menu-toggle{ display:none; width:44px; height:44px; padding:10px; border:0; border-radius:10px; background:var(--grey-bg); cursor:pointer; align-items:center; justify-content:center; flex-direction:column; gap:5px; } .menu-toggle span{display:block;width:22px;height:2px;background:var(--navy);border-radius:4px;transition:.2s} nav.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)} nav.menu-open .menu-toggle span:nth-child(2){opacity:0} nav.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} @media(max-width:820px){ .wrap{max-width:none;padding-left:20px;padding-right:20px} .section{padding:62px 0} nav{position:sticky} .nav-inner{height:64px;padding:0;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:space-between;position:relative} .logo{font-size:.98rem;white-space:nowrap} .menu-toggle{display:flex;flex:0 0 44px} .nav-links{ display:none; position:absolute; top:64px; left:-20px; right:-20px; padding:14px 20px 20px; background:rgba(255,255,255,.98); border-bottom:1px solid var(--grey-line); box-shadow:0 16px 28px rgba(11,31,58,.10); grid-template-columns:1fr 1fr; gap:8px; } nav.menu-open .nav-links{display:grid} .nav-links button{width:100%;min-height:44px;padding:10px 12px;text-align:center;border-radius:12px;font-size:.86rem} .nav-cta{grid-column:1/-1} .hero{padding:58px 0 72px} .hero-grid{grid-template-columns:1fr;gap:42px} .hero h1{font-size:clamp(2.15rem,10vw,3rem);line-height:1.07;letter-spacing:-.035em;margin-bottom:20px} .hero h1 em{white-space:normal} .hero h1 em::after{bottom:2px;height:9px} .hero p.lead{font-size:1rem;line-height:1.65;max-width:none;margin-bottom:28px} .hero-btns{gap:10px} .hero-visual{width:min(100%,520px);margin:0 auto} .photo-frame{border-radius:22px;box-shadow:0 20px 40px rgba(11,31,58,.20)} .float-chip{font-size:.76rem;padding:11px 13px} .float-chip .big{font-size:1.1rem} .chip-1{left:10px;top:18px} .chip-2{right:10px;bottom:18px} .grid-2,.grid-3{grid-template-columns:1fr!important;gap:22px} .card{padding:28px 22px} .card:hover{transform:none} .stat-band{padding:38px 0} .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px} .stat-grid .n{font-size:1.75rem} .logo-row{gap:18px 26px} .logo-row span{text-align:center;font-size:.92rem} h2.sec-title{font-size:clamp(1.65rem,7vw,2.15rem);max-width:none} .sec-sub{max-width:none;margin-bottom:34px} .eyebrow{font-size:.66rem;letter-spacing:.13em;line-height:1.45} .tag-row{gap:8px} .tag{padding:7px 12px;font-size:.72rem} .speaking-topics .wrap,.topic-list{max-width:none} .topic{gap:12px;padding:22px 0} .topic .t-num{min-width:34px;font-size:.82rem} .topic h3{font-size:1rem;line-height:1.25;overflow-wrap:break-word} .topic p{font-size:.9rem;line-height:1.58;max-width:none;overflow-wrap:break-word} .cta-band{padding:38px 24px;border-radius:20px} .check-list li{padding-left:30px} .quote-block blockquote{font-size:1.2rem} .foot-grid{grid-template-columns:1fr 1fr;gap:34px 22px} footer{padding:52px 0 28px} .foot-bottom{align-items:flex-start} input,textarea,select{font-size:16px} } @media(max-width:520px){ .wrap{padding-left:16px;padding-right:16px} .section{padding:52px 0} .nav-links{left:-16px;right:-16px;padding-left:16px;padding-right:16px;grid-template-columns:1fr} .nav-cta{grid-column:auto} .hero{padding:48px 0 60px} .hero h1{font-size:clamp(2rem,10.8vw,2.7rem)} .hero-btns{display:grid;grid-template-columns:1fr} .hero-btns .btn,.btn{width:100%;text-align:center;padding:14px 20px} .float-chip{display:none} .stat-grid{grid-template-columns:1fr 1fr} .card{padding:24px 19px} .topic{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px} .topic .t-num{min-width:0} .tag-row{justify-content:center} .cta-band{text-align:center!important;padding:34px 20px} .cta-band .btn{width:100%} .foot-grid{grid-template-columns:1fr} .foot-bottom{display:grid;grid-template-columns:1fr;gap:8px} footer a,footer button{min-height:34px;margin-bottom:5px} .form-grid{gap:15px} .form-grid .full .btn{min-width:0!important} .mini-note strong{overflow-wrap:anywhere} } @media(max-width:360px){ .wrap{padding-left:14px;padding-right:14px} .logo{font-size:.9rem} .hero h1{font-size:1.9rem} .stat-grid{grid-template-columns:1fr} .topic{grid-template-columns:26px minmax(0,1fr)} } /* ---------- HOME FEATURE PHOTO ---------- */ .home-photo-feature{padding:72px 0} .home-photo-card{ display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:stretch; overflow:hidden; border:1px solid var(--grey-line); border-radius:28px; background:var(--sky-soft); box-shadow:0 22px 52px rgba(11,31,58,.09); } .home-photo-wrap{min-width:0;min-height:520px;background:var(--navy)} .home-photo-wrap img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center 48%; } .home-photo-copy{ min-width:0; padding:54px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; } .home-photo-copy .sec-title{margin-bottom:18px} .home-photo-copy p{color:var(--grey-text);max-width:500px;margin-bottom:28px} @media(max-width:820px){ .home-photo-feature{padding:58px 0} .home-photo-card{grid-template-columns:1fr;border-radius:24px} .home-photo-wrap{min-height:0;aspect-ratio:4/5;max-height:620px} .home-photo-copy{padding:38px 30px} } @media(max-width:520px){ .home-photo-feature{padding:44px 0} .home-photo-card{border-radius:20px} .home-photo-wrap{aspect-ratio:4/5} .home-photo-copy{padding:30px 20px} .home-photo-copy p{margin-bottom:24px} } @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} /* Standalone Wix page */ .page{display:block!important;animation:none!important} .page.active{display:block!important} /* Standalone Wix page without embedded menu */ body{padding-top:0!important} .page{margin-top:0!important} </style> </head> <body> <div class="page active" id="page-speaking"> <header class="section navy"> <div class="wrap" style="max-width:820px;text-align:center;margin:0 auto"> <span class="eyebrow on-dark">Public Speaking</span> <h2 class="sec-title" style="margin:0 auto 16px;font-size:clamp(2rem,4.5vw,3rem)">Talks that turn inspiration into action</h2> <p class="sec-sub" style="margin:0 auto 34px">With more than 50 engagements across schools, conferences, and corporate stages, I speak on personal branding, purpose driven leadership, education, and faith. Every talk is customized for your audience.</p> <button class="btn btn-primary" data-page="contact">Check my availability</button> <div class="tag-row" style="justify-content:center"> <span class="tag">Keynotes</span><span class="tag">Panels</span><span class="tag">Workshops</span><span class="tag">Student Assemblies</span><span class="tag">Faith Based Events</span> </div> </div> </header> <section class="section speaking-topics"> <div class="wrap"> <span class="eyebrow">Signature Topics</span> <h2 class="sec-title">What I speak about</h2> <div class="topic-list"> <div class="topic"> <span class="t-num">01</span> <div> <h3>Beyond College Acceptance</h3> <p>Preparing students not only to enter college, but to persist, graduate, and build meaningful careers. This session explores the academic, financial, social, and professional skills young people need to successfully transition from high school into adulthood.</p> </div> </div> <div class="topic"> <span class="t-num">02</span> <div> <h3>Building Education Systems That Prepare Students for Life</h3> <p>How schools, nonprofits, families, and employers can work together to close opportunity gaps and prepare students for college, careers, and long term success. This session draws from my work as founder of Social Society U and Chair of the Arlington Public Schools Budget Advisory Council.</p> </div> </div> <div class="topic"> <span class="t-num">03</span> <div> <h3>Purpose, Identity, and the Power to Lead</h3> <p>An interactive session that helps students and emerging professionals understand their strengths, communicate their value, and lead with confidence. Participants leave with practical tools to make intentional decisions and create opportunities for themselves and others.</p> </div> </div> <div class="topic"> <span class="t-num">04</span> <div> <h3>From Community Need to Lasting Impact</h3> <p>How to transform an idea into a sustainable program, nonprofit, or community initiative. Drawing from my experience founding Social Society U, this session covers identifying needs, building partnerships, securing support, measuring results, and creating lasting impact.</p> </div> </div> <div class="topic"> <span class="t-num">05</span> <div> <h3>Build a Brand That Stands on Its Own</h3> <p>A practical session on creating a personal or professional brand with a clear identity, strong message, and lasting credibility. Participants learn how to communicate their value, strengthen their online presence, and build a recognizable reputation without relying on trends, titles, or outside validation.</p> </div> </div> <div class="topic"> <span class="t-num">06</span> <div> <h3>Storytelling That Moves People to Action</h3> <p>How leaders, nonprofits, and brands can use authentic stories to build trust, increase visibility, and inspire action. This session teaches participants how to communicate their experiences, mission, and impact in ways that connect with audiences without sounding forced or overly promotional.</p> </div> </div> <div class="topic"> <span class="t-num">07</span> <div> <h3>Your Voice Belongs in the Room</h3> <p>An education leadership and advocacy session that helps students, parents, and community leaders understand how school decisions are made and how they can influence them. Drawing from my service as Chair of the Arlington Public Schools Budget Advisory Council, this session explores education funding, civic participation, public leadership, and effective advocacy.</p> </div> </div> <div class="topic"> <span class="t-num">08</span> <div> <h3>Goals That Move You Forward</h3> <p>A practical goal setting workshop for adult learners balancing education, work, family, and personal responsibilities. Participants learn how to turn broad ambitions into clear, achievable goals, create realistic action plans, overcome common barriers, and build accountability for lasting progress.</p> </div> </div> </div> </div> </section> <section class="section grey" style="padding-bottom:0"> <div class="wrap" style="max-width:900px;margin:0 auto;text-align:center"> <span class="eyebrow">Watch Me In Action</span> <h2 class="sec-title" style="margin:0 auto 30px">Speaking reel</h2> <video controls="" preload="metadata" style="width:100%;border-radius:22px;box-shadow:0 24px 50px rgba(11,31,58,.18);background:#0B1F3A"> <source src="https://video.wixstatic.com/video/931db7_e63ba961e1574344994e5907ed715a71/1080p/mp4/file.mp4" type="video/mp4"/> Your browser does not support embedded video. <a href="https://video.wixstatic.com/video/931db7_e63ba961e1574344994e5907ed715a71/1080p/mp4/file.mp4">Watch the reel here.</a> </video> </div> </section> <section class="section grey"> <div class="wrap grid-2"> <div> <span class="eyebrow">What To Expect</span> <h2 class="sec-title">A speaker who does the homework</h2> <ul class="check-list"> <li>A discovery call to understand your audience and goals</li> <li>A customized talk, never a recycled script</li> <li>Professional promotional materials and headshots</li> <li>Social media promotion to my engaged audience</li> <li>Optional workshops, Q and A sessions, and meet and greets</li> </ul> </div> <div class="cta-band" style="text-align:left"> <h2 style="font-size:1.5rem">Booking for this season</h2> <p style="margin:0 0 24px">Dates fill quickly for fall conferences and back to school programming. Reach out early to secure your date.</p> <button class="btn btn-primary" data-page="contact">Request booking details</button> </div> </div> </section> </div> <footer> <div class="wrap"> <div class="foot-grid"> <div> <div class="foot-logo">SIANNI <span>CABELLO</span></div> <p style="font-size:.88rem;max-width:280px">Education specialist, speaker, and brand strategist based in Washington, DC. Founder of Social Society U, Inc.</p> </div> <div> <h4>Explore</h4> <button data-page="home">Home</button> <button data-page="education">Education Advocacy</button> <button data-page="speaking">Speaking</button> <button data-page="press">Press</button> </div> <div> <h4>Work With Me</h4> <button data-page="influencer">Influencer Partnerships</button> <button data-page="marketing">Marketing Studio</button> <button data-page="contact">Book Sianni</button> </div> <div> <h4>Connect</h4> <a href="https://www.linkedin.com/in/siannicabello/" rel="noopener" target="_blank">LinkedIn</a> <a href="https://www.instagram.com/siannicabello/" rel="noopener" target="_blank">Instagram</a> <a href="http://www.socialsocietyu.com" rel="noopener" target="_blank">Social Society U</a> <a href="mailto:Info@SocialSocietyU.com">Info@SocialSocietyU.com</a> </div> </div> <div class="foot-bottom"> <span>© 2026 Sianni J. Cabello, M.S. All rights reserved.</span> <span>Your College Prep and Purpose Advocate</span> </div> </div> </footer> <script> const SITE_BASE="https://www.siannijcabello.com"; const PAGE_PATHS={ "home":"/", "education":"/education-advocacy", "speaking":"/speaking", "influencer":"/influencerwork", "marketing":"/marketingstudio", "press":"/press", "contact":"/contact" }; document.querySelectorAll('[data-page]').forEach(el=>{ el.addEventListener('click',()=>{ const page=el.getAttribute('data-page'); const path=PAGE_PATHS[page] || '/'; const base=SITE_BASE.replace(/\/$/,''); const destination=path==='/' ? base+'/' : base+path; window.top.location.href=destination; }); }); </script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"/> <title>Speaking | Sianni J. Cabello, M.S.</title> <link href="https://fonts.googleapis.com" rel="preconnect"/> <link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:ital,wght@0,400;0,500;0,600;1,400&display=swap" rel="stylesheet"/> <style> :root{ --navy:#0B1F3A; --navy-2:#12294A; --sky:#3E8DFF; --sky-soft:#E8F1FF; --white:#FFFFFF; --grey-bg:#F4F6F9; --grey-line:#E1E6EE; --grey-text:#5D6B80; --radius:18px; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:'Inter',sans-serif;color:var(--navy);background:var(--white);line-height:1.65;font-size:16px} h1,h2,h3,h4{font-family:'Sora',sans-serif;line-height:1.15} img{max-width:100%} a{color:inherit;text-decoration:none} .wrap{width:100%;max-width:1024px;margin:0 auto;padding:0 24px} /* ---------- NAV ---------- */ nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--grey-line)} .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px} .logo{font-family:'Sora',sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:.02em} .logo span{color:var(--sky)} .nav-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .nav-links button{font-family:'Inter',sans-serif;font-size:.88rem;font-weight:500;color:var(--grey-text);background:none;border:none;cursor:pointer;padding:8px 13px;border-radius:99px;transition:.2s} .nav-links button:hover{color:var(--navy);background:var(--grey-bg)} .nav-links button.active{color:var(--white);background:var(--navy)} .nav-cta{background:var(--sky)!important;color:#fff!important;font-weight:600!important} .nav-cta:hover{background:#2f7cf0!important} @media(max-width:820px){.nav-inner{height:auto;padding:12px 0;flex-direction:column;gap:10px}.nav-links{justify-content:center}} /* ---------- PAGES ---------- */ .page{display:none;animation:fade .45s ease} .page.active{display:block} @keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} /* ---------- SHARED ---------- */ .eyebrow{display:inline-block;font-family:'Sora',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sky);margin-bottom:16px} .eyebrow.on-dark{color:#8FBDFF} .section{padding:88px 0} .section.grey{background:var(--grey-bg)} .section.navy{background:var(--navy);color:var(--white)} .section.sky{background:var(--sky-soft)} h2.sec-title{font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:700;margin-bottom:14px;max-width:640px} .sec-sub{color:var(--grey-text);max-width:600px;margin-bottom:44px} .navy .sec-sub{color:#B9C6D9} .btn{display:inline-block;font-family:'Sora',sans-serif;font-weight:600;font-size:.92rem;padding:15px 30px;border-radius:99px;transition:.2s;cursor:pointer;border:none} .btn-primary{background:var(--sky);color:#fff} .btn-primary:hover{background:#2f7cf0;transform:translateY(-2px)} .btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--navy)} .btn-outline:hover{background:var(--navy);color:#fff} .btn-white{background:#fff;color:var(--navy)} .btn-white:hover{background:var(--sky-soft)} .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} @media(max-width:820px){.grid-3,.grid-2{grid-template-columns:1fr}} .card{background:#fff;border:1px solid var(--grey-line);border-radius:var(--radius);padding:34px 28px;transition:.25s} .card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(11,31,58,.09);border-color:var(--sky)} .card h3{font-size:1.12rem;margin-bottom:10px} .card p{color:var(--grey-text);font-size:.94rem} .card .num{font-family:'Sora',sans-serif;font-weight:800;color:var(--sky);font-size:.8rem;letter-spacing:.12em;display:block;margin-bottom:14px} /* ---------- HERO ---------- */ .hero{background:linear-gradient(180deg,var(--white) 0%,var(--sky-soft) 100%);padding:96px 0 110px;position:relative;overflow:hidden} .hero-grid{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:64px; align-items:center; } .hero-copy{position:relative;z-index:2;min-width:0} .hero h1{ max-width:100%; font-size:clamp(2.25rem,4.2vw,3.15rem); font-weight:800; letter-spacing:-.03em; line-height:1.08; margin-bottom:22px; } .hero h1 .hero-line, .hero h1 em{display:block} .hero h1 em{ font-style:normal; color:var(--sky); position:relative; white-space:normal; overflow-wrap:normal; } .hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:10px;background:rgba(62,141,255,.18);z-index:-1;border-radius:4px} .hero p.lead{font-size:1.05rem;color:var(--grey-text);max-width:540px;margin-bottom:34px} .hero-btns{display:flex;gap:14px;flex-wrap:wrap} .hero-visual{ position:relative; z-index:1; min-width:0; width:100%; max-width:380px; justify-self:end; } .photo-frame{width:100%;aspect-ratio:4/5;border-radius:28px;background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,#1E3A63 100%);display:flex;align-items:center;justify-content:center;color:#8FBDFF;font-family:'Sora',sans-serif;font-size:.85rem;letter-spacing:.08em;text-align:center;padding:24px;box-shadow:0 30px 60px rgba(11,31,58,.25)} .photo-frame img{display:block;width:100%;height:100%;object-fit:cover} .float-chip{position:absolute;z-index:3;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 14px 34px rgba(11,31,58,.14);font-size:.82rem;font-weight:600;font-family:'Sora',sans-serif} .chip-1{top:8%;left:14px} .chip-2{bottom:10%;right:-12px} .float-chip .big{display:block;color:var(--sky);font-size:1.3rem;font-weight:800} @media(min-width:821px) and (max-width:1100px){ .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:40px} .hero h1{font-size:clamp(2.2rem,4.4vw,3rem)} .hero-visual{max-width:350px} } @media(max-width:820px){ .hero-grid{grid-template-columns:1fr} .hero-visual{justify-self:center} .chip-1{left:12px} .chip-2{right:12px} } /* stat band */ .stat-band{background:var(--navy);color:#fff;padding:46px 0} .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center} @media(max-width:820px){.stat-grid{grid-template-columns:repeat(2,1fr)}} .stat-grid .n{font-family:'Sora',sans-serif;font-size:2.1rem;font-weight:800;color:var(--sky)} .stat-grid .l{font-size:.8rem;color:#B9C6D9;letter-spacing:.06em;text-transform:uppercase;margin-top:4px} /* pillars */ .pill-link{display:inline-block;margin-top:16px;font-family:'Sora',sans-serif;font-size:.85rem;font-weight:700;color:var(--sky);cursor:pointer} .pill-link:hover{text-decoration:underline} /* logos */ .logo-row{display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:center;align-items:center} .logo-row span{font-family:'Sora',sans-serif;font-weight:700;font-size:1.02rem;color:#AEB9C9;letter-spacing:.04em} /* topic list */ .topic{display:flex;gap:20px;padding:26px 0;border-bottom:1px solid var(--grey-line);align-items:flex-start} .topic:last-child{border-bottom:none} .topic .t-num{font-family:'Sora',sans-serif;font-weight:800;color:var(--sky);min-width:44px;font-size:.95rem;padding-top:3px} .topic h3{font-size:1.08rem;margin-bottom:6px} .topic p{color:var(--grey-text);font-size:.93rem;max-width:640px} .topic > div{flex:1;min-width:0} .topic h3,.topic p{overflow-wrap:anywhere;word-break:normal} .speaking-topics .wrap{max-width:960px} .topic-list{margin-top:30px;max-width:900px} @media(max-width:600px){ .speaking-topics{padding:64px 0} .topic{gap:12px;padding:22px 0} .topic .t-num{min-width:34px;font-size:.85rem} .topic h3{font-size:1rem} .topic p{font-size:.9rem;line-height:1.55} } /* checklist */ .check-list{list-style:none;margin-top:22px} .check-list li{padding-left:32px;position:relative;margin-bottom:13px;color:var(--grey-text);font-size:.96rem} .check-list li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--sky);opacity:.15} .check-list li::after{content:"✓";position:absolute;left:4px;top:1px;color:var(--sky);font-weight:700;font-size:.8rem} .navy .check-list li{color:#B9C6D9} /* quote */ .quote-block{max-width:760px;margin:0 auto;text-align:center} .quote-block blockquote{font-family:'Sora',sans-serif;font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:600;line-height:1.45} .quote-block cite{display:block;margin-top:20px;font-style:normal;color:var(--grey-text);font-size:.9rem} /* CTA band */ .cta-band{background:linear-gradient(120deg,var(--navy) 0%,#173néant 100%);background:linear-gradient(120deg,var(--navy),#1E3A63);color:#fff;border-radius:26px;padding:64px 48px;text-align:center} .cta-band h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:14px} .cta-band p{color:#B9C6D9;max-width:520px;margin:0 auto 30px} @media(max-width:600px){.cta-band{padding:44px 24px}} /* forms */ .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} .form-grid .full{grid-column:1/-1} @media(max-width:640px){.form-grid{grid-template-columns:1fr}} input,textarea,select{width:100%;font-family:'Inter',sans-serif;font-size:.95rem;padding:15px 17px;border:1.5px solid var(--grey-line);border-radius:12px;background:#fff;color:var(--navy);transition:.2s} input:focus,textarea:focus,select:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px rgba(62,141,255,.12)} label{display:block;font-family:'Sora',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;color:var(--grey-text)} /* footer */ footer{background:var(--navy);color:#B9C6D9;padding:64px 0 36px} .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px} @media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}} footer h4{color:#fff;font-size:.95rem;margin-bottom:16px} footer a,footer button{display:block;color:#B9C6D9;font-size:.88rem;margin-bottom:10px;background:none;border:none;cursor:pointer;font-family:'Inter',sans-serif;text-align:left;padding:0} footer a:hover,footer button:hover{color:var(--sky)} .foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem} .foot-logo{font-family:'Sora',sans-serif;font-weight:800;color:#fff;font-size:1.1rem;margin-bottom:12px} .foot-logo span{color:var(--sky)} /* misc */ .tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px} .tag{background:var(--sky-soft);color:var(--sky);font-family:'Sora',sans-serif;font-weight:600;font-size:.78rem;padding:8px 16px;border-radius:99px} .navy .tag{background:rgba(62,141,255,.14);color:#8FBDFF} .mini-note{font-size:.82rem;color:var(--grey-text);margin-top:14px} /* ---------- WIX DESKTOP SAFE AREA ---------- */ @media(min-width:821px){ .wrap{max-width:1024px} .hero-visual{min-width:0} .photo-frame{width:100%} } body{overflow-x:hidden} /* ---------- RESPONSIVE WIX / MOBILE LAYOUT ---------- */ html,body{width:100%;max-width:100%;overflow-x:clip} body{-webkit-text-size-adjust:100%;text-size-adjust:100%} img,video,iframe,svg{display:block;max-width:100%;height:auto} button,input,select,textarea{max-width:100%} .grid-2>*,.grid-3>*,.hero-grid>*{min-width:0} .menu-toggle{ display:none; width:44px; height:44px; padding:10px; border:0; border-radius:10px; background:var(--grey-bg); cursor:pointer; align-items:center; justify-content:center; flex-direction:column; gap:5px; } .menu-toggle span{display:block;width:22px;height:2px;background:var(--navy);border-radius:4px;transition:.2s} nav.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)} nav.menu-open .menu-toggle span:nth-child(2){opacity:0} nav.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} @media(max-width:820px){ .wrap{max-width:none;padding-left:20px;padding-right:20px} .section{padding:62px 0} nav{position:sticky} .nav-inner{height:64px;padding:0;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:space-between;position:relative} .logo{font-size:.98rem;white-space:nowrap} .menu-toggle{display:flex;flex:0 0 44px} .nav-links{ display:none; position:absolute; top:64px; left:-20px; right:-20px; padding:14px 20px 20px; background:rgba(255,255,255,.98); border-bottom:1px solid var(--grey-line); box-shadow:0 16px 28px rgba(11,31,58,.10); grid-template-columns:1fr 1fr; gap:8px; } nav.menu-open .nav-links{display:grid} .nav-links button{width:100%;min-height:44px;padding:10px 12px;text-align:center;border-radius:12px;font-size:.86rem} .nav-cta{grid-column:1/-1} .hero{padding:58px 0 72px} .hero-grid{grid-template-columns:1fr;gap:42px} .hero h1{font-size:clamp(2.15rem,10vw,3rem);line-height:1.07;letter-spacing:-.035em;margin-bottom:20px} .hero h1 em{white-space:normal} .hero h1 em::after{bottom:2px;height:9px} .hero p.lead{font-size:1rem;line-height:1.65;max-width:none;margin-bottom:28px} .hero-btns{gap:10px} .hero-visual{width:min(100%,520px);margin:0 auto} .photo-frame{border-radius:22px;box-shadow:0 20px 40px rgba(11,31,58,.20)} .float-chip{font-size:.76rem;padding:11px 13px} .float-chip .big{font-size:1.1rem} .chip-1{left:10px;top:18px} .chip-2{right:10px;bottom:18px} .grid-2,.grid-3{grid-template-columns:1fr!important;gap:22px} .card{padding:28px 22px} .card:hover{transform:none} .stat-band{padding:38px 0} .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px} .stat-grid .n{font-size:1.75rem} .logo-row{gap:18px 26px} .logo-row span{text-align:center;font-size:.92rem} h2.sec-title{font-size:clamp(1.65rem,7vw,2.15rem);max-width:none} .sec-sub{max-width:none;margin-bottom:34px} .eyebrow{font-size:.66rem;letter-spacing:.13em;line-height:1.45} .tag-row{gap:8px} .tag{padding:7px 12px;font-size:.72rem} .speaking-topics .wrap,.topic-list{max-width:none} .topic{gap:12px;padding:22px 0} .topic .t-num{min-width:34px;font-size:.82rem} .topic h3{font-size:1rem;line-height:1.25;overflow-wrap:break-word} .topic p{font-size:.9rem;line-height:1.58;max-width:none;overflow-wrap:break-word} .cta-band{padding:38px 24px;border-radius:20px} .check-list li{padding-left:30px} .quote-block blockquote{font-size:1.2rem} .foot-grid{grid-template-columns:1fr 1fr;gap:34px 22px} footer{padding:52px 0 28px} .foot-bottom{align-items:flex-start} input,textarea,select{font-size:16px} } @media(max-width:520px){ .wrap{padding-left:16px;padding-right:16px} .section{padding:52px 0} .nav-links{left:-16px;right:-16px;padding-left:16px;padding-right:16px;grid-template-columns:1fr} .nav-cta{grid-column:auto} .hero{padding:48px 0 60px} .hero h1{font-size:clamp(2rem,10.8vw,2.7rem)} .hero-btns{display:grid;grid-template-columns:1fr} .hero-btns .btn,.btn{width:100%;text-align:center;padding:14px 20px} .float-chip{display:none} .stat-grid{grid-template-columns:1fr 1fr} .card{padding:24px 19px} .topic{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px} .topic .t-num{min-width:0} .tag-row{justify-content:center} .cta-band{text-align:center!important;padding:34px 20px} .cta-band .btn{width:100%} .foot-grid{grid-template-columns:1fr} .foot-bottom{display:grid;grid-template-columns:1fr;gap:8px} footer a,footer button{min-height:34px;margin-bottom:5px} .form-grid{gap:15px} .form-grid .full .btn{min-width:0!important} .mini-note strong{overflow-wrap:anywhere} } @media(max-width:360px){ .wrap{padding-left:14px;padding-right:14px} .logo{font-size:.9rem} .hero h1{font-size:1.9rem} .stat-grid{grid-template-columns:1fr} .topic{grid-template-columns:26px minmax(0,1fr)} } /* ---------- HOME FEATURE PHOTO ---------- */ .home-photo-feature{padding:72px 0} .home-photo-card{ display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:stretch; overflow:hidden; border:1px solid var(--grey-line); border-radius:28px; background:var(--sky-soft); box-shadow:0 22px 52px rgba(11,31,58,.09); } .home-photo-wrap{min-width:0;min-height:520px;background:var(--navy)} .home-photo-wrap img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center 48%; } .home-photo-copy{ min-width:0; padding:54px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; } .home-photo-copy .sec-title{margin-bottom:18px} .home-photo-copy p{color:var(--grey-text);max-width:500px;margin-bottom:28px} @media(max-width:820px){ .home-photo-feature{padding:58px 0} .home-photo-card{grid-template-columns:1fr;border-radius:24px} .home-photo-wrap{min-height:0;aspect-ratio:4/5;max-height:620px} .home-photo-copy{padding:38px 30px} } @media(max-width:520px){ .home-photo-feature{padding:44px 0} .home-photo-card{border-radius:20px} .home-photo-wrap{aspect-ratio:4/5} .home-photo-copy{padding:30px 20px} .home-photo-copy p{margin-bottom:24px} } @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} /* Standalone Wix page */ .page{display:block!important;animation:none!important} .page.active{display:block!important} /* Standalone Wix page without embedded menu */ body{padding-top:0!important} .page{margin-top:0!important} </style> </head> <body> <div class="page active" id="page-speaking"> <header class="section navy"> <div class="wrap" style="max-width:820px;text-align:center;margin:0 auto"> <span class="eyebrow on-dark">Public Speaking</span> <h2 class="sec-title" style="margin:0 auto 16px;font-size:clamp(2rem,4.5vw,3rem)">Talks that turn inspiration into action</h2> <p class="sec-sub" style="margin:0 auto 34px">With more than 50 engagements across schools, conferences, and corporate stages, I speak on personal branding, purpose driven leadership, education, and faith. Every talk is customized for your audience.</p> <button class="btn btn-primary" data-page="contact">Check my availability</button> <div class="tag-row" style="justify-content:center"> <span class="tag">Keynotes</span><span class="tag">Panels</span><span class="tag">Workshops</span><span class="tag">Student Assemblies</span><span class="tag">Faith Based Events</span> </div> </div> </header> <section class="section speaking-topics"> <div class="wrap"> <span class="eyebrow">Signature Topics</span> <h2 class="sec-title">What I speak about</h2> <div class="topic-list"> <div class="topic"> <span class="t-num">01</span> <div> <h3>Beyond College Acceptance</h3> <p>Preparing students not only to enter college, but to persist, graduate, and build meaningful careers. This session explores the academic, financial, social, and professional skills young people need to successfully transition from high school into adulthood.</p> </div> </div> <div class="topic"> <span class="t-num">02</span> <div> <h3>Building Education Systems That Prepare Students for Life</h3> <p>How schools, nonprofits, families, and employers can work together to close opportunity gaps and prepare students for college, careers, and long term success. This session draws from my work as founder of Social Society U and Chair of the Arlington Public Schools Budget Advisory Council.</p> </div> </div> <div class="topic"> <span class="t-num">03</span> <div> <h3>Purpose, Identity, and the Power to Lead</h3> <p>An interactive session that helps students and emerging professionals understand their strengths, communicate their value, and lead with confidence. Participants leave with practical tools to make intentional decisions and create opportunities for themselves and others.</p> </div> </div> <div class="topic"> <span class="t-num">04</span> <div> <h3>From Community Need to Lasting Impact</h3> <p>How to transform an idea into a sustainable program, nonprofit, or community initiative. Drawing from my experience founding Social Society U, this session covers identifying needs, building partnerships, securing support, measuring results, and creating lasting impact.</p> </div> </div> <div class="topic"> <span class="t-num">05</span> <div> <h3>Build a Brand That Stands on Its Own</h3> <p>A practical session on creating a personal or professional brand with a clear identity, strong message, and lasting credibility. Participants learn how to communicate their value, strengthen their online presence, and build a recognizable reputation without relying on trends, titles, or outside validation.</p> </div> </div> <div class="topic"> <span class="t-num">06</span> <div> <h3>Storytelling That Moves People to Action</h3> <p>How leaders, nonprofits, and brands can use authentic stories to build trust, increase visibility, and inspire action. This session teaches participants how to communicate their experiences, mission, and impact in ways that connect with audiences without sounding forced or overly promotional.</p> </div> </div> <div class="topic"> <span class="t-num">07</span> <div> <h3>Your Voice Belongs in the Room</h3> <p>An education leadership and advocacy session that helps students, parents, and community leaders understand how school decisions are made and how they can influence them. Drawing from my service as Chair of the Arlington Public Schools Budget Advisory Council, this session explores education funding, civic participation, public leadership, and effective advocacy.</p> </div> </div> <div class="topic"> <span class="t-num">08</span> <div> <h3>Goals That Move You Forward</h3> <p>A practical goal setting workshop for adult learners balancing education, work, family, and personal responsibilities. Participants learn how to turn broad ambitions into clear, achievable goals, create realistic action plans, overcome common barriers, and build accountability for lasting progress.</p> </div> </div> </div> </div> </section> <section class="section grey" style="padding-bottom:0"> <div class="wrap" style="max-width:900px;margin:0 auto;text-align:center"> <span class="eyebrow">Watch Me In Action</span> <h2 class="sec-title" style="margin:0 auto 30px">Speaking reel</h2> <video controls="" preload="metadata" style="width:100%;border-radius:22px;box-shadow:0 24px 50px rgba(11,31,58,.18);background:#0B1F3A"> <source src="https://video.wixstatic.com/video/931db7_e63ba961e1574344994e5907ed715a71/1080p/mp4/file.mp4" type="video/mp4"/> Your browser does not support embedded video. <a href="https://video.wixstatic.com/video/931db7_e63ba961e1574344994e5907ed715a71/1080p/mp4/file.mp4">Watch the reel here.</a> </video> </div> </section> <section class="section grey"> <div class="wrap grid-2"> <div> <span class="eyebrow">What To Expect</span> <h2 class="sec-title">A speaker who does the homework</h2> <ul class="check-list"> <li>A discovery call to understand your audience and goals</li> <li>A customized talk, never a recycled script</li> <li>Professional promotional materials and headshots</li> <li>Social media promotion to my engaged audience</li> <li>Optional workshops, Q and A sessions, and meet and greets</li> </ul> </div> <div class="cta-band" style="text-align:left"> <h2 style="font-size:1.5rem">Booking for this season</h2> <p style="margin:0 0 24px">Dates fill quickly for fall conferences and back to school programming. Reach out early to secure your date.</p> <button class="btn btn-primary" data-page="contact">Request booking details</button> </div> </div> </section> </div> <footer> <div class="wrap"> <div class="foot-grid"> <div> <div class="foot-logo">SIANNI <span>CABELLO</span></div> <p style="font-size:.88rem;max-width:280px">Education specialist, speaker, and brand strategist based in Washington, DC. Founder of Social Society U, Inc.</p> </div> <div> <h4>Explore</h4> <button data-page="home">Home</button> <button data-page="education">Education Advocacy</button> <button data-page="speaking">Speaking</button> <button data-page="press">Press</button> </div> <div> <h4>Work With Me</h4> <button data-page="influencer">Influencer Partnerships</button> <button data-page="marketing">Marketing Studio</button> <button data-page="contact">Book Sianni</button> </div> <div> <h4>Connect</h4> <a href="https://www.linkedin.com/in/siannicabello/" rel="noopener" target="_blank">LinkedIn</a> <a href="https://www.instagram.com/siannicabello/" rel="noopener" target="_blank">Instagram</a> <a href="http://www.socialsocietyu.com" rel="noopener" target="_blank">Social Society U</a> <a href="mailto:Info@SocialSocietyU.com">Info@SocialSocietyU.com</a> </div> </div> <div class="foot-bottom"> <span>© 2026 Sianni J. Cabello, M.S. All rights reserved.</span> <span>Your College Prep and Purpose Advocate</span> </div> </div> </footer> <script> const SITE_BASE="https://www.siannijcabello.com"; const PAGE_PATHS={ "home":"/", "education":"/education-advocacy", "speaking":"/speaking", "influencer":"/influencerwork", "marketing":"/marketingstudio", "press":"/press", "contact":"/contact" }; document.querySelectorAll('[data-page]').forEach(el=>{ el.addEventListener('click',()=>{ const page=el.getAttribute('data-page'); const path=PAGE_PATHS[page] || '/'; const base=SITE_BASE.replace(/\/$/,''); const destination=path==='/' ? base+'/' : base+path; window.top.location.href=destination; }); }); </script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"/> <title>Speaking | Sianni J. Cabello, M.S.</title> <link href="https://fonts.googleapis.com" rel="preconnect"/> <link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:ital,wght@0,400;0,500;0,600;1,400&display=swap" rel="stylesheet"/> <style> :root{ --navy:#0B1F3A; --navy-2:#12294A; --sky:#3E8DFF; --sky-soft:#E8F1FF; --white:#FFFFFF; --grey-bg:#F4F6F9; --grey-line:#E1E6EE; --grey-text:#5D6B80; --radius:18px; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:'Inter',sans-serif;color:var(--navy);background:var(--white);line-height:1.65;font-size:16px} h1,h2,h3,h4{font-family:'Sora',sans-serif;line-height:1.15} img{max-width:100%} a{color:inherit;text-decoration:none} .wrap{width:100%;max-width:1024px;margin:0 auto;padding:0 24px} /* ---------- NAV ---------- */ nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--grey-line)} .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px} .logo{font-family:'Sora',sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:.02em} .logo span{color:var(--sky)} .nav-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .nav-links button{font-family:'Inter',sans-serif;font-size:.88rem;font-weight:500;color:var(--grey-text);background:none;border:none;cursor:pointer;padding:8px 13px;border-radius:99px;transition:.2s} .nav-links button:hover{color:var(--navy);background:var(--grey-bg)} .nav-links button.active{color:var(--white);background:var(--navy)} .nav-cta{background:var(--sky)!important;color:#fff!important;font-weight:600!important} .nav-cta:hover{background:#2f7cf0!important} @media(max-width:820px){.nav-inner{height:auto;padding:12px 0;flex-direction:column;gap:10px}.nav-links{justify-content:center}} /* ---------- PAGES ---------- */ .page{display:none;animation:fade .45s ease} .page.active{display:block} @keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} /* ---------- SHARED ---------- */ .eyebrow{display:inline-block;font-family:'Sora',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sky);margin-bottom:16px} .eyebrow.on-dark{color:#8FBDFF} .section{padding:88px 0} .section.grey{background:var(--grey-bg)} .section.navy{background:var(--navy);color:var(--white)} .section.sky{background:var(--sky-soft)} h2.sec-title{font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:700;margin-bottom:14px;max-width:640px} .sec-sub{color:var(--grey-text);max-width:600px;margin-bottom:44px} .navy .sec-sub{color:#B9C6D9} .btn{display:inline-block;font-family:'Sora',sans-serif;font-weight:600;font-size:.92rem;padding:15px 30px;border-radius:99px;transition:.2s;cursor:pointer;border:none} .btn-primary{background:var(--sky);color:#fff} .btn-primary:hover{background:#2f7cf0;transform:translateY(-2px)} .btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--navy)} .btn-outline:hover{background:var(--navy);color:#fff} .btn-white{background:#fff;color:var(--navy)} .btn-white:hover{background:var(--sky-soft)} .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} @media(max-width:820px){.grid-3,.grid-2{grid-template-columns:1fr}} .card{background:#fff;border:1px solid var(--grey-line);border-radius:var(--radius);padding:34px 28px;transition:.25s} .card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(11,31,58,.09);border-color:var(--sky)} .card h3{font-size:1.12rem;margin-bottom:10px} .card p{color:var(--grey-text);font-size:.94rem} .card .num{font-family:'Sora',sans-serif;font-weight:800;color:var(--sky);font-size:.8rem;letter-spacing:.12em;display:block;margin-bottom:14px} /* ---------- HERO ---------- */ .hero{background:linear-gradient(180deg,var(--white) 0%,var(--sky-soft) 100%);padding:96px 0 110px;position:relative;overflow:hidden} .hero-grid{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:64px; align-items:center; } .hero-copy{position:relative;z-index:2;min-width:0} .hero h1{ max-width:100%; font-size:clamp(2.25rem,4.2vw,3.15rem); font-weight:800; letter-spacing:-.03em; line-height:1.08; margin-bottom:22px; } .hero h1 .hero-line, .hero h1 em{display:block} .hero h1 em{ font-style:normal; color:var(--sky); position:relative; white-space:normal; overflow-wrap:normal; } .hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:10px;background:rgba(62,141,255,.18);z-index:-1;border-radius:4px} .hero p.lead{font-size:1.05rem;color:var(--grey-text);max-width:540px;margin-bottom:34px} .hero-btns{display:flex;gap:14px;flex-wrap:wrap} .hero-visual{ position:relative; z-index:1; min-width:0; width:100%; max-width:380px; justify-self:end; } .photo-frame{width:100%;aspect-ratio:4/5;border-radius:28px;background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,#1E3A63 100%);display:flex;align-items:center;justify-content:center;color:#8FBDFF;font-family:'Sora',sans-serif;font-size:.85rem;letter-spacing:.08em;text-align:center;padding:24px;box-shadow:0 30px 60px rgba(11,31,58,.25)} .photo-frame img{display:block;width:100%;height:100%;object-fit:cover} .float-chip{position:absolute;z-index:3;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 14px 34px rgba(11,31,58,.14);font-size:.82rem;font-weight:600;font-family:'Sora',sans-serif} .chip-1{top:8%;left:14px} .chip-2{bottom:10%;right:-12px} .float-chip .big{display:block;color:var(--sky);font-size:1.3rem;font-weight:800} @media(min-width:821px) and (max-width:1100px){ .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:40px} .hero h1{font-size:clamp(2.2rem,4.4vw,3rem)} .hero-visual{max-width:350px} } @media(max-width:820px){ .hero-grid{grid-template-columns:1fr} .hero-visual{justify-self:center} .chip-1{left:12px} .chip-2{right:12px} } /* stat band */ .stat-band{background:var(--navy);color:#fff;padding:46px 0} .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center} @media(max-width:820px){.stat-grid{grid-template-columns:repeat(2,1fr)}} .stat-grid .n{font-family:'Sora',sans-serif;font-size:2.1rem;font-weight:800;color:var(--sky)} .stat-grid .l{font-size:.8rem;color:#B9C6D9;letter-spacing:.06em;text-transform:uppercase;margin-top:4px} /* pillars */ .pill-link{display:inline-block;margin-top:16px;font-family:'Sora',sans-serif;font-size:.85rem;font-weight:700;color:var(--sky);cursor:pointer} .pill-link:hover{text-decoration:underline} /* logos */ .logo-row{display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:center;align-items:center} .logo-row span{font-family:'Sora',sans-serif;font-weight:700;font-size:1.02rem;color:#AEB9C9;letter-spacing:.04em} /* topic list */ .topic{display:flex;gap:20px;padding:26px 0;border-bottom:1px solid var(--grey-line);align-items:flex-start} .topic:last-child{border-bottom:none} .topic .t-num{font-family:'Sora',sans-serif;font-weight:800;color:var(--sky);min-width:44px;font-size:.95rem;padding-top:3px} .topic h3{font-size:1.08rem;margin-bottom:6px} .topic p{color:var(--grey-text);font-size:.93rem;max-width:640px} .topic > div{flex:1;min-width:0} .topic h3,.topic p{overflow-wrap:anywhere;word-break:normal} .speaking-topics .wrap{max-width:960px} .topic-list{margin-top:30px;max-width:900px} @media(max-width:600px){ .speaking-topics{padding:64px 0} .topic{gap:12px;padding:22px 0} .topic .t-num{min-width:34px;font-size:.85rem} .topic h3{font-size:1rem} .topic p{font-size:.9rem;line-height:1.55} } /* checklist */ .check-list{list-style:none;margin-top:22px} .check-list li{padding-left:32px;position:relative;margin-bottom:13px;color:var(--grey-text);font-size:.96rem} .check-list li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--sky);opacity:.15} .check-list li::after{content:"✓";position:absolute;left:4px;top:1px;color:var(--sky);font-weight:700;font-size:.8rem} .navy .check-list li{color:#B9C6D9} /* quote */ .quote-block{max-width:760px;margin:0 auto;text-align:center} .quote-block blockquote{font-family:'Sora',sans-serif;font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:600;line-height:1.45} .quote-block cite{display:block;margin-top:20px;font-style:normal;color:var(--grey-text);font-size:.9rem} /* CTA band */ .cta-band{background:linear-gradient(120deg,var(--navy) 0%,#173néant 100%);background:linear-gradient(120deg,var(--navy),#1E3A63);color:#fff;border-radius:26px;padding:64px 48px;text-align:center} .cta-band h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:14px} .cta-band p{color:#B9C6D9;max-width:520px;margin:0 auto 30px} @media(max-width:600px){.cta-band{padding:44px 24px}} /* forms */ .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} .form-grid .full{grid-column:1/-1} @media(max-width:640px){.form-grid{grid-template-columns:1fr}} input,textarea,select{width:100%;font-family:'Inter',sans-serif;font-size:.95rem;padding:15px 17px;border:1.5px solid var(--grey-line);border-radius:12px;background:#fff;color:var(--navy);transition:.2s} input:focus,textarea:focus,select:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px rgba(62,141,255,.12)} label{display:block;font-family:'Sora',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;color:var(--grey-text)} /* footer */ footer{background:var(--navy);color:#B9C6D9;padding:64px 0 36px} .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px} @media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}} footer h4{color:#fff;font-size:.95rem;margin-bottom:16px} footer a,footer button{display:block;color:#B9C6D9;font-size:.88rem;margin-bottom:10px;background:none;border:none;cursor:pointer;font-family:'Inter',sans-serif;text-align:left;padding:0} footer a:hover,footer button:hover{color:var(--sky)} .foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem} .foot-logo{font-family:'Sora',sans-serif;font-weight:800;color:#fff;font-size:1.1rem;margin-bottom:12px} .foot-logo span{color:var(--sky)} /* misc */ .tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px} .tag{background:var(--sky-soft);color:var(--sky);font-family:'Sora',sans-serif;font-weight:600;font-size:.78rem;padding:8px 16px;border-radius:99px} .navy .tag{background:rgba(62,141,255,.14);color:#8FBDFF} .mini-note{font-size:.82rem;color:var(--grey-text);margin-top:14px} /* ---------- WIX DESKTOP SAFE AREA ---------- */ @media(min-width:821px){ .wrap{max-width:1024px} .hero-visual{min-width:0} .photo-frame{width:100%} } body{overflow-x:hidden} /* ---------- RESPONSIVE WIX / MOBILE LAYOUT ---------- */ html,body{width:100%;max-width:100%;overflow-x:clip} body{-webkit-text-size-adjust:100%;text-size-adjust:100%} img,video,iframe,svg{display:block;max-width:100%;height:auto} button,input,select,textarea{max-width:100%} .grid-2>*,.grid-3>*,.hero-grid>*{min-width:0} .menu-toggle{ display:none; width:44px; height:44px; padding:10px; border:0; border-radius:10px; background:var(--grey-bg); cursor:pointer; align-items:center; justify-content:center; flex-direction:column; gap:5px; } .menu-toggle span{display:block;width:22px;height:2px;background:var(--navy);border-radius:4px;transition:.2s} nav.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)} nav.menu-open .menu-toggle span:nth-child(2){opacity:0} nav.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} @media(max-width:820px){ .wrap{max-width:none;padding-left:20px;padding-right:20px} .section{padding:62px 0} nav{position:sticky} .nav-inner{height:64px;padding:0;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:space-between;position:relative} .logo{font-size:.98rem;white-space:nowrap} .menu-toggle{display:flex;flex:0 0 44px} .nav-links{ display:none; position:absolute; top:64px; left:-20px; right:-20px; padding:14px 20px 20px; background:rgba(255,255,255,.98); border-bottom:1px solid var(--grey-line); box-shadow:0 16px 28px rgba(11,31,58,.10); grid-template-columns:1fr 1fr; gap:8px; } nav.menu-open .nav-links{display:grid} .nav-links button{width:100%;min-height:44px;padding:10px 12px;text-align:center;border-radius:12px;font-size:.86rem} .nav-cta{grid-column:1/-1} .hero{padding:58px 0 72px} .hero-grid{grid-template-columns:1fr;gap:42px} .hero h1{font-size:clamp(2.15rem,10vw,3rem);line-height:1.07;letter-spacing:-.035em;margin-bottom:20px} .hero h1 em{white-space:normal} .hero h1 em::after{bottom:2px;height:9px} .hero p.lead{font-size:1rem;line-height:1.65;max-width:none;margin-bottom:28px} .hero-btns{gap:10px} .hero-visual{width:min(100%,520px);margin:0 auto} .photo-frame{border-radius:22px;box-shadow:0 20px 40px rgba(11,31,58,.20)} .float-chip{font-size:.76rem;padding:11px 13px} .float-chip .big{font-size:1.1rem} .chip-1{left:10px;top:18px} .chip-2{right:10px;bottom:18px} .grid-2,.grid-3{grid-template-columns:1fr!important;gap:22px} .card{padding:28px 22px} .card:hover{transform:none} .stat-band{padding:38px 0} .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px} .stat-grid .n{font-size:1.75rem} .logo-row{gap:18px 26px} .logo-row span{text-align:center;font-size:.92rem} h2.sec-title{font-size:clamp(1.65rem,7vw,2.15rem);max-width:none} .sec-sub{max-width:none;margin-bottom:34px} .eyebrow{font-size:.66rem;letter-spacing:.13em;line-height:1.45} .tag-row{gap:8px} .tag{padding:7px 12px;font-size:.72rem} .speaking-topics .wrap,.topic-list{max-width:none} .topic{gap:12px;padding:22px 0} .topic .t-num{min-width:34px;font-size:.82rem} .topic h3{font-size:1rem;line-height:1.25;overflow-wrap:break-word} .topic p{font-size:.9rem;line-height:1.58;max-width:none;overflow-wrap:break-word} .cta-band{padding:38px 24px;border-radius:20px} .check-list li{padding-left:30px} .quote-block blockquote{font-size:1.2rem} .foot-grid{grid-template-columns:1fr 1fr;gap:34px 22px} footer{padding:52px 0 28px} .foot-bottom{align-items:flex-start} input,textarea,select{font-size:16px} } @media(max-width:520px){ .wrap{padding-left:16px;padding-right:16px} .section{padding:52px 0} .nav-links{left:-16px;right:-16px;padding-left:16px;padding-right:16px;grid-template-columns:1fr} .nav-cta{grid-column:auto} .hero{padding:48px 0 60px} .hero h1{font-size:clamp(2rem,10.8vw,2.7rem)} .hero-btns{display:grid;grid-template-columns:1fr} .hero-btns .btn,.btn{width:100%;text-align:center;padding:14px 20px} .float-chip{display:none} .stat-grid{grid-template-columns:1fr 1fr} .card{padding:24px 19px} .topic{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px} .topic .t-num{min-width:0} .tag-row{justify-content:center} .cta-band{text-align:center!important;padding:34px 20px} .cta-band .btn{width:100%} .foot-grid{grid-template-columns:1fr} .foot-bottom{display:grid;grid-template-columns:1fr;gap:8px} footer a,footer button{min-height:34px;margin-bottom:5px} .form-grid{gap:15px} .form-grid .full .btn{min-width:0!important} .mini-note strong{overflow-wrap:anywhere} } @media(max-width:360px){ .wrap{padding-left:14px;padding-right:14px} .logo{font-size:.9rem} .hero h1{font-size:1.9rem} .stat-grid{grid-template-columns:1fr} .topic{grid-template-columns:26px minmax(0,1fr)} } /* ---------- HOME FEATURE PHOTO ---------- */ .home-photo-feature{padding:72px 0} .home-photo-card{ display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:stretch; overflow:hidden; border:1px solid var(--grey-line); border-radius:28px; background:var(--sky-soft); box-shadow:0 22px 52px rgba(11,31,58,.09); } .home-photo-wrap{min-width:0;min-height:520px;background:var(--navy)} .home-photo-wrap img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center 48%; } .home-photo-copy{ min-width:0; padding:54px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; } .home-photo-copy .sec-title{margin-bottom:18px} .home-photo-copy p{color:var(--grey-text);max-width:500px;margin-bottom:28px} @media(max-width:820px){ .home-photo-feature{padding:58px 0} .home-photo-card{grid-template-columns:1fr;border-radius:24px} .home-photo-wrap{min-height:0;aspect-ratio:4/5;max-height:620px} .home-photo-copy{padding:38px 30px} } @media(max-width:520px){ .home-photo-feature{padding:44px 0} .home-photo-card{border-radius:20px} .home-photo-wrap{aspect-ratio:4/5} .home-photo-copy{padding:30px 20px} .home-photo-copy p{margin-bottom:24px} } @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} /* Standalone Wix page */ .page{display:block!important;animation:none!important} .page.active{display:block!important} /* Standalone Wix page without embedded menu */ body{padding-top:0!important} .page{margin-top:0!important} </style> </head> <body> <div class="page active" id="page-speaking"> <header class="section navy"> <div class="wrap" style="max-width:820px;text-align:center;margin:0 auto"> <span class="eyebrow on-dark">Public Speaking</span> <h2 class="sec-title" style="margin:0 auto 16px;font-size:clamp(2rem,4.5vw,3rem)">Talks that turn inspiration into action</h2> <p class="sec-sub" style="margin:0 auto 34px">With more than 50 engagements across schools, conferences, and corporate stages, I speak on personal branding, purpose driven leadership, education, and faith. Every talk is customized for your audience.</p> <button class="btn btn-primary" data-page="contact">Check my availability</button> <div class="tag-row" style="justify-content:center"> <span class="tag">Keynotes</span><span class="tag">Panels</span><span class="tag">Workshops</span><span class="tag">Student Assemblies</span><span class="tag">Faith Based Events</span> </div> </div> </header> <section class="section speaking-topics"> <div class="wrap"> <span class="eyebrow">Signature Topics</span> <h2 class="sec-title">What I speak about</h2> <div class="topic-list"> <div class="topic"> <span class="t-num">01</span> <div> <h3>Beyond College Acceptance</h3> <p>Preparing students not only to enter college, but to persist, graduate, and build meaningful careers. This session explores the academic, financial, social, and professional skills young people need to successfully transition from high school into adulthood.</p> </div> </div> <div class="topic"> <span class="t-num">02</span> <div> <h3>Building Education Systems That Prepare Students for Life</h3> <p>How schools, nonprofits, families, and employers can work together to close opportunity gaps and prepare students for college, careers, and long term success. This session draws from my work as founder of Social Society U and Chair of the Arlington Public Schools Budget Advisory Council.</p> </div> </div> <div class="topic"> <span class="t-num">03</span> <div> <h3>Purpose, Identity, and the Power to Lead</h3> <p>An interactive session that helps students and emerging professionals understand their strengths, communicate their value, and lead with confidence. Participants leave with practical tools to make intentional decisions and create opportunities for themselves and others.</p> </div> </div> <div class="topic"> <span class="t-num">04</span> <div> <h3>From Community Need to Lasting Impact</h3> <p>How to transform an idea into a sustainable program, nonprofit, or community initiative. Drawing from my experience founding Social Society U, this session covers identifying needs, building partnerships, securing support, measuring results, and creating lasting impact.</p> </div> </div> <div class="topic"> <span class="t-num">05</span> <div> <h3>Build a Brand That Stands on Its Own</h3> <p>A practical session on creating a personal or professional brand with a clear identity, strong message, and lasting credibility. Participants learn how to communicate their value, strengthen their online presence, and build a recognizable reputation without relying on trends, titles, or outside validation.</p> </div> </div> <div class="topic"> <span class="t-num">06</span> <div> <h3>Storytelling That Moves People to Action</h3> <p>How leaders, nonprofits, and brands can use authentic stories to build trust, increase visibility, and inspire action. This session teaches participants how to communicate their experiences, mission, and impact in ways that connect with audiences without sounding forced or overly promotional.</p> </div> </div> <div class="topic"> <span class="t-num">07</span> <div> <h3>Your Voice Belongs in the Room</h3> <p>An education leadership and advocacy session that helps students, parents, and community leaders understand how school decisions are made and how they can influence them. Drawing from my service as Chair of the Arlington Public Schools Budget Advisory Council, this session explores education funding, civic participation, public leadership, and effective advocacy.</p> </div> </div> <div class="topic"> <span class="t-num">08</span> <div> <h3>Goals That Move You Forward</h3> <p>A practical goal setting workshop for adult learners balancing education, work, family, and personal responsibilities. Participants learn how to turn broad ambitions into clear, achievable goals, create realistic action plans, overcome common barriers, and build accountability for lasting progress.</p> </div> </div> </div> </div> </section> <section class="section grey" style="padding-bottom:0"> <div class="wrap" style="max-width:900px;margin:0 auto;text-align:center"> <span class="eyebrow">Watch Me In Action</span> <h2 class="sec-title" style="margin:0 auto 30px">Speaking reel</h2> <video controls="" preload="metadata" style="width:100%;border-radius:22px;box-shadow:0 24px 50px rgba(11,31,58,.18);background:#0B1F3A"> <source src="https://video.wixstatic.com/video/931db7_e63ba961e1574344994e5907ed715a71/1080p/mp4/file.mp4" type="video/mp4"/> Your browser does not support embedded video. <a href="https://video.wixstatic.com/video/931db7_e63ba961e1574344994e5907ed715a71/1080p/mp4/file.mp4">Watch the reel here.</a> </video> </div> </section> <section class="section grey"> <div class="wrap grid-2"> <div> <span class="eyebrow">What To Expect</span> <h2 class="sec-title">A speaker who does the homework</h2> <ul class="check-list"> <li>A discovery call to understand your audience and goals</li> <li>A customized talk, never a recycled script</li> <li>Professional promotional materials and headshots</li> <li>Social media promotion to my engaged audience</li> <li>Optional workshops, Q and A sessions, and meet and greets</li> </ul> </div> <div class="cta-band" style="text-align:left"> <h2 style="font-size:1.5rem">Booking for this season</h2> <p style="margin:0 0 24px">Dates fill quickly for fall conferences and back to school programming. Reach out early to secure your date.</p> <button class="btn btn-primary" data-page="contact">Request booking details</button> </div> </div> </section> </div> <footer> <div class="wrap"> <div class="foot-grid"> <div> <div class="foot-logo">SIANNI <span>CABELLO</span></div> <p style="font-size:.88rem;max-width:280px">Education specialist, speaker, and brand strategist based in Washington, DC. Founder of Social Society U, Inc.</p> </div> <div> <h4>Explore</h4> <button data-page="home">Home</button> <button data-page="education">Education Advocacy</button> <button data-page="speaking">Speaking</button> <button data-page="press">Press</button> </div> <div> <h4>Work With Me</h4> <button data-page="influencer">Influencer Partnerships</button> <button data-page="marketing">Marketing Studio</button> <button data-page="contact">Book Sianni</button> </div> <div> <h4>Connect</h4> <a href="https://www.linkedin.com/in/siannicabello/" rel="noopener" target="_blank">LinkedIn</a> <a href="https://www.instagram.com/siannicabello/" rel="noopener" target="_blank">Instagram</a> <a href="http://www.socialsocietyu.com" rel="noopener" target="_blank">Social Society U</a> <a href="mailto:Info@SocialSocietyU.com">Info@SocialSocietyU.com</a> </div> </div> <div class="foot-bottom"> <span>© 2026 Sianni J. Cabello, M.S. All rights reserved.</span> <span>Your College Prep and Purpose Advocate</span> </div> </div> </footer> <script> const SITE_BASE="https://www.siannijcabello.com"; const PAGE_PATHS={ "home":"/", "education":"/education-advocacy", "speaking":"/speaking", "influencer":"/influencerwork", "marketing":"/marketingstudio", "press":"/press", "contact":"/contact" }; document.querySelectorAll('[data-page]').forEach(el=>{ el.addEventListener('click',()=>{ const page=el.getAttribute('data-page'); const path=PAGE_PATHS[page] || '/'; const base=SITE_BASE.replace(/\/$/,''); const destination=path==='/' ? base+'/' : base+path; window.top.location.href=destination; }); }); </script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"/> <title>Speaking | Sianni J. Cabello, M.S.</title> <link href="https://fonts.googleapis.com" rel="preconnect"/> <link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Inter:ital,wght@0,400;0,500;0,600;1,400&display=swap" rel="stylesheet"/> <style> :root{ --navy:#0B1F3A; --navy-2:#12294A; --sky:#3E8DFF; --sky-soft:#E8F1FF; --white:#FFFFFF; --grey-bg:#F4F6F9; --grey-line:#E1E6EE; --grey-text:#5D6B80; --radius:18px; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:'Inter',sans-serif;color:var(--navy);background:var(--white);line-height:1.65;font-size:16px} h1,h2,h3,h4{font-family:'Sora',sans-serif;line-height:1.15} img{max-width:100%} a{color:inherit;text-decoration:none} .wrap{width:100%;max-width:1024px;margin:0 auto;padding:0 24px} /* ---------- NAV ---------- */ nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--grey-line)} .nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px} .logo{font-family:'Sora',sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:.02em} .logo span{color:var(--sky)} .nav-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .nav-links button{font-family:'Inter',sans-serif;font-size:.88rem;font-weight:500;color:var(--grey-text);background:none;border:none;cursor:pointer;padding:8px 13px;border-radius:99px;transition:.2s} .nav-links button:hover{color:var(--navy);background:var(--grey-bg)} .nav-links button.active{color:var(--white);background:var(--navy)} .nav-cta{background:var(--sky)!important;color:#fff!important;font-weight:600!important} .nav-cta:hover{background:#2f7cf0!important} @media(max-width:820px){.nav-inner{height:auto;padding:12px 0;flex-direction:column;gap:10px}.nav-links{justify-content:center}} /* ---------- PAGES ---------- */ .page{display:none;animation:fade .45s ease} .page.active{display:block} @keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} /* ---------- SHARED ---------- */ .eyebrow{display:inline-block;font-family:'Sora',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sky);margin-bottom:16px} .eyebrow.on-dark{color:#8FBDFF} .section{padding:88px 0} .section.grey{background:var(--grey-bg)} .section.navy{background:var(--navy);color:var(--white)} .section.sky{background:var(--sky-soft)} h2.sec-title{font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:700;margin-bottom:14px;max-width:640px} .sec-sub{color:var(--grey-text);max-width:600px;margin-bottom:44px} .navy .sec-sub{color:#B9C6D9} .btn{display:inline-block;font-family:'Sora',sans-serif;font-weight:600;font-size:.92rem;padding:15px 30px;border-radius:99px;transition:.2s;cursor:pointer;border:none} .btn-primary{background:var(--sky);color:#fff} .btn-primary:hover{background:#2f7cf0;transform:translateY(-2px)} .btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--navy)} .btn-outline:hover{background:var(--navy);color:#fff} .btn-white{background:#fff;color:var(--navy)} .btn-white:hover{background:var(--sky-soft)} .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} @media(max-width:820px){.grid-3,.grid-2{grid-template-columns:1fr}} .card{background:#fff;border:1px solid var(--grey-line);border-radius:var(--radius);padding:34px 28px;transition:.25s} .card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(11,31,58,.09);border-color:var(--sky)} .card h3{font-size:1.12rem;margin-bottom:10px} .card p{color:var(--grey-text);font-size:.94rem} .card .num{font-family:'Sora',sans-serif;font-weight:800;color:var(--sky);font-size:.8rem;letter-spacing:.12em;display:block;margin-bottom:14px} /* ---------- HERO ---------- */ .hero{background:linear-gradient(180deg,var(--white) 0%,var(--sky-soft) 100%);padding:96px 0 110px;position:relative;overflow:hidden} .hero-grid{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:64px; align-items:center; } .hero-copy{position:relative;z-index:2;min-width:0} .hero h1{ max-width:100%; font-size:clamp(2.25rem,4.2vw,3.15rem); font-weight:800; letter-spacing:-.03em; line-height:1.08; margin-bottom:22px; } .hero h1 .hero-line, .hero h1 em{display:block} .hero h1 em{ font-style:normal; color:var(--sky); position:relative; white-space:normal; overflow-wrap:normal; } .hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:10px;background:rgba(62,141,255,.18);z-index:-1;border-radius:4px} .hero p.lead{font-size:1.05rem;color:var(--grey-text);max-width:540px;margin-bottom:34px} .hero-btns{display:flex;gap:14px;flex-wrap:wrap} .hero-visual{ position:relative; z-index:1; min-width:0; width:100%; max-width:380px; justify-self:end; } .photo-frame{width:100%;aspect-ratio:4/5;border-radius:28px;background:linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,#1E3A63 100%);display:flex;align-items:center;justify-content:center;color:#8FBDFF;font-family:'Sora',sans-serif;font-size:.85rem;letter-spacing:.08em;text-align:center;padding:24px;box-shadow:0 30px 60px rgba(11,31,58,.25)} .photo-frame img{display:block;width:100%;height:100%;object-fit:cover} .float-chip{position:absolute;z-index:3;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 14px 34px rgba(11,31,58,.14);font-size:.82rem;font-weight:600;font-family:'Sora',sans-serif} .chip-1{top:8%;left:14px} .chip-2{bottom:10%;right:-12px} .float-chip .big{display:block;color:var(--sky);font-size:1.3rem;font-weight:800} @media(min-width:821px) and (max-width:1100px){ .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:40px} .hero h1{font-size:clamp(2.2rem,4.4vw,3rem)} .hero-visual{max-width:350px} } @media(max-width:820px){ .hero-grid{grid-template-columns:1fr} .hero-visual{justify-self:center} .chip-1{left:12px} .chip-2{right:12px} } /* stat band */ .stat-band{background:var(--navy);color:#fff;padding:46px 0} .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center} @media(max-width:820px){.stat-grid{grid-template-columns:repeat(2,1fr)}} .stat-grid .n{font-family:'Sora',sans-serif;font-size:2.1rem;font-weight:800;color:var(--sky)} .stat-grid .l{font-size:.8rem;color:#B9C6D9;letter-spacing:.06em;text-transform:uppercase;margin-top:4px} /* pillars */ .pill-link{display:inline-block;margin-top:16px;font-family:'Sora',sans-serif;font-size:.85rem;font-weight:700;color:var(--sky);cursor:pointer} .pill-link:hover{text-decoration:underline} /* logos */ .logo-row{display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:center;align-items:center} .logo-row span{font-family:'Sora',sans-serif;font-weight:700;font-size:1.02rem;color:#AEB9C9;letter-spacing:.04em} /* topic list */ .topic{display:flex;gap:20px;padding:26px 0;border-bottom:1px solid var(--grey-line);align-items:flex-start} .topic:last-child{border-bottom:none} .topic .t-num{font-family:'Sora',sans-serif;font-weight:800;color:var(--sky);min-width:44px;font-size:.95rem;padding-top:3px} .topic h3{font-size:1.08rem;margin-bottom:6px} .topic p{color:var(--grey-text);font-size:.93rem;max-width:640px} .topic > div{flex:1;min-width:0} .topic h3,.topic p{overflow-wrap:anywhere;word-break:normal} .speaking-topics .wrap{max-width:960px} .topic-list{margin-top:30px;max-width:900px} @media(max-width:600px){ .speaking-topics{padding:64px 0} .topic{gap:12px;padding:22px 0} .topic .t-num{min-width:34px;font-size:.85rem} .topic h3{font-size:1rem} .topic p{font-size:.9rem;line-height:1.55} } /* checklist */ .check-list{list-style:none;margin-top:22px} .check-list li{padding-left:32px;position:relative;margin-bottom:13px;color:var(--grey-text);font-size:.96rem} .check-list li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--sky);opacity:.15} .check-list li::after{content:"✓";position:absolute;left:4px;top:1px;color:var(--sky);font-weight:700;font-size:.8rem} .navy .check-list li{color:#B9C6D9} /* quote */ .quote-block{max-width:760px;margin:0 auto;text-align:center} .quote-block blockquote{font-family:'Sora',sans-serif;font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:600;line-height:1.45} .quote-block cite{display:block;margin-top:20px;font-style:normal;color:var(--grey-text);font-size:.9rem} /* CTA band */ .cta-band{background:linear-gradient(120deg,var(--navy) 0%,#173néant 100%);background:linear-gradient(120deg,var(--navy),#1E3A63);color:#fff;border-radius:26px;padding:64px 48px;text-align:center} .cta-band h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:14px} .cta-band p{color:#B9C6D9;max-width:520px;margin:0 auto 30px} @media(max-width:600px){.cta-band{padding:44px 24px}} /* forms */ .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px} .form-grid .full{grid-column:1/-1} @media(max-width:640px){.form-grid{grid-template-columns:1fr}} input,textarea,select{width:100%;font-family:'Inter',sans-serif;font-size:.95rem;padding:15px 17px;border:1.5px solid var(--grey-line);border-radius:12px;background:#fff;color:var(--navy);transition:.2s} input:focus,textarea:focus,select:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px rgba(62,141,255,.12)} label{display:block;font-family:'Sora',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;color:var(--grey-text)} /* footer */ footer{background:var(--navy);color:#B9C6D9;padding:64px 0 36px} .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px} @media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}} footer h4{color:#fff;font-size:.95rem;margin-bottom:16px} footer a,footer button{display:block;color:#B9C6D9;font-size:.88rem;margin-bottom:10px;background:none;border:none;cursor:pointer;font-family:'Inter',sans-serif;text-align:left;padding:0} footer a:hover,footer button:hover{color:var(--sky)} .foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem} .foot-logo{font-family:'Sora',sans-serif;font-weight:800;color:#fff;font-size:1.1rem;margin-bottom:12px} .foot-logo span{color:var(--sky)} /* misc */ .tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px} .tag{background:var(--sky-soft);color:var(--sky);font-family:'Sora',sans-serif;font-weight:600;font-size:.78rem;padding:8px 16px;border-radius:99px} .navy .tag{background:rgba(62,141,255,.14);color:#8FBDFF} .mini-note{font-size:.82rem;color:var(--grey-text);margin-top:14px} /* ---------- WIX DESKTOP SAFE AREA ---------- */ @media(min-width:821px){ .wrap{max-width:1024px} .hero-visual{min-width:0} .photo-frame{width:100%} } body{overflow-x:hidden} /* ---------- RESPONSIVE WIX / MOBILE LAYOUT ---------- */ html,body{width:100%;max-width:100%;overflow-x:clip} body{-webkit-text-size-adjust:100%;text-size-adjust:100%} img,video,iframe,svg{display:block;max-width:100%;height:auto} button,input,select,textarea{max-width:100%} .grid-2>*,.grid-3>*,.hero-grid>*{min-width:0} .menu-toggle{ display:none; width:44px; height:44px; padding:10px; border:0; border-radius:10px; background:var(--grey-bg); cursor:pointer; align-items:center; justify-content:center; flex-direction:column; gap:5px; } .menu-toggle span{display:block;width:22px;height:2px;background:var(--navy);border-radius:4px;transition:.2s} nav.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)} nav.menu-open .menu-toggle span:nth-child(2){opacity:0} nav.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} @media(max-width:820px){ .wrap{max-width:none;padding-left:20px;padding-right:20px} .section{padding:62px 0} nav{position:sticky} .nav-inner{height:64px;padding:0;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:space-between;position:relative} .logo{font-size:.98rem;white-space:nowrap} .menu-toggle{display:flex;flex:0 0 44px} .nav-links{ display:none; position:absolute; top:64px; left:-20px; right:-20px; padding:14px 20px 20px; background:rgba(255,255,255,.98); border-bottom:1px solid var(--grey-line); box-shadow:0 16px 28px rgba(11,31,58,.10); grid-template-columns:1fr 1fr; gap:8px; } nav.menu-open .nav-links{display:grid} .nav-links button{width:100%;min-height:44px;padding:10px 12px;text-align:center;border-radius:12px;font-size:.86rem} .nav-cta{grid-column:1/-1} .hero{padding:58px 0 72px} .hero-grid{grid-template-columns:1fr;gap:42px} .hero h1{font-size:clamp(2.15rem,10vw,3rem);line-height:1.07;letter-spacing:-.035em;margin-bottom:20px} .hero h1 em{white-space:normal} .hero h1 em::after{bottom:2px;height:9px} .hero p.lead{font-size:1rem;line-height:1.65;max-width:none;margin-bottom:28px} .hero-btns{gap:10px} .hero-visual{width:min(100%,520px);margin:0 auto} .photo-frame{border-radius:22px;box-shadow:0 20px 40px rgba(11,31,58,.20)} .float-chip{font-size:.76rem;padding:11px 13px} .float-chip .big{font-size:1.1rem} .chip-1{left:10px;top:18px} .chip-2{right:10px;bottom:18px} .grid-2,.grid-3{grid-template-columns:1fr!important;gap:22px} .card{padding:28px 22px} .card:hover{transform:none} .stat-band{padding:38px 0} .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px} .stat-grid .n{font-size:1.75rem} .logo-row{gap:18px 26px} .logo-row span{text-align:center;font-size:.92rem} h2.sec-title{font-size:clamp(1.65rem,7vw,2.15rem);max-width:none} .sec-sub{max-width:none;margin-bottom:34px} .eyebrow{font-size:.66rem;letter-spacing:.13em;line-height:1.45} .tag-row{gap:8px} .tag{padding:7px 12px;font-size:.72rem} .speaking-topics .wrap,.topic-list{max-width:none} .topic{gap:12px;padding:22px 0} .topic .t-num{min-width:34px;font-size:.82rem} .topic h3{font-size:1rem;line-height:1.25;overflow-wrap:break-word} .topic p{font-size:.9rem;line-height:1.58;max-width:none;overflow-wrap:break-word} .cta-band{padding:38px 24px;border-radius:20px} .check-list li{padding-left:30px} .quote-block blockquote{font-size:1.2rem} .foot-grid{grid-template-columns:1fr 1fr;gap:34px 22px} footer{padding:52px 0 28px} .foot-bottom{align-items:flex-start} input,textarea,select{font-size:16px} } @media(max-width:520px){ .wrap{padding-left:16px;padding-right:16px} .section{padding:52px 0} .nav-links{left:-16px;right:-16px;padding-left:16px;padding-right:16px;grid-template-columns:1fr} .nav-cta{grid-column:auto} .hero{padding:48px 0 60px} .hero h1{font-size:clamp(2rem,10.8vw,2.7rem)} .hero-btns{display:grid;grid-template-columns:1fr} .hero-btns .btn,.btn{width:100%;text-align:center;padding:14px 20px} .float-chip{display:none} .stat-grid{grid-template-columns:1fr 1fr} .card{padding:24px 19px} .topic{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px} .topic .t-num{min-width:0} .tag-row{justify-content:center} .cta-band{text-align:center!important;padding:34px 20px} .cta-band .btn{width:100%} .foot-grid{grid-template-columns:1fr} .foot-bottom{display:grid;grid-template-columns:1fr;gap:8px} footer a,footer button{min-height:34px;margin-bottom:5px} .form-grid{gap:15px} .form-grid .full .btn{min-width:0!important} .mini-note strong{overflow-wrap:anywhere} } @media(max-width:360px){ .wrap{padding-left:14px;padding-right:14px} .logo{font-size:.9rem} .hero h1{font-size:1.9rem} .stat-grid{grid-template-columns:1fr} .topic{grid-template-columns:26px minmax(0,1fr)} } /* ---------- HOME FEATURE PHOTO ---------- */ .home-photo-feature{padding:72px 0} .home-photo-card{ display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:stretch; overflow:hidden; border:1px solid var(--grey-line); border-radius:28px; background:var(--sky-soft); box-shadow:0 22px 52px rgba(11,31,58,.09); } .home-photo-wrap{min-width:0;min-height:520px;background:var(--navy)} .home-photo-wrap img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center 48%; } .home-photo-copy{ min-width:0; padding:54px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; } .home-photo-copy .sec-title{margin-bottom:18px} .home-photo-copy p{color:var(--grey-text);max-width:500px;margin-bottom:28px} @media(max-width:820px){ .home-photo-feature{padding:58px 0} .home-photo-card{grid-template-columns:1fr;border-radius:24px} .home-photo-wrap{min-height:0;aspect-ratio:4/5;max-height:620px} .home-photo-copy{padding:38px 30px} } @media(max-width:520px){ .home-photo-feature{padding:44px 0} .home-photo-card{border-radius:20px} .home-photo-wrap{aspect-ratio:4/5} .home-photo-copy{padding:30px 20px} .home-photo-copy p{margin-bottom:24px} } @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} /* Standalone Wix page */ .page{display:block!important;animation:none!important} .page.active{display:block!important} /* Standalone Wix page without embedded menu */ body{padding-top:0!important} .page{margin-top:0!important} </style> </head> <body> <div class="page active" id="page-speaking"> <header class="section navy"> <div class="wrap" style="max-width:820px;text-align:center;margin:0 auto"> <span class="eyebrow on-dark">Public Speaking</span> <h2 class="sec-title" style="margin:0 auto 16px;font-size:clamp(2rem,4.5vw,3rem)">Talks that turn inspiration into action</h2> <p class="sec-sub" style="margin:0 auto 34px">With more than 50 engagements across schools, conferences, and corporate stages, I speak on personal branding, purpose driven leadership, education, and faith. Every talk is customized for your audience.</p> <button class="btn btn-primary" data-page="contact">Check my availability</button> <div class="tag-row" style="justify-content:center"> <span class="tag">Keynotes</span><span class="tag">Panels</span><span class="tag">Workshops</span><span class="tag">Student Assemblies</span><span class="tag">Faith Based Events</span> </div> </div> </header> <section class="section speaking-topics"> <div class="wrap"> <span class="eyebrow">Signature Topics</span> <h2 class="sec-title">What I speak about</h2> <div class="topic-list"> <div class="topic"> <span class="t-num">01</span> <div> <h3>Beyond College Acceptance</h3> <p>Preparing students not only to enter college, but to persist, graduate, and build meaningful careers. This session explores the academic, financial, social, and professional skills young people need to successfully transition from high school into adulthood.</p> </div> </div> <div class="topic"> <span class="t-num">02</span> <div> <h3>Building Education Systems That Prepare Students for Life</h3> <p>How schools, nonprofits, families, and employers can work together to close opportunity gaps and prepare students for college, careers, and long term success. This session draws from my work as founder of Social Society U and Chair of the Arlington Public Schools Budget Advisory Council.</p> </div> </div> <div class="topic"> <span class="t-num">03</span> <div> <h3>Purpose, Identity, and the Power to Lead</h3> <p>An interactive session that helps students and emerging professionals understand their strengths, communicate their value, and lead with confidence. Participants leave with practical tools to make intentional decisions and create opportunities for themselves and others.</p> </div> </div> <div class="topic"> <span class="t-num">04</span> <div> <h3>From Community Need to Lasting Impact</h3> <p>How to transform an idea into a sustainable program, nonprofit, or community initiative. Drawing from my experience founding Social Society U, this session covers identifying needs, building partnerships, securing support, measuring results, and creating lasting impact.</p> </div> </div> <div class="topic"> <span class="t-num">05</span> <div> <h3>Build a Brand That Stands on Its Own</h3> <p>A practical session on creating a personal or professional brand with a clear identity, strong message, and lasting credibility. Participants learn how to communicate their value, strengthen their online presence, and build a recognizable reputation without relying on trends, titles, or outside validation.</p> </div> </div> <div class="topic"> <span class="t-num">06</span> <div> <h3>Storytelling That Moves People to Action</h3> <p>How leaders, nonprofits, and brands can use authentic stories to build trust, increase visibility, and inspire action. This session teaches participants how to communicate their experiences, mission, and impact in ways that connect with audiences without sounding forced or overly promotional.</p> </div> </div> <div class="topic"> <span class="t-num">07</span> <div> <h3>Your Voice Belongs in the Room</h3> <p>An education leadership and advocacy session that helps students, parents, and community leaders understand how school decisions are made and how they can influence them. Drawing from my service as Chair of the Arlington Public Schools Budget Advisory Council, this session explores education funding, civic participation, public leadership, and effective advocacy.</p> </div> </div> <div class="topic"> <span class="t-num">08</span> <div> <h3>Goals That Move You Forward</h3> <p>A practical goal setting workshop for adult learners balancing education, work, family, and personal responsibilities. Participants learn how to turn broad ambitions into clear, achievable goals, create realistic action plans, overcome common barriers, and build accountability for lasting progress.</p> </div> </div> </div> </div> </section> <section class="section grey" style="padding-bottom:0"> <div class="wrap" style="max-width:900px;margin:0 auto;text-align:center"> <span class="eyebrow">Watch Me In Action</span> <h2 class="sec-title" style="margin:0 auto 30px">Speaking reel</h2> <video controls="" preload="metadata" style="width:100%;border-radius:22px;box-shadow:0 24px 50px rgba(11,31,58,.18);background:#0B1F3A"> <source src="https://video.wixstatic.com/video/931db7_e63ba961e1574344994e5907ed715a71/1080p/mp4/file.mp4" type="video/mp4"/> Your browser does not support embedded video. <a href="https://video.wixstatic.com/video/931db7_e63ba961e1574344994e5907ed715a71/1080p/mp4/file.mp4">Watch the reel here.</a> </video> </div> </section> <section class="section grey"> <div class="wrap grid-2"> <div> <span class="eyebrow">What To Expect</span> <h2 class="sec-title">A speaker who does the homework</h2> <ul class="check-list"> <li>A discovery call to understand your audience and goals</li> <li>A customized talk, never a recycled script</li> <li>Professional promotional materials and headshots</li> <li>Social media promotion to my engaged audience</li> <li>Optional workshops, Q and A sessions, and meet and greets</li> </ul> </div> <div class="cta-band" style="text-align:left"> <h2 style="font-size:1.5rem">Booking for this season</h2> <p style="margin:0 0 24px">Dates fill quickly for fall conferences and back to school programming. Reach out early to secure your date.</p> <button class="btn btn-primary" data-page="contact">Request booking details</button> </div> </div> </section> </div> <footer> <div class="wrap"> <div class="foot-grid"> <div> <div class="foot-logo">SIANNI <span>CABELLO</span></div> <p style="font-size:.88rem;max-width:280px">Education specialist, speaker, and brand strategist based in Washington, DC. Founder of Social Society U, Inc.</p> </div> <div> <h4>Explore</h4> <button data-page="home">Home</button> <button data-page="education">Education Advocacy</button> <button data-page="speaking">Speaking</button> <button data-page="press">Press</button> </div> <div> <h4>Work With Me</h4> <button data-page="influencer">Influencer Partnerships</button> <button data-page="marketing">Marketing Studio</button> <button data-page="contact">Book Sianni</button> </div> <div> <h4>Connect</h4> <a href="https://www.linkedin.com/in/siannicabello/" rel="noopener" target="_blank">LinkedIn</a> <a href="https://www.instagram.com/siannicabello/" rel="noopener" target="_blank">Instagram</a> <a href="http://www.socialsocietyu.com" rel="noopener" target="_blank">Social Society U</a> <a href="mailto:Info@SocialSocietyU.com">Info@SocialSocietyU.com</a> </div> </div> <div class="foot-bottom"> <span>© 2026 Sianni J. Cabello, M.S. All rights reserved.</span> <span>Your College Prep and Purpose Advocate</span> </div> </div> </footer> <script> const SITE_BASE="https://www.siannijcabello.com"; const PAGE_PATHS={ "home":"/", "education":"/education-advocacy", "speaking":"/speaking", "influencer":"/influencerwork", "marketing":"/marketingstudio", "press":"/press", "contact":"/contact" }; document.querySelectorAll('[data-page]').forEach(el=>{ el.addEventListener('click',()=>{ const page=el.getAttribute('data-page'); const path=PAGE_PATHS[page] || '/'; const base=SITE_BASE.replace(/\/$/,''); const destination=path==='/' ? base+'/' : base+path; window.top.location.href=destination; }); }); </script> </body> </html>