The Complete Childcare
Marketing & Website
Playbook

Build me an admin photo gallery manager for my childcare website. Here is everything I want, in detail.

1. THE GALLERY ENTITY — Create a "GalleryPhoto" entity that stores each photo with: a category (one of: Learning, Outside Adventures, Celebrating, Classroom, Gardening, Family Engagement, Marketing), the image URL, a caption, and an order number that controls display position within its category. Also include fields to support a separate Facebook posting automation: a "posted to Facebook" boolean, a Facebook post ID, a "skip" boolean to permanently exclude the photo from Facebook suggestions, and a rejection counter. Public visitors can read photos; only admins can create, update, and delete them (use row-level security).

2. A LOGIN-PROTECTED MANAGER PAGE — Only logged-in admins can reach it. It loads all photos sorted by their order field and displays them grouped by category — each category has its own section with a header and a count, and its photos shown in order. Empty categories show a "Drop photos here" placeholder.

3. ADDING A PHOTO — An "Add Photo" button opens a form with three inputs: the image (either paste an image URL or upload a file from the device, which gets stored as a public file URL), a caption (required), and a category dropdown (defaulting to the first category). Submitting saves the photo and refreshes the list.

4. INLINE CAPTION EDITING — Clicking a photo's caption text turns it into an editable input. Enter or a checkmark saves the new caption; a cancel icon reverts to the original.

5. CATEGORY REASSIGNMENT — Each photo has a dropdown to change its category to any of the seven. Changing the category moves the photo into the new category and renumbers the order of both the source and destination categories.

6. DRAG-AND-DROP REORDERING AND MOVING — Each photo has a drag handle. Dragging a photo within its category reorders it; dragging it into another category moves it there. On drop, renumber the order of every affected photo and save all the changes in one bulk update.

7. DELETING — A trash icon on each photo deletes it after a confirmation prompt.

8. LAYOUT AND BEHAVIOR — Use a responsive grid so photos wrap nicely on desktop and mobile. Show a loading spinner while photos load. Keep all changes saved to the database immediately so the public gallery and any connected automations always reflect the latest state.

9. GUARDRAILS — The manager is admin-only. Public visitors can view the gallery but never add, edit, or delete photos. The category list is fixed (the seven categories above) and used consistently across the manager, the public gallery, and any downstream posting automation.

I run a childcare program and I want you to build me a cinematic video ad campaign on my website. I'll give you my details; you generate the marketing strategy, the pictures, and the video scripts, and build the pages.

MY PROGRAM DETAILS:
- Program name: [your program name]
- Tagline: [your tagline]
- What makes us different: [your differentiator — e.g. "flexible weekend and evening care for infants to age 12"]
- Ages served: [e.g. 6 weeks to 12 years]
- Hours / schedule flexibility: [e.g. evenings, weekends, one-day drop-in]
- Key features / highlights: [e.g. guided learning, meals included, 25+ years experience, family support]
- Brand colors: [e.g. deep purple #1a0a2e and orange #F97316]
- Mascot or logo: [describe, or upload]
- Booking / contact link: [your booking or enrollment URL]
- What parents in my area worry about: [e.g. "can't find weekend care," "centers closed Mon–Fri only"]

1. MARKETING STRATEGY — Give me a short campaign strategy: the core message, the target parent, and the emotional arc (problem → worry → solution) across the clips. Define the narrative spine for a 4-clip series — what each clip's job is (hook, conflict, resolution, montage finale) and the single call to action that ties them together.

2. THE PICTURES — Generate the on-brand imagery I need: hero and supporting stills in my brand colors, and the key visual for each video clip. Keep everything consistent with my palette and a warm, welcoming, professional tone.

3. THE VIDEO SCRIPTS — For each of the 4 clips, write a short script: the on-screen headline, the voiceover line (if any), and the two timed popup overlays (what each says and roughly when it appears). Use a problem→worry→solution structure: the first popup is the real-life trigger (a work text, an enrollment deadline, a scheduling conflict), the second is the parent's worry ("child care? what do I do?"). The final clip is a montage finale with a pull-quote and a closing brand card.

4. THE PAGES — Build one page per clip, each a full-screen cinematic experience: a looping, auto-playing video with sound, timed popup overlays synced to the video timeline (first popup ~0–2.5s, second ~2.5–5.5s), Framer Motion entrance animations, my brand-color gradient background, floating blurred accent shapes, and a single call-to-action button linking to my booking URL. The final clip uses a split layout with highlights chips, a voiceover pull-quote band, and a closing brand card with my mascot/logo and tagline.

5. A SHOWCASE PAGE — Build one page that aggregates the whole campaign: the brand hero, the clip previews, the video reel, the feature highlights, and a downloadable marketing-graphics section with all generated promotional assets.

6. BRAND VOICE AND CONSISTENCY — Every headline, popup, and voiceover should match a warm, adventurous, encouraging, professional tone speaking to parents. Use my tagline consistently. Keep the color palette, fonts, and motion identical across all clips so the campaign feels like one piece.

7. GUARDRAILS — Each video should auto-play, loop, and play with sound on mobile and desktop. The popups must be non-blocking (pointer-events none) and timed to the video, not static. Every clip ends with the same single booking call to action.

Generate a set of on-brand marketing images for my childcare program. I'll provide my logo and program details; you produce consistent, professional visuals in my brand palette.

MY DETAILS:
- Program name: [your program name]
- Logo: [upload your logo, or describe it]
- Brand colors: [e.g. deep purple #1a0a2e, orange #F97316, gold #F3D250]
- Mood / tone: [e.g. warm, welcoming, adventurous, professional]
- Ages served: [e.g. infant to 12 years]
- Setting: [e.g. bright classroom, outdoor garden, play area]

WHAT TO GENERATE:
1. A hero image for my homepage — bright, welcoming, showing happy children engaged in learning or play, in my brand color palette.
2. A set of supporting stills for my marketing video clips — each matching a scene (a parent at work, a child exploring, a family moment), all in a consistent cinematic style with my palette.
3. A promotional graphic for social media — my program name and tagline, on-brand, formatted for a square post.
4. A closing brand card image — my logo centered on a branded gradient background with my tagline.

REQUIREMENTS:
- Keep the color palette, lighting, and style identical across every image so the set feels cohesive.
- No text in the photo-style images except where I explicitly ask for it (the promotional graphic and closing card).
- Professional, high-quality, suitable for a luxury childcare brand.
- Provide each image as a downloadable URL I can use on my website and social channels.