The ACPR block gallery

A practical reference page for building polished repair pages. Select any example to see its controls in the sidebar; edit the copy, media, layout, and style settings to learn what each block can do.

How to use this page

Pick a block. Change a setting. Watch the preview. Use the result as a starting point for the page you are building.

Section

Controls a full-width band of the page: its background, width, spacing, border, and visual tone.

Select the example to configure this block in the sidebar.

A section controls the whole band

Change its background, width, spacing, border, and shadow in the sidebar.

Row

Creates a horizontal layout for columns. Use it whenever content needs to sit beside other content.

Select the example to configure this block in the sidebar.

First column

Rows arrange columns side by side.

Second column

Use the gap control to tune the breathing room.

Column

Holds the content inside a row. Set its width to establish the page’s visual hierarchy.

Select the example to configure this block in the sidebar.

One full-width column

A column holds related blocks and controls its share of the row.

Stack

Keeps related elements in a clean vertical sequence with one adjustable gap setting.

Select the example to configure this block in the sidebar.

Stack item one

Items in a stack stay in a clear vertical order.

A related action

Grid

Builds a responsive, even layout for cards, comparisons, and grouped content.

Select the example to configure this block in the sidebar.

Grid item one

Use grids for repeated content.

Grid item two

The grid stays organized as it responds.

Hero Quote Stage

A reusable hero quote stage block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

A strong page opener

Start with the repair story people need.

Use this hero when the page needs a direct message, two clear actions, and a short row of proof points.

Book a repairCall the shop
Clear optionsShow visitors what to expect.
Easy editingConfigure every item in the sidebar.
Local helpKeep the next step close at hand.

Request a repair quote

Use quick choices to start the conversation with the details your team needs.

1. Device
2. Issue

Heading

Sets the page’s hierarchy. Use the typography controls to make each message deliberate and readable.

Select the example to configure this block in the sidebar.

A heading sets the reading order

Text

Adds supporting copy. Keep paragraphs focused and use line-height and color for comfortable reading.

Select the example to configure this block in the sidebar.

This is an example text block. Its typography settings control the size, color, spacing, alignment, and emphasis of the supporting copy.

Image

Displays an image from the media library, with responsive sizing, height, and crop controls.

Select the example to configure this block in the sidebar.

Example gallery imageChoose an image from the gallery in the page editor.

Button

Creates a single clear action. Set the destination and choose a primary, secondary, or text treatment.

Select the example to configure this block in the sidebar.

Open the contact page

List

Groups short points that are easier to scan than a paragraph.

Select the example to configure this block in the sidebar.

  • Keep each item short and specific.
  • Use a list when scanning is more useful than a paragraph.
  • Choose ordered lists for real steps.

Table

Presents structured information such as repair options, comparisons, or operating details.

Select the example to configure this block in the sidebar.

BlockBest use
HeadingEstablish a clear hierarchy
TextExplain the details
ButtonGive one clear action

Accordion

Keeps optional detail compact until a visitor opens the question they care about.

Select the example to configure this block in the sidebar.

What should this block contain?

Use it for a useful question and an answer that helps a visitor take the right next step.

Can I add more items?

Yes. Add only the items that make the page easier to understand.

Map

Adds a simple destination link for a location or service area.

Select the example to configure this block in the sidebar.

Open Anaheim Cell Phone Repair in Maps

Announcement Bar

A reusable announcement bar block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

Closed · opens Saturday 10:30amSame-day repair help is available in Anaheim

Site Header

A reusable site header block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

Español(714) 202-6732Book a repair

Repair Hero

A reusable repair hero block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

A strong page opener

Start with the repair story people need.

Use this hero when the page needs a direct message, two clear actions, and a short row of proof points.

Book a repairCall the shop
Clear optionsShow visitors what to expect.
Easy editingConfigure every item in the sidebar.
Local helpKeep the next step close at hand.

Campaign Hero

Builds a high-impact two-column opener with an image area, actions, and proof points.

Select the example to configure this block in the sidebar.

Campaign hero

Give your most important service a focused first impression.

Use the media field to add a strong gallery image, then use the points to reinforce the decision.

Book a repairCall now
  • Clear optionsShow visitors what to expect.
  • Easy editingConfigure every item in the sidebar.
  • Local helpKeep the next step close at hand.
Campaign hero gallery imageChoose an image from the gallery in the page editor.

Repair Story

Pairs explanatory copy with a gallery image and a concise list of what the visitor should know.

Select the example to configure this block in the sidebar.

Repair story gallery imageAdd an image from the gallery to show this repair in action.
Repair story

Explain the repair before asking for the booking.

This block gives the visitor a clear reason to trust the next step while leaving space for a useful image.

  • Clear optionsShow visitors what to expect.
  • Easy editingConfigure every item in the sidebar.
  • Local helpKeep the next step close at hand.
Book a diagnosis

Service Tabs

Organizes related services without making the page feel long or repetitive.

Select the example to configure this block in the sidebar.

Service tabs

Each tab keeps a related topic nearby without crowding the page.

Screen repair

Cover cracked glass, black displays, and touch problems in one focused panel.

  • Cracked glass
  • Display issues

Repair Timeline

Explains a real sequence, from diagnosis through pickup, in an easy-to-follow format.

Select the example to configure this block in the sidebar.

Repair timeline

A timeline works best when the order is meaningful to a visitor.

  1. Step 1

    Share the symptom

    Tell us what changed and what the device does now.

  2. Step 2

    Get a diagnosis

    We inspect the likely cause before a part is recommended.

  3. Step 3

    Choose the repair

    You get clear options for the next step.

Media Carousel

Shows several gallery images in one focused, interactive presentation.

Select the example to configure this block in the sidebar.

Gallery carousel

Add up to three images, captions, and alt text from the media library.

First gallery imageUse this slot for the primary gallery image.
Use this slot for the primary gallery image.
1 of 3

Image Hotspots

Lets visitors explore specific areas of an image; drag each hotspot in the editor to place it.

Select the example to configure this block in the sidebar.

Interactive image hotspots

Use this for a visual walkthrough. Add an image, then drag each animated hotspot to the correct place.

Interactive repair imageChoose an image from the gallery in the page editor.

Display area

Explain what a visitor should notice in this area of the image.

Quote Form

Guides a visitor through device and issue choices before they send a repair request.

Select the example to configure this block in the sidebar.

Request a repair quote

Use quick choices to start the conversation with the details your team needs.

1. Device
2. Issue

Trust Bar

A reusable trust bar block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

Clear next stepsCareful diagnosisLocal Anaheim help

Services Grid

A reusable services grid block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

Service cards

Use a small set of clear service paths so visitors can choose what matches their device.

Clear options

Easy editing

Local help

Device Selector

A reusable device selector block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

Choose your device

A useful early-page decision point for visitors who know the device but not the repair.

Repair Process

A reusable repair process block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

How this process works

01

Tell us the symptom

Start with what happened and what the device is doing now.

02

Get a diagnosis

We inspect the device before recommending a repair.

03

Choose your next step

You get a clear path forward for the device and your data.

Why Choose Us

A reusable why choose us block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

Why this layout earns trust

  • Specific symptom-led guidance
  • Clear repair recommendations
  • Local help and follow-through

Also on the bench

PhonesTabletsLaptops

Testimonials

A reusable testimonials block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

Customer feedback

Use real reviews here. This reference copy shows the layout only.

The repair process was explained clearly from the start.
Example customerReview source
A good testimonial should describe a specific outcome.
Example customerReview source

Faq

A reusable faq block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

Frequently asked questions

What details should I include?

Include the device model, the symptom, and whether the issue followed a drop, water exposure, or charging problem.

Can I add more questions?

Yes. Keep each question genuinely useful and give each answer a clear next step.

Should I use this for every page?

Use it when questions help a visitor decide whether to call, book, or bring the device in.

Location

A reusable location block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

Visit the shop

Use this when the page should end with location, hours, a phone action, and directions.

Closed · opens Saturday 10:30am
Anaheim, California
  • Sunday Closed
  • Monday 10:30am–6:30pm
  • Tuesday 10:30am–6:30pm
  • Wednesday 10:30am–6:30pm
  • Thursday 10:30am–6:30pm
  • Friday 10:30am–6:30pm
  • Saturday 10:30am–3:00pm
Call the shopGet directions
419 S Brookhurst StAnaheim, CA

Booking Cta

A reusable booking cta block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

Ready for the next step?

Use this closing block when booking and calling are the two best ways forward.

Call nowBook a repair

Conversion Cta

A reusable conversion cta block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

Give visitors a useful next step.

Use all three actions when calling, booking, or asking a question are equally helpful.

Call nowBook a repairContact us

Contact Form

Collects a repair question with a helpful title, clear field labels, and a connected form destination.

Select the example to configure this block in the sidebar.

Ask a repair question

Use this form when a visitor needs to describe the issue before choosing a repair time.

Related Services

A reusable related services block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

Helpful next pages

Use this block to give every visitor a relevant route instead of leaving them at a dead end.

iPhone repairScreen, battery, charging, and more.Explore repairiPad repairA useful path for work and school devices.Explore repair

Site Footer

A reusable site footer block. Select the live example to configure its properties in the sidebar.

Select the example to configure this block in the sidebar.

Call now Book a repair