Stronger tomorrows start with a simple ask

Find a Prostate Cancer Screening Near You

A simple ask can make a big difference.

Private. Free to search. No account required.

Stronger tomorrows start with a simple ask

Find a Prostate Cancer Screening Near You

A simple ask can make a big difference.

Private. Free to search. No account required.

Find a Prostate Cancer Screening Near You

A simple ask can make a big difference.

Start here.

Find a Prostate Cancer Screening Near You

A simple ask can make a big difference.

Start here.

import * as React from "react"

import { addPropertyControls, ControlType } from "framer"

const NAVY = "#0A2540"

const BLUE = "#1F6FEB"

const GOLD = "#D4A72C"

const LIGHT_TEXT = "#52667D"

export default function ScreeningHero(props) {

const { heroImage } = props

const [zipCode, setZipCode] = React.useState("")

const [locating, setLocating] = React.useState(false)

const sendZipSearch = () => {

const cleanZip = String(zipCode)

.replace(/\D/g, "")

.slice(0, 5)

if (cleanZip.length !== 5) return

window.dispatchEvent(

new CustomEvent("zipSearch", {

detail: cleanZip,

})

)

// Smoothly move the user to the locator section.

setTimeout(() => {

const locator =

document.querySelector(

'[data-askdad-locator="true"]'

) ||

document.querySelector(

".askdad-locator"

)

if (locator) {

locator.scrollIntoView({

behavior: "smooth",

block: "start",

})

}

}, 120)

}

const useMyLocation = () => {

if (!navigator.geolocation) return

setLocating(true)

navigator.geolocation.getCurrentPosition(

(position) => {

window.dispatchEvent(

new CustomEvent(

"locationSearch",

{

detail: {

lat: position.coords.latitude,

lng: position.coords.longitude,

}

)

setLocating(false)

setTimeout(() => {

const locator =

document.querySelector(

'[data-askdad-locator="true"]'

) ||

document.querySelector(

".askdad-locator"

)

if (locator) {

locator.scrollIntoView({

behavior: "smooth",

block: "start",

})

}

}, 120)

() => {

setLocating(false)

}

)

}

return (

<style>{`

* {

box-sizing: border-box;

}

.askdad-hero {

width: 100%;

font-family:

Inter,

Arial,

sans-serif;

color: ${NAVY};

background: #FFFFFF;

}

/* ====================================

HERO

==================================== */

.askdad-hero-main {

position: relative;

min-height: 395px;

display: flex;

align-items: stretch;

overflow: hidden;

background:

linear-gradient(

90deg,

rgba(255,255,255,.98) 0%,

rgba(255,255,255,.94) 26%,

rgba(255,255,255,.45) 48%,

rgba(255,255,255,.04) 66%

);

}

.askdad-hero-bg {

position: absolute;

inset: 0;

width: 100%;

height: 100%;

object-fit: cover;

object-position:

center center;

z-index: 0;

}

.askdad-hero-overlay {

position: absolute;

inset: 0;

z-index: 1;

background:

linear-gradient(

90deg,

rgba(255,255,255,.98) 0%,

rgba(255,255,255,.96) 25%,

rgba(255,255,255,.80) 39%,

rgba(255,255,255,.24) 57%,

rgba(255,255,255,0) 72%

);

}

.askdad-hero-inner {

position: relative;

z-index: 2;

width: 100%;

max-width: 1200px;

margin: 0 auto;

padding:

42px

34px

36px;

display: flex;

align-items: center;

}

.askdad-copy {

width: 48%;

max-width: 560px;

}

/* ====================================

EYEBROW

==================================== */

.askdad-eyebrow {

margin-bottom:

10px;

color: ${NAVY};

font-size:

11px;

font-weight:

800;

letter-spacing:

.15em;

text-transform:

uppercase;

}

/* ====================================

HEADLINE

==================================== */

.askdad-title {

margin: 0;

max-width:

530px;

color: ${NAVY};

font-size:

46px;

line-height:

1.02;

letter-spacing:

-.035em;

font-weight:

850;

}

.askdad-subtitle {

margin:

12px 0 0;

color: ${NAVY};

font-size:

19px;

line-height:

1.4;

font-weight:

500;

}

/* ====================================

==================================== */

.askdad-search-area {

margin-top:

18px;

width: 100%;

max-width:

520px;

}

.askdad-search-row {

display: grid;

grid-template-columns:

minmax(0,1fr)

205px;

gap: 10px;

}

.askdad-input-wrap {

position: relative;

height: 52px;

}

.askdad-pin {

position: absolute;

left: 16px;

top: 50%;

transform:

translateY(-50%);

width: 16px;

height: 20px;

pointer-events:

none;

}

.askdad-pin::before {

content: "";

position: absolute;

width: 13px;

height: 13px;

left: 1px;

top: 0;

border-radius:

50% 50% 50% 0;

border:

3px solid

${BLUE};

transform:

rotate(-45deg);

}

.askdad-pin::after {

content: "";

position: absolute;

width: 4px;

height: 4px;

border-radius:

50%;

background:

${BLUE};

left: 6px;

top: 5px;

}

.askdad-input {

width: 100%;

height: 52px;

padding:

0 16px

0 46px;

border-radius:

9px;

border:

1px solid

#BCC9D7;

outline: none;

background:

rgba(255,255,255,.97);

color:

${NAVY};

font-family:

inherit;

font-size:

15px;

transition:

border-color .18s ease,

box-shadow .18s ease;

}

.askdad-input:focus {

border-color:

${BLUE};

box-shadow:

0 0 0 3px

rgba(31,111,235,.12);

}

.askdad-search-button {

height: 52px;

border: 0;

border-radius:

9px;

display: flex;

align-items:

center;

justify-content:

center;

gap: 12px;

background:

${NAVY};

color:

#FFFFFF;

font-family:

inherit;

font-size:

15px;

font-weight:

800;

cursor:

pointer;

box-shadow:

0 5px 14px

rgba(10,37,64,.15);

transition:

transform .16s ease,

box-shadow .16s ease,

background .16s ease;

}

.askdad-search-button:hover {

transform:

translateY(-1px);

background:

#103B63;

box-shadow:

0 7px 18px

rgba(10,37,64,.20);

}

.askdad-search-arrow {

font-size:

22px;

line-height: 1;

}

/* ====================================

==================================== */

.askdad-or {

width: 100%;

display: flex;

align-items: center;

gap: 13px;

margin:

14px 0 12px;

color:

${NAVY};

font-size:

11px;

font-weight:

800;

}

.askdad-or-line {

height: 1px;

flex: 1;

background:

rgba(10,37,64,.24);

}

/* ====================================

LOCATION

==================================== */

.askdad-location-button {

width: 282px;

height: 46px;

margin:

0 auto;

display: flex;

align-items:

center;

justify-content:

center;

gap: 10px;

border-radius:

9px;

border:

1.5px solid

${NAVY};

background:

rgba(255,255,255,.96);

color:

${NAVY};

font-family:

inherit;

font-size:

14px;

font-weight:

800;

cursor:

pointer;

transition:

transform .16s ease,

background .16s ease,

box-shadow .16s ease;

}

.askdad-location-button:hover {

transform:

translateY(-1px);

background:

#FFFFFF;

box-shadow:

0 5px 14px

rgba(10,37,64,.12);

}

.askdad-location-icon {

width: 17px;

height: 17px;

border-radius:

50%;

border:

2px solid

${NAVY};

position: relative;

}

.askdad-location-icon::before {

content: "";

position: absolute;

width: 5px;

height: 5px;

border-radius:

50%;

background:

${NAVY};

top: 4px;

left: 4px;

}

.askdad-location-icon::after {

content: "";

position: absolute;

width: 23px;

height: 23px;

border:

1px solid

rgba(10,37,64,.34);

border-radius:

50%;

top: -5px;

left: -5px;

}

/* ====================================

TRUST NOTE

==================================== */

.askdad-private {

margin-top:

13px;

display: flex;

align-items:

center;

justify-content:

center;

gap: 8px;

color:

${LIGHT_TEXT};

font-size:

12px;

font-weight:

600;

}

.askdad-lock {

font-size:

13px;

color:

${NAVY};

}

/* ====================================

TRUST BAR

==================================== */

.askdad-trust-bar {

width: 100%;

min-height:

68px;

background:

${NAVY};

color:

#FFFFFF;

display: grid;

grid-template-columns:

repeat(3,1fr);

}

.askdad-trust-item {

position: relative;

display: flex;

align-items:

center;

justify-content:

center;

gap: 13px;

padding:

13px 28px;

}

.askdad-trust-item:not(:last-child)::after {

content: "";

position: absolute;

right: 0;

top: 14px;

bottom: 14px;

width: 1px;

background:

rgba(212,167,44,.85);

}

.askdad-trust-icon {

width: 31px;

height: 31px;

display: flex;

align-items:

center;

justify-content:

center;

color:

${GOLD};

font-size:

23px;

flex-shrink: 0;

}

.askdad-trust-copy {

display: flex;

flex-direction:

column;

gap: 2px;

}

.askdad-trust-title {

color:

#FFFFFF;

font-size:

14px;

line-height:

1.15;

font-weight:

800;

}

.askdad-trust-sub {

color:

rgba(255,255,255,.76);

font-size:

11px;

line-height:

1.25;

font-weight:

500;

}

/* ====================================

TABLET

==================================== */

@media

(max-width: 1024px) {

.askdad-hero-main {

min-height:

365px;

}

.askdad-hero-inner {

padding:

34px 28px;

}

.askdad-copy {

width:

54%;

}

.askdad-title {

font-size:

38px;

}

.askdad-subtitle {

font-size:

17px;

}

.askdad-search-row {

grid-template-columns:

minmax(0,1fr)

165px;

}

.askdad-trust-item {

padding:

12px 15px;

}

/* ====================================

MOBILE

==================================== */

@media

(max-width: 767px) {

.askdad-hero-main {

min-height:

auto;

padding-top:

238px;

background:

#FFFFFF;

}

.askdad-hero-bg {

height:

238px;

object-position:

68% center;

}

.askdad-hero-overlay {

height:

238px;

background:

linear-gradient(

to bottom,

rgba(10,37,64,.02),

rgba(10,37,64,.12)

);

}

.askdad-hero-inner {

width: 100%;

padding:

26px 20px

28px;

align-items:

flex-start;

background:

#FFFFFF;

}

.askdad-copy {

width: 100%;

max-width:

none;

}

.askdad-eyebrow {

margin-bottom:

8px;

font-size:

10px;

}

.askdad-title {

max-width:

none;

font-size:

34px;

line-height:

1.02;

}

.askdad-subtitle {

margin-top:

9px;

font-size:

16px;

}

.askdad-search-area {

max-width:

none;

margin-top:

18px;

}

.askdad-search-row {

grid-template-columns:

1fr;

}

.askdad-search-button {

width: 100%;

}

.askdad-location-button {

width: 100%;

}

.askdad-private {

font-size:

11px;

}

.askdad-trust-bar {

grid-template-columns:

1fr;

padding:

5px 18px;

}

.askdad-trust-item {

justify-content:

flex-start;

min-height:

58px;

padding:

10px 8px;

}

.askdad-trust-item:not(:last-child)::after {

top: auto;

left: 0;

right: 0;

bottom: 0;

width: auto;

height: 1px;

background:

rgba(255,255,255,.13);

}

@media

(prefers-reduced-motion: reduce) {

.askdad-search-button,

.askdad-location-button {

transition:

none;

}

`}</style>

{heroImage && (

<img

src={heroImage}

alt=""

className="askdad-hero-bg"

)}

Stronger tomorrows start with a simple ask

</div>

Find a Prostate Cancer Screening Near You

</h1>

A simple ask can make a big difference.

</p>

<input

className="askdad-input"

type="text"

inputMode="numeric"

maxLength={5}

value={zipCode}

placeholder="Enter ZIP Code"

aria-label="Enter ZIP Code"

onChange={(event) => {

setZipCode(

event.target.value

.replace(

/\D/g,

)

.slice(

)

}}

onKeyDown={(event) => {

if (

event.key ===

"Enter"

) {

sendZipSearch()

}

}}

</div>

<button

className="askdad-search-button"

onClick={sendZipSearch}

Find Screening

›

</span>

</button>

</div>

</div>

<button

className="askdad-location-button"

onClick={useMyLocation}

disabled={locating}

style={{

opacity:

locating

? 0.7

: 1,

}}

{locating

? "Finding Your Location..."

: "Use My Location"}

</button>

▣

</span>

Private. Free to search. No account required.

</div>

{/* ====================================

TRUST BAR

==================================== */}

◈

</div>

Screening access locations

</div>

Trusted providers across Oklahoma

</div>

☎

</div>

Call or book directly

</div>

Get the care you need

</div>

♙

</div>

No sign-up required

</div>

Private. Free. Always.

</div>

</section>

)

}

addPropertyControls(ScreeningHero, {

heroImage: {

type: ControlType.Image,

title: "Hero Image",

})

Stronger tomorrows start with a simple ask

Find a Prostate Cancer Screening Near You

A simple ask can make a big difference.

Private. Free to search. No account required.

Loading screening locations...

SCREENING INFORMATION

Before You Go

Screening services, costs, eligibility and availability can vary by location. Contact the provider directly before visiting to confirm whether PSA testing is offered, whether an appointment is required, and what costs or eligibility requirements may apply.

Not sure what to ask?

Starting the conversation can be the hardest part. We’ll help make it easier.

Learn How to Start the Conversation

Not sure what to ask?

Starting the conversation can be the hardest part. We’ll help make it easier.

Learn How to Start the Conversation