/* TopAndHero.jsx — Sections 0–2: Sticky Nav, Hero + Lead Form, Trust Strip */ /* FULLY RESPONSIVE VERSION */ /* ── Section 0: Sticky Top Utility Bar ───────────────────────── */ const StickyNav = () => { const { isMobile } = useResponsive(); const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const h = () => setScrolled(window.scrollY > 10); window.addEventListener('scroll', h, { passive: true }); return () => window.removeEventListener('scroll', h); }, []); return ( ); }; /* ── Section 1: Hero + Lead Form ─────────────────────────────── */ const HeroSection = () => { const { isMobile, isTablet } = useResponsive(); const [formData, setFormData] = React.useState({ name: '', mobile: '', email: '', city: '', year: '', }); const handleSubmit = (e) => { e.preventDefault(); alert('Form submitted! (Demo — would POST to /api/lead)'); }; const inputStyle = { width: '100%', padding: isMobile ? '13px 14px' : '12px 14px', borderRadius: 8, border: '1.5px solid #ddd', fontSize: 14, fontFamily: "'IBM Plex Sans', sans-serif", outline: 'none', transition: '0.2s ease', background: '#fff', }; return (
{/* Content */}
1st Time in A.P. & Telangana

Career-Driven Cyber Security.{isMobile ? ' ' :
} Built with KPMG. Certified globally.

B.Tech in Computer Science & Engineering (Cyber Security) — co-created with KPMG in India and academically partnered with Macquarie University, Sydney's Cyber Skills Academy.

{/* Cascade */} {!isMobile && } {/* CTAs */}
Talk to Career Advisor Download Brochure
NAAC A++ Accredited · NIRF Ranked · 47 Years of Excellence
{/* Lead Form */}

Get personalised course details

A counsellor will call you back within 4 working hours.

setFormData({...formData, name: e.target.value})} />
+91 setFormData({...formData, mobile: e.target.value})} />
setFormData({...formData, email: e.target.value})} /> setFormData({...formData, city: e.target.value})} />

Your details are confidential and never shared with third parties.

); }; /* ── Cascade Motif ───────────────────────────────────────────── */ const CascadeMotif = () => { const steps = [ { label: 'Co-created', color: '#F37021' }, { label: 'Co-delivered', color: '#E8601A' }, { label: 'Globally-certified', color: '#E0231C' }, ]; return (
{steps.map((s, i) => (
{s.label}
))}
KPMG
IN INDIA
MACQUARIE
SYDNEY, AUSTRALIA
); }; /* ── Section 2: Trust Strip ──────────────────────────────────── */ const TrustStrip = () => { const { isMobile } = useResponsive(); const badges = [ '47 Years of Excellence', 'NAAC A++ (3rd Cycle)', 'NIRF Rank Band 201–300', 'Outlook No. 1 in A.P.', 'Times Business Awards', 'ASSOCHAM', 'NITI Aayog AIM', ]; const partners = ['KPMG in India', 'Macquarie University', 'GGU Industry Edge']; return (
{badges.map((b, i) => (
{b}
))}
{!isMobile && (
{partners.map((p, i) => (
{p}
))}
)}
); }; Object.assign(window, { StickyNav, HeroSection, TrustStrip, CascadeMotif });