https://www.crackinterviewai.in/assets/InterviewQuestionsPage-B2icuVV0.js

1import{j as e,L as s}from"./react-vendor-QDf--E66.js";import{N as l}from"./Navbar-7XYPfItn.js";import{F as i}from"./Footer-iNSj2nSo.js";import{u as o}from"./index-CLMypnZ3.js";import{i as n,a as x,S as d,I as c,t as m,b as r,c as h,d as p,e as g}from"./index-DJwc-HZm.js";import{aD as u,aw as w,ah as b,A as f,D as j}from"./icons--aatHFmC.js";import"./BrandLogo-DzlJWrum.js";import"./pricing-BNIcWxC0.js";import"./auth-Dv5aAREk.js";import"./firebase-CsTBSPy5.js";import"./config-BsBLrHUs.js";import"./useSaleConfig-ClqxtUsc.js";import"./motion-CjEG5Rtt.js";function B(){return o({title:n.metaTitle,description:n.metaDescription,canonical:`${d}/${c}`,keywords:n.keywords,jsonLd:x()}),e.jsxs("div",{className:"min-h-screen bg-[#050508] text-white",children:[e.jsx(l,{}),e.jsxs("main",{className:"relative z-10",children:[e.jsxs("section",{className:"mx-auto max-w-6xl px-4 pb-12 pt-32 sm:px-6 sm:pt-40 lg:px-8",children:[e.jsxs("nav",{"aria-label":"Breadcrumb",className:"flex items-center gap-2 text-sm text-slate-500",children:[e.jsx(s,{to:"/",className:"transition-colors hover:text-green-400",children:"Home"}),e.jsx("span",{"aria-hidden":"true",children:"/"}),e.jsx("span",{className:"text-slate-400",children:"Interview questions"})]}),e.jsxs("span",{className:"mt-8 inline-flex items-center gap-2 rounded-full border border-green-500/25 bg-green-500/[0.06] px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.20em] text-green-400",children:[e.jsx(u,{className:"h-3.5 w-3.5"}),"Free study hub"]}),e.jsx("h1",{className:"font-display mt-5 max-w-4xl text-4xl font-extrabold leading-[1.05] tracking-tight text-white sm:text-5xl md:text-6xl",children:"Interview questions and answers"}),e.jsxs("p",{className:"mt-6 max-w-3xl text-lg leading-8 text-slate-300",children:[m," questions across ",r.length," technologies - HTML, CSS, JavaScript, TypeScript, React, Angular, RxJS and NgRx. Every answer is short and comes with a code example where it helps. No fluff, no long theory paragraphs."]}),e.jsxs("div",{className:"mt-8 flex flex-col gap-3 sm:flex-row",children:[e.jsxs("a",{href:"#topics",className:"inline-flex min-h-12 items-center justify-center gap-2 rounded-full bg-green-500 px-6 text-sm font-bold text-black transition-colors hover:bg-green-400",children:[e.jsx(w,{className:"h-4 w-4"}),"Browse all topics"]}),e.jsxs(s,{to:"/blog",className:"inline-flex min-h-12 items-center justify-center gap-2 rounded-full border border-white/[0.12] px-6 text-sm font-semibold text-slate-200 transition-colors hover:border-green-500/35 hover:text-white",children:[e.jsx(b,{className:"h-4 w-4"}),"Interview guides"]})]})]}),e.jsxs("section",{id:"topics",className:"mx-auto max-w-6xl scroll-mt-32 px-4 py-12 sm:px-6 lg:px-8",children:[e.jsx("h2",{className:"font-display text-2xl font-bold text-white sm:text-3xl",children:"Pick a technology"}),e.jsx("div",{className:"mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:r.map(t=>{const a=h(t);return e.jsxs(s,{to:g(t),className:`group flex flex-col rounded-2xl border border-white/[0.07] bg-white/[0.025] p-6 transition-colors hover:bg-white/[0.04] ${a.hover}`,children:[e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsxs("span",{className:`inline-flex items-center gap-2 rounded-full border px-3 py-1 text-[11px] font-bold uppercase tracking-[0.16em] ${a.chip}`,children:[e.jsx("span",{className:`h-1.5 w-1.5 rounded-full ${a.dot}`,"aria-hidden":"true"}),t.name]}),e.jsxs("span",{className:"text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-500",children:[p(t)," Q&A"]})]}),e.jsxs("h3",{className:"mt-4 text-lg font-bold leading-snug text-white",children:[t.name," interview questions"]}),e.jsx("p",{className:"mt-2 text-sm leading-6 text-slate-400",children:t.tagline}),e.jsxs("p",{className:"mt-4 text-[13px] leading-6 text-slate-500",children:[t.sections.length," sections · ",t.level]}),e.jsxs("span",{className:"mt-5 inline-flex items-center gap-2 text-sm font-semibold text-green-400 transition-colors group-hover:text-green-300",children:["Start reading",e.jsx(f,{className:"h-4 w-4"})]})]},t.slug)})})]}),e.jsx("section",{className:"border-y border-white/[0.05] bg-white/[0.018]",children:e.jsxs("div",{className:"mx-auto max-w-6xl px-4 py-14 sm:px-6 lg:px-8",children:[e.jsx("h2",{className:"font-display text-2xl font-bold text-white sm:text-3xl",children:"How to use this hub"}),e.jsx("div",{className:"mt-8 grid gap-6 md:grid-cols-3",children:[{title:"Read the section, not the whole page",body:"Each topic is split into sections. Before an interview, read the two or three sections the role actually needs - change detection for Angular, hooks for React, the event loop for JavaScript."},{title:"Say the answer out loud",body:"These answers are written the length a spoken answer should be: two or three sentences, then an example. Practise saying them, not reading them."},{title:"Follow the example",body:"Where a question has code, type it into a sandbox and break it on purpose. You remember what you debug far longer than what you read."}].map(t=>e.jsxs("div",{className:"rounded-2xl border border-white/[0.07] bg-white/[0.025] p-6",children:[e.jsx("h3",{className:"text-base font-bold text-white",children:t.title}),e.jsx("p",{className:"mt-3 text-sm leading-7 text-slate-400",children:t.body})]},t.title))})]})}),e.jsx("section",{className:"mx-auto max-w-6xl px-4 py-16 sm:px-6 lg:px-8",children:e.jsxs("div",{className:"rounded-3xl border border-green-500/20 bg-green-500/[0.05] p-8 sm:p-10",children:[e.jsx("h2",{className:"font-display text-2xl font-bold text-white sm:text-3xl",children:"Reading is practice. The interview is live."}),e.jsx("p",{className:"mt-4 max-w-2xl text-base leading-8 text-slate-300",children:"CrackInterviewAI listens to the real interview and puts a structured answer on your screen in seconds - for coding rounds, system design, HR questions and project deep-dives."}),e.jsxs(s,{to:"/download",className:"mt-7 inline-flex min-h-12 items-center justify-center gap-2 rounded-full bg-green-500 px-6 text-sm font-bold text-black transition-colors hover:bg-green-400",children:[e.jsx(j,{className:"h-4 w-4"}),"Download for Windows"]})]})})]}),e.jsx(i,{})]})}

1export{B as default};