WebberUI

Photography Studio

Portrait studio: masonry portfolio, package pricing, how a shoot runs, date booking.

ProIndustryphotography8 sections
See it liveSee the plans

Install

npx shadcn@latest add "https://webberui.com/r/photography-studio.json?t=<install token>"

The whole page lands in app/templates/photography-studio/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.

Sections it ships with

Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.

  1. 1

    Nav and Hero

    In-section sticky nav, headline and a marquee of film vocabulary, framing the studio as natural-light-only portraiture.

    hero
  2. 2

    Portfolio Masonry

    Category-filterable work wall presenting two years of selected commissions as film-toned gradient plates.

    gallery
  3. 3

    Shoot Packages and Pricing

    Three transparent package cards, one flagged as most popular, each itemising what the shoot includes.

    pricing
  4. 4

    Shoot Process Timeline

    Five-step alternating timeline from online consultation to final delivery, with the time each stage takes.

    timeline
  5. 5

    Service Stats Band

    Four key numbers covering shoots delivered, repeat and referral rate, turnaround time and review scores.

    stats
  6. 6

    Client Reviews

    Three post-shoot feedback cards with five-star ratings and the package each client booked.

    testimonial
  7. 7

    Date Booking Form

    Studio details on the left and a booking form on the right, with a success confirmation state after submitting.

    form
  8. 8

    Footer

    Footer with a brand blurb, social icons, multi-column navigation links and copyright.

    footer

What you get is source code

Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.

Browse the other 103 templates →