> ## Documentation Index
> Fetch the complete documentation index at: https://docs.briskreach.com/llms.txt
> Use this file to discover all available pages before exploring further.

# BriskReach Docs

> LinkedIn outreach automation for SDRs, sales teams, and recruiters

export const Feature = ({icon, title, description}) => <div style={{
  display: "flex",
  flexDirection: "column",
  gap: "0.5rem",
  padding: "1.5rem",
  borderRadius: "0.75rem",
  border: "1px solid rgba(111, 77, 255, 0.12)",
  background: "rgba(255,255,255,0.7)",
  backdropFilter: "blur(8px)"
}}>
    <div style={{
  width: "2.25rem",
  height: "2.25rem",
  borderRadius: "0.5rem",
  background: "linear-gradient(135deg, #ede9fe, #ddd6fe)",
  display: "flex",
  alignItems: "center",
  justifyContent: "center",
  fontSize: "1.1rem"
}}>{icon}</div>
    <div style={{
  fontWeight: 600,
  fontSize: "0.95rem",
  color: "#1a1040"
}}>{title}</div>
    <div style={{
  fontSize: "0.85rem",
  color: "#6b7280",
  lineHeight: 1.55
}}>{description}</div>
  </div>;

export const NavCard = ({href, title, description, arrow}) => <a href={href} style={{
  display: "flex",
  alignItems: "center",
  justifyContent: "space-between",
  padding: "1rem 1.25rem",
  borderRadius: "0.625rem",
  border: "1px solid #ede9fe",
  background: "white",
  textDecoration: "none",
  transition: "border-color 0.15s, box-shadow 0.15s",
  gap: "0.75rem"
}} onMouseEnter={e => {
  e.currentTarget.style.borderColor = "#6f4dff";
  e.currentTarget.style.boxShadow = "0 0 0 3px rgba(111,77,255,0.08)";
}} onMouseLeave={e => {
  e.currentTarget.style.borderColor = "#ede9fe";
  e.currentTarget.style.boxShadow = "none";
}}>
    <div>
      <div style={{
  fontWeight: 600,
  fontSize: "0.9rem",
  color: "#1a1040"
}}>{title}</div>
      <div style={{
  fontSize: "0.82rem",
  color: "#9ca3af",
  marginTop: "0.15rem"
}}>{description}</div>
    </div>
    <div style={{
  color: "#6f4dff",
  fontSize: "1rem",
  flexShrink: 0
}}>→</div>
  </a>;

<div
  style={{
maxWidth: "52rem",
margin: "0 auto",
padding: "3.5rem 1.5rem 4rem",
}}
>
  <div
    style={{
display: "inline-flex",
alignItems: "center",
gap: "0.4rem",
padding: "0.3rem 0.75rem",
borderRadius: "2rem",
background: "rgba(111,77,255,0.08)",
color: "#6f4dff",
fontSize: "0.78rem",
fontWeight: 600,
letterSpacing: "0.04em",
textTransform: "uppercase",
marginBottom: "1.25rem",
}}
  >
    LinkedIn Outreach Automation
  </div>

  <h1
    style={{
fontSize: "clamp(2rem, 5vw, 2.75rem)",
fontWeight: 700,
color: "#0f0a2e",
lineHeight: 1.15,
letterSpacing: "-0.02em",
marginBottom: "1rem",
maxWidth: "28rem",
}}
  >
    Everything you need to get started
  </h1>

  <p
    style={{
fontSize: "1.05rem",
color: "#4b5563",
lineHeight: 1.65,
maxWidth: "34rem",
marginBottom: "1.5rem",
}}
  >
    Connect a LinkedIn account, import leads, and BriskReach handles the outreach automatically: connection requests, follow-ups, reply detection, daily limits.
  </p>

  <a
    href="/quickstart"
    style={{
display: "inline-flex",
alignItems: "center",
gap: "0.4rem",
padding: "0.65rem 1.4rem",
borderRadius: "0.5rem",
background: "#6f4dff",
color: "white",
fontWeight: 600,
fontSize: "0.9rem",
textDecoration: "none",
marginBottom: "2.5rem",
transition: "background 0.15s",
}}
    onMouseEnter={e => e.currentTarget.style.background = "#5a3de0"}
    onMouseLeave={e => e.currentTarget.style.background = "#6f4dff"}
  >
    Get started <span style={{ fontSize: "1rem" }}>→</span>
  </a>

  <div
    style={{
display: "grid",
gridTemplateColumns: "repeat(auto-fit, minmax(13rem, 1fr))",
gap: "0.875rem",
marginBottom: "3rem",
}}
  >
    <Feature icon="📣" title="Campaigns" description="Automated connection request and follow-up sequences targeted at your lead lists." />

    <Feature icon="💬" title="Unified Inbox" description="Read and reply to LinkedIn conversations across all your accounts in one place." />

    <Feature icon="📊" title="Analytics" description="Track invite acceptance rates, reply rates, and campaign performance over time." />

    <Feature icon="🛡️" title="Safety Controls" description="Per-account daily limits, sending hours, warmup curves, and automatic reply detection." />
  </div>

  <div
    style={{
borderTop: "1px solid #ede9fe",
paddingTop: "2rem",
marginBottom: "1rem",
}}
  >
    <div
      style={{
  fontSize: "0.78rem",
  fontWeight: 600,
  letterSpacing: "0.07em",
  textTransform: "uppercase",
  color: "#9ca3af",
  marginBottom: "0.875rem",
}}
    >
      Quick navigation
    </div>

    <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(16rem, 1fr))", gap: "0.625rem" }}>
      <NavCard href="/quickstart" title="Get started in 10 minutes" description="Full setup walkthrough from account to first campaign" />

      <NavCard href="/getting-started/connect-linkedin" title="Connect your LinkedIn account" description="Link your account securely via Unipile" />

      <NavCard href="/campaigns/create-campaign" title="Create a campaign" description="Write your messages and launch outreach" />

      <NavCard href="/reps/what-is-a-rep" title="Rep seats" description="Automated rented LinkedIn accounts, no personal profile needed" />
    </div>
  </div>

  <div
    style={{
borderTop: "1px solid #ede9fe",
paddingTop: "2rem",
}}
  >
    <div
      style={{
  fontSize: "0.78rem",
  fontWeight: 600,
  letterSpacing: "0.07em",
  textTransform: "uppercase",
  color: "#9ca3af",
  marginBottom: "0.875rem",
}}
    >
      BriskReach links
    </div>

    <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(12rem, 1fr))", gap: "0.5rem" }}>
      <a href="https://briskreach.com" style={{
                padding: "0.625rem 1rem",
                borderRadius: "0.5rem",
                border: "1px solid #ede9fe",
                color: "#6f4dff",
                fontSize: "0.85rem",
                fontWeight: 500,
                textDecoration: "none",
              }}>Homepage</a>
      <a href="https://briskreach.com/pricing" style={{
                padding: "0.625rem 1rem",
                borderRadius: "0.5rem",
                border: "1px solid #ede9fe",
                color: "#6f4dff",
                fontSize: "0.85rem",
                fontWeight: 500,
                textDecoration: "none",
              }}>Pricing</a>
      <a href="https://briskreach.com/reps" style={{
                padding: "0.625rem 1rem",
                borderRadius: "0.5rem",
                border: "1px solid #ede9fe",
                color: "#6f4dff",
                fontSize: "0.85rem",
                fontWeight: 500,
                textDecoration: "none",
              }}>Reps</a>
      <a href="https://briskreach.com/contact" style={{
                padding: "0.625rem 1rem",
                borderRadius: "0.5rem",
                border: "1px solid #ede9fe",
                color: "#6f4dff",
                fontSize: "0.85rem",
                fontWeight: 500,
                textDecoration: "none",
              }}>Contact</a>
    </div>
  </div>
</div>