# Use Cases

### What can you build with Maker?

#### 💡 Web Pages

<table><thead><tr><th width="270">Page Type</th><th>Description</th></tr></thead><tbody><tr><td>Marketing Landing Pages</td><td>Launch product, campaign, or event pages with sections like hero banners, testimonials, pricing tables, and FAQs.</td></tr><tr><td>Blog Pages</td><td>Generate blog layouts with featured images, author bios, tags, and rich text formatting—perfect for content marketing.</td></tr><tr><td>Product FAQ Pages</td><td>Build organized, searchable FAQ sections that match your brand and update easily as questions evolve.</td></tr><tr><td>Company Homepages</td><td>Create professional homepages with navigation, mission statements, featured products/services, and contact forms.</td></tr><tr><td>Link-in-Bio Microsites</td><td>Generate compact mobile-optimized pages to highlight key links, announcements, or promotions.</td></tr><tr><td>Team or About Pages</td><td>Highlight your people, values, and story with profile grids, timelines, and quote sections.</td></tr><tr><td>Coming Soon Pages</td><td>Create branded “Coming Soon” or waitlist pages with email capture and countdown timers.</td></tr><tr><td>Portfolio Sites</td><td>Build project showcases with image galleries and case study layouts—perfect for designers and creatives.</td></tr><tr><td>Lookbook</td><td>Showcase seasonal refreshes, collabs, or new drops with beautifully styled lookbooks.</td></tr><tr><td>Event Pages</td><td>Set up pages for events, including schedules and speaker sections.</td></tr><tr><td>Enhanced A+ Product Pages</td><td>Create elegant, customizable A+ content with image carousels, specs, and more.</td></tr><tr><td>Job Boards or Career Pages</td><td>Feature open roles, testimonials, and apply links to support recruiting.</td></tr></tbody></table>

#### 🧩 Web Components

<table><thead><tr><th width="270">Component Type</th><th>Example Features</th></tr></thead><tbody><tr><td>Hero sections</td><td>With animation</td></tr><tr><td>CTAs</td><td>On-hover effects</td></tr><tr><td>Image galleries</td><td>With optional hotspots and quickview</td></tr><tr><td>Before/after sliders</td><td>Compare visuals interactively</td></tr><tr><td>FAQs &#x26; accordions</td><td>With built-in search bars and filters</td></tr><tr><td>Comparison tables</td><td>For product or service comparisons</td></tr><tr><td>Pricing tables</td><td>With monthly/yearly toggles</td></tr><tr><td>Interactive charts</td><td>Size charts, calculators</td></tr><tr><td>Interactive maps</td><td>With zoom and pin support</td></tr><tr><td>Flip/hover cards</td><td>Reveal content on hover</td></tr><tr><td>Product recommendation quiz</td><td>For guided product discovery</td></tr><tr><td>Testimonial sliders</td><td>Showcase customer quotes with carousel</td></tr><tr><td>Cards &#x26; feature grids</td><td>Visual content layouts</td></tr><tr><td>Buttons, badges, and tags</td><td>Styled, responsive elements</td></tr><tr><td>Tabs &#x26; modals</td><td>For toggling views or showing dialogs</td></tr><tr><td>Countdown timers</td><td>Great for launches and promos</td></tr><tr><td>Embedded video blocks</td><td>Add Vimeo/YouTube or other embeds</td></tr><tr><td>Carousels &#x26; sliders</td><td>For images, products, or testimonials</td></tr><tr><td>Step-by-step flows</td><td>For onboarding or guided experiences</td></tr><tr><td>Timelines</td><td>Visual representation of milestones</td></tr><tr><td>Responsive grid layouts</td><td>Auto-adjust across breakpoints</td></tr><tr><td>Announcement banners</td><td>For key alerts or promos</td></tr><tr><td>Social media link blocks</td><td>Easily link out to platforms</td></tr><tr><td>Scroll-based animation triggers</td><td>Bring content to life as users scroll</td></tr><tr><td>Language switcher toggle</td><td>Enable multilingual interfaces</td></tr><tr><td>Toggle switches</td><td>Light/dark mode, pricing plans, etc.</td></tr><tr><td>Autoplay marquee</td><td>For announcing features, updates, or promos</td></tr></tbody></table>

### Geotargeting Use Case

#### Can I show different default content based on a visitor’s location?

Yes. Maker can adapt content using the browser’s built-in location permission. When a visitor **grants** location access, the page can set defaults (e.g., category, region, module) according to your prompt rules. If permission is **denied** or unavailable, your defined fallback shows.

#### How it works

1. **Add a plain-English rule to your Maker project prompt** describing what to show for specific regions.
2. **Browser asks for location permission** when the page needs it (standard popup).
3. **Maker AI applies your rule** if location is available; otherwise it uses your fallback.

***

#### Example prompt snippet

> * Use geotargeting to set the default content.
> * If the visitor is in **San Francisco**, show the **California** category by default.
> * If location is not available or permission is denied, default to **All Products**.
> * Never block the page while waiting for location.

*(Adjust regions, categories, and fallbacks to fit your use case.)*

***

#### Best practices

* **Always define a fallback** for “deny/no location” cases.
* **Don’t block initial render.** Load default content immediately; let location update the UI if/when available.
* **Be transparent.** Visitors must opt in to share location; no consent means no geotargeting.

For more technical details, see the official browser documentation for the [Geolocation API](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API).

***

#### Good use cases

* Auto-select a regional category or module
* Show local events, stores, or promos by default
* Display region-specific copy or shipping notes

***

**Additional Notes:**

**Does this work without consent?**\
No. The browser requires explicit permission. If declined, the fallback shows.

**Will it slow down the page?**\
Not if you avoid blocking. Render defaults first, then apply geotargeted changes after permission is granted.

**Is any location data stored?**\
This approach is designed for in-browser use after consent. Maker does not store or track location data.

***


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.maker.co/inspiration/use-cases.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.