Build your Photographer Portfolio with AI in under 5 minutes

Build an editorial photography portfolio with a full-bleed cinematic hero, mixed-aspect gallery grid, lightbox viewer, services + pricing-from cards, and a working booking-inquiry form — generated from a single prompt.

작동 방식

단계 1

아이디어를 설명하세요

원하는 것을 일반 텍스트 프롬프트로 작성하세요.

단계 2

AI가 빌드합니다

FloopFloop이 즉시 프로덕션 수준의 코드를 생성합니다.

단계 3

배포 및 라이브 공개

프로젝트가 몇 분 안에 자체 서브도메인에 호스팅됩니다.

개발자 고용 대신 AI로 빌드해야 하는 이유는?

FloopFloop기존 개발자
출시 소요 시간5분 이내2~8주
비용$0부터$5,000 - $50,000+
유지 관리포함지속적인 유지보수 계약

이 프롬프트를 사용해 보세요

아래 프롬프트를 복사하여 FloopFloop에 붙여넣고 시작하세요.

Create a wedding photographer's portfolio site. Editorial dark theme with a Playfair Display italic serif for headlines. Hero is a full-bleed couple-at-altar shot with the studio name in serif italic. Gallery grouped into Weddings / Portraits / Events / Family with a click-to-enlarge lightbox. Services section with five offerings (full-day weddings, elopements, portraits, family sessions, commercial) each with a 'from $X' price. Inquiry form captures name, email, event type, date, location, and message.

Build a portrait + headshot photographer's site. Light theme, monochrome with soft warm accent. One-column landing-style hero. Three-up gallery grid showing personal, actor, and musician portraits — each opens a fullscreen lightbox. About section with the photographer's bio, a portrait headshot, and a stat strip ('12 years working', '240+ sessions'). Booking form with event-type dropdown and a date picker.

Design a fine-art landscape photographer's portfolio. Black-and-white-only aesthetic, generous whitespace, serif italic everywhere. Hero is a hero landscape with location caption. Gallery is mixed-aspect (portrait + landscape + square frames) showing prints from limited editions. Services section sells signed print runs + licensed-image commercial use. Print-inquiry form with edition-size and framing options.

Create a newborn + family photographer's site. Soft, warm, and a touch nostalgic. Hero with a baby-in-light shot and serif italic studio name. Gallery filterable by Family / Newborn / Maternity / Cake-smash. Services include a 'baby's first year' three-session package. Inquiry form asks for due date or baby's age so the photographer can schedule the right session.

자주 묻는 질문

How does the inquiry form actually capture replies?
Every inquiry inserts a row into a `photography_inquiries` table in the project's Postgres schema (event type, date, location, message, IP-hash for rate limiting). The photographer triages via SQL: `SELECT * FROM photography_inquiries WHERE status = 'pending' ORDER BY created_at DESC` — or refines a quick admin dashboard if they want a UI.
Will the form send a confirmation email to the inquirer?
No — the template can't send email (the codegen scanner blocks every transactional-mail library). The success state says 'I'll reply within 24 hours' instead of promising email. The inquirer's email is stored on the row so the photographer can follow up out-of-band from their own inbox.
Where do the portfolio images come from?
The default gallery uses picsum.photos with stable seed URLs so the template ships visually-complete without bundled binaries — every reload shows the same nine photographs in the same grid slots. To swap in your own gallery, refine into the chat with the new image URLs (Cloudinary, your own S3, anything) and the agent rewrites the photo array.
Is there a lightbox / fullscreen viewer?
Yes. Clicking any photo opens a fullscreen modal — left/right arrow keys step through the gallery, Escape closes. Body scroll locks while the lightbox is open so the page doesn't drift behind it.
Can I split the gallery into categories?
Yes — the portfolio grid ships with filter pills (All / Wedding / Portrait / Event / Family / Commercial) that scope the visible images. Add or rename categories in src/components/photo/portfolio-grid.tsx, or ask the agent to.
Does the template support a dark + light mode?
Both, but dark is the default — black gallery walls make photographs read louder. The theme toggle in the top-right swaps the two. Light mode uses paper-white background + charcoal type + the same warm-amber accent.
What about rate-limiting form spam?
The createInquiry server action enforces 5 inquiries per IP per hour (IP is salt-hashed at the project level — no raw IPs stored). Beyond that the form returns a friendly 'too many inquiries' error.

관련 빌더

더 많은 카테고리 탐색

Wedding Website

Build a single-page wedding site with a live countdown, ceremony + reception details, photo gallery, and a working RSVP form that captures guest replies — generated from a single prompt.

Portfolio Website

Showcase your work with a professional portfolio website featuring project galleries, about sections, and contact forms — built by AI in minutes.

Landing Page

Create a high-converting landing page with hero sections, testimonials, CTAs, and mobile-responsive design — all generated by AI.

Blog

Launch a fully functional blog with categories, search, RSS feeds, and beautiful article layouts — all generated by AI.

Marketing Site

Build a multi-page marketing website with feature sections, pricing tables, team pages, and conversion-optimized CTAs — powered by AI.

Membership Site

Launch a paid membership site with gated content, recurring subscriptions, member-only pages, and a clean login portal — generated by AI in minutes.

빌드할 준비가 되셨나요?

지금 바로 프로젝트 빌드를 시작하세요 — 코딩이 필요하지 않습니다.

빌드 시작하기