Credo Studios

Let's create something that lasts.

PRODIGY STUDIOS

10 Balfe Street, London N1 9EG

+44 7777 512872

yemifaturoti@prodigystudios.co.uk

<div class="md:col-span-2 flex items-center justify-between">
            <a href="https://www.instagram.com/prodigystudios1/" class="text-yellow-300 hover:text-yellow-400" aria-label="Instagram">Instagram</a>
            <button type="submit" class="px-5 py-3 rounded bg-yellow-500 text-black font-semibold" aria-label="Send message">SEND MESSAGE</button>
          </div>
        </form>
      </div>

<div class="rounded-lg overflow-hidden shadow-xl" aria-label="Google Map">
        <div class="w-full aspect-video">
          <iframe
            src="https://www.google.com/maps?q=10+Balfe+Street+London+N1+9EG&output=embed"
            width="100%" height="100%" style="border:0; width:100%; height:100%;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
          </iframe>
        </div>
      </div>
    </div>
  </section>

<section class="py-12 bg-black">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
      <h3 class="text-2xl md:text-3xl font-semibold" style="font-family: Cinzel, serif;">Ready to capture your special moments?</h3>
      <p class="mt-2 text-gray-300">Book a session and start your visual story with Prodigy Studios.</p>
      <a href="#bookings" class="mt-4 inline-block px-6 py-3 rounded bg-yellow-500 text-black font-semibold" aria-label="Book a session">BOOK NOW</a>
    </div>
  </section>

<footer class="border-t border-gray-800 py-8 bg-black/95">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 md:grid-cols-3 gap-6 text-sm text-gray-300">
      <div>
        <strong>PRODIGY STUDIOS</strong><br/>
        Capturing Moments. Elevating Brands. Preserving Legacy.
      </div>
      <div>
        <strong>Navigate</strong><br/>
        <a href="#home" class="block hover:underline">Home</a>
        <a href="#portfolio" class="block hover:underline">Portfolio</a>
        <a href="#about" class="block hover:underline">About</a>
        <a href="#bookings" class="block hover:underline">Bookings</a>
        <a href="#contact" class="block hover:underline">Contact</a>
      </div>
      <div>
        <strong>Contact</strong><br/>
        <span>+44 7777 512872</span><br/>
        <span>yemifaturoti@prodigystudios.co.uk</span>
      </div>
    </div>
    <div class="text-center text-sm text-gray-400 mt-6">
      © Copyright Prodigy Studios
      <span class="mx-2">•</span>
      <a href="#" class="underline hover:no-underline">Privacy Policy</a>
      <span class="mx-2">•</span>
      <a href="#" class="underline hover:no-underline">Terms</a>
    </div>
  </footer>

<script>
    // Mobile menu toggle
    const menuToggle = document.getElementById('menuToggle');
    const mobileMenu = document.getElementById('mobileMenu');
    function toggleMenu() {
      if (mobileMenu.style.display === 'block') {
        mobileMenu.style.display = 'none';
      } else {
        mobileMenu.style.display = 'block';
      }
    }
    if (menuToggle) {
      menuToggle.addEventListener('click', () => {
        toggleMenu();
      });
    }
    // Escape to close mobile menu
    document.addEventListener('keydown', (e) => {
      if (e.key === 'Escape' && mobileMenu.style.display === 'block') {
        mobileMenu.style.display = 'none';
      }
    });

// Lightbox behavior
    const lightbox = document.getElementById('lightbox');
    const lightboxImage = document.getElementById('lightboxImage');
    const lightboxClose = document.getElementById('lightboxClose');
    const lightboxMeta = document.getElementById('lightboxMeta');

function openLightbox(src, meta) {
      lightboxImage.src = src;
      lightboxMeta.textContent = meta || '';
      lightbox.classList.add('active');
    }

function closeLightbox() {
      lightbox.classList.remove('active');
      lightboxImage.src = '';
    }

// Attach click handlers to portfolio figures/images
    document.querySelectorAll('#portfolio-grid img').forEach(img => {
      img.style.cursor = 'pointer';
      img.addEventListener('click', () => {
        openLightbox(img.src, img.alt);
      });
    });

lightboxClose.addEventListener('click', closeLightbox);
    lightbox.addEventListener('click', (e) => {
      if (e.target === lightbox) closeLightbox();
    });
    document.addEventListener('keydown', (e) => {
      if (e.key === 'Escape') closeLightbox();
    });

// Simple reveal on scroll
    const reveals = document.querySelectorAll('.reveal');
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          entry.target.classList.add('visible');
          observer.unobserve(entry.target);
        }
      });
    }, { threshold: 0.15 });
    reveals.forEach(el => observer.observe(el));

// Basic lazy loading for portfolio images (and replaceable images)
    // For this static demo, images are inline SVG data URLs; in production, editor would swap the src.
    // We still keep "loading=lazy" on all images above.

// Ensure no horizontal scrolling from maps on small devices
    // (handled by responsive iframe container)
  </script>
</body>
</html></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"data":{"name":"Credo Studios","page_id":"ad56ce31","seo_data":null,"social_meta":null,"translate":{},"robot_settings":null,"workspace_robot_settings":{},"favicon":null,"content":null,"html":"\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n  \u003cmeta charset=\"utf-8\" /\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\" /\u003e\n  \u003ctitle\u003eProdigy Studios | Photography, Videography \u0026 Visual Storytelling\u003c/title\u003e\n  \u003cmeta name=\"description\" content=\"Prodigy Studios delivers premium photography, videography and visual storytelling for brands, weddings, events and private clients across the UK and internationally.\" /\u003e\n  \u003clink rel=\"canonical\" href=\"https://www.prodigystudios.co.uk/\" /\u003e\n  \u003cmeta property=\"og:title\" content=\"Prodigy Studios | Photography, Videography \u0026 Visual Storytelling\" /\u003e\n  \u003cmeta property=\"og:description\" content=\"Prodigy Studios delivers premium photography, videography and visual storytelling for brands, weddings, events and clients.\" /\u003e\n  \u003cmeta property=\"og:type\" content=\"website\" /\u003e\n  \u003cmeta property=\"og:url\" content=\"https://www.prodigystudios.co.uk/\" /\u003e\n  \u003cmeta property=\"og:image\" content=\"data:image/svg+xml;utf8,\u003csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='630'\u003e\u003crect width='100%' height='100%' fill='%23000'/\u003e\u003ctext x='50%' y='50%' font-family='serif' font-size='40' fill='white' text-anchor='middle'\u003eProdigy Studios\u003c/text\u003e\u003c/svg\u003e\" /\u003e\n  \u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css\" /\u003e\n  \u003c!-- Tailwind CSS via CDN --\u003e\n  \u003cscript src=\"https://cdn.tailwindcss.com\"\u003e\u003c/script\u003e\n  \u003c!-- Google Fonts (Cinzel for headings, Inter for body) --\u003e\n  \u003clink href=\"https://fonts.googleapis.com/css2?family=Cinzel:wght@700;800;900\u0026family=Inter:wght@400;500;700\u0026display=swap\" rel=\"stylesheet\" /\u003e\n  \u003cstyle\u003e\n    :root {\n      --brand-accent: #b68a3b; /* muted warm gold / taupe */\n      --card-bg: rgba(255,255,255,0.04);\n    }\n    body {\n      font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial;\n      color: #1c1511;\n      background: #000;\n    }\n    h1, h2, h3, h4, h5 {\n      font-family: Cinzel, Georgia, \"Times New Roman\", serif;\n      color: #f6f2e6;\n    }\n    /* Accessible focus states for all clickable elements */\n    :focus-visible {\n      outline: 2px solid var(--brand-accent);\n      outline-offset: 2px;\n    }\n\n    /* Custom scrollbar (subtle) */\n    ::-webkit-scrollbar { height: 8px; width: 8px; }\n    ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.25); border-radius: 8px; }\n    ::-webkit-scrollbar-track { background: transparent; }\n\n    /* Lightbox */\n    .lightbox {\n      position: fixed; inset: 0;\n      background: rgba(0,0,0,0.92);\n      display: flex; align-items: center; justify-content: center;\n      z-index: 60;\n      opacity: 0; pointer-events: none;\n      transition: opacity 250ms ease;\n    }\n    .lightbox.active { opacity: 1; pointer-events: auto; }\n    .lightbox-content {\n      max-width: 92vw; max-height: 84vh; display: grid; gap: 12px;\n    }\n    .lightbox img { width: 100%; height: auto; border-radius: 6px; box-shadow: 0 20px 40px rgba(0,0,0,.6); }\n    .lightbox-close {\n      position: absolute; top: 18px; right: 18px;\n      background: rgba(0,0,0,.6); color: white;\n      border: 0; padding: 8px 12px; border-radius: 6px; cursor: pointer;\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .lightbox { transition: none; }\n    }\n\n    /* Hero overlay gradient for readability on video */\n    .hero-overlay {\n      position: absolute; inset: 0;\n      background: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,.75) 60%, rgba(0,0,0,.9));\n      z-index: 0;\n    }\n\n    /* Reveal on scroll (lightweight) */\n    .reveal { opacity: 0; transform: translateY(20px); transition: all 600ms ease; }\n    .reveal.visible { opacity: 1; transform: none; }\n\n    /* Mobile-first hero tagline sizing */\n    @media (min-width: 768px) {\n      .hero-content { text-align: left; padding-left: 6rem; padding-right: 6rem; }\n    }\n\n    /* Booking form styles (simple, premium) */\n    .form-control {\n      background: rgba(255,255,255,0.04);\n      border: 1px solid rgba(255,255,255,0.15);\n      color: #e5e5e5;\n    }\n    .btn-accent {\n      background: var(--brand-accent);\n      color: #1c1c1c;\n      border: 0;\n    }\n    .btn-subtle {\n      background: transparent;\n      border: 1px solid rgba(255,255,255,.3);\n      color: #e5e5e5;\n    }\n  \u003c/style\u003e\n\u003c/head\u003e\n\u003cbody class=\"min-h-screen bg-black text-white antialiased\"\u003e\n  \u003c!-- Floating WhatsApp --\u003e\n  \u003ca href=\"https://wa.me/447780461184\" class=\"fixed bottom-6 right-6 z-50\" aria-label=\"Chat on WhatsApp\"\u003e\n    \u003cdiv class=\"bg-green-500/90 hover:bg-green-600/90 text-white w-12 h-12 rounded-full flex items-center justify-center shadow-lg\" style=\"backdrop-filter: saturate(1.2);\"\u003e\n      \u003ci class=\"bi bi-whatsapp\" aria-hidden=\"true\"\u003e\u003c/i\u003e\n    \u003c/div\u003e\n  \u003c/a\u003e\n\n  \u003c!-- Header / Navigation --\u003e\n  \u003cheader class=\"fixed top-0 left-0 w-full z-40\"\u003e\n    \u003cnav class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-14 flex items-center justify-between\" aria-label=\"Main Nav\" style=\"background: rgba(0,0,0,.6); backdrop-filter: blur(6px);\"\u003e\n      \u003cdiv class=\"flex items-center space-x-3\"\u003e\n        \u003cspan class=\"text-white font-semibold\" style=\"font-family: Cinzel, serif; letter-spacing:.5px;\"\u003ePRODIGY STUDIOS\u003c/span\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"hidden md:flex items-center space-x-6 text-sm\"\u003e\n        \u003ca href=\"#home\" class=\"text-white/90 hover:text-white\" aria-label=\"Home\"\u003eHome\u003c/a\u003e\n        \u003ca href=\"#portfolio\" class=\"text-white/90 hover:text-white\" aria-label=\"Portfolio\"\u003ePortfolio\u003c/a\u003e\n        \u003ca href=\"#about\" class=\"text-white/90 hover:text-white\" aria-label=\"About\"\u003eAbout\u003c/a\u003e\n        \u003ca href=\"#bookings\" class=\"text-white/90 hover:text-white\" aria-label=\"Bookings\"\u003eBookings\u003c/a\u003e\n        \u003ca href=\"#contact\" class=\"text-white/90 hover:text-white\" aria-label=\"Contact\"\u003eContact\u003c/a\u003e\n        \u003ca href=\"#bookings\" class=\"ml-2 px-3 py-2 rounded border border-yellow-500 text-yellow-200 hover:bg-yellow-500/20\" aria-label=\"Book a Session\" style=\"font-family: Inter, sans-serif;\"\u003eBOOK A SESSION\u003c/a\u003e\n      \u003c/div\u003e\n      \u003c!-- Mobile menu trigger --\u003e\n      \u003cbutton id=\"menuToggle\" class=\"md:hidden text-white\" aria-label=\"Open navigation\"\u003e\n        \u003ci class=\"bi bi-list\" style=\"font-size:1.4rem;\"\u003e\u003c/i\u003e\n      \u003c/button\u003e\n    \u003c/nav\u003e\n\n    \u003c!-- Mobile menu (overlay) --\u003e\n    \u003cdiv id=\"mobileMenu\" class=\"md:hidden fixed top-0 left-0 w-full h-full bg-black/90 z-50 overflow-y-auto hidden\" aria-label=\"Mobile menu\"\u003e\n      \u003cdiv class=\"p-6 space-y-4\" role=\"dialog\" aria-label=\"Mobile navigation panel\"\u003e\n        \u003ca href=\"#home\" class=\"block py-2 text-xl\" onclick=\"toggleMenu()\"\u003eHome\u003c/a\u003e\n        \u003ca href=\"#portfolio\" class=\"block py-2 text-xl\" onclick=\"toggleMenu()\"\u003ePortfolio\u003c/a\u003e\n        \u003ca href=\"#about\" class=\"block py-2 text-xl\" onclick=\"toggleMenu()\"\u003eAbout\u003c/a\u003e\n        \u003ca href=\"#bookings\" class=\"block py-2 text-xl\" onclick=\"toggleMenu()\"\u003eBookings\u003c/a\u003e\n        \u003ca href=\"#contact\" class=\"block py-2 text-xl\" onclick=\"toggleMenu()\"\u003eContact\u003c/a\u003e\n        \u003ca href=\"#bookings\" class=\"inline-block mt-2 px-4 py-2 rounded border border-yellow-400 text-yellow-200 hover:bg-yellow-500/20\" onclick=\"toggleMenu()\"\u003eBOOK A SESSION\u003c/a\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/header\u003e\n\n  \u003c!-- Hero: Full-screen cinematic media --\u003e\n  \u003csection id=\"home\" class=\"relative w-full h-screen overflow-hidden select-none\" aria-label=\"Hero\"\u003e\n    \u003c!-- Video background with overlay --\u003e\n    \u003cdiv class=\"absolute inset-0\"\u003e\n      \u003cvideo id=\"hero-media\" class=\"w-full h-full object-cover\" autoplay muted loop playsinline preload=\"auto\" poster=\"data:image/svg+xml;utf8,\u003csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='900'\u003e\u003cdefs/\u003e\u003crect width='100%' height='100%' fill='%23000'/\u003e\u003ctext x='50%' y='50%' fill='%23e5e5e5' font-family='Inter' font-size='28' text-anchor='middle' alignment-baseline='middle'\u003eProdigy Studios — Cinematic Hero\u003c/text\u003e\u003c/svg\u003e\"\n        data-editable=\"true\" data-gen-id=\"hero-media\" data-gen-prompt=\"A cinematic opening sequence for Prodigy Studios, featuring moody, high-contrast lighting with a shallow depth of field, capturing a photographer directing a scene in a modern studio. The shot emphasizes craft, presence, and storytelling. Soft natural highlights and deep shadows create a dramatic editorial feel suitable for a premium photography brand.\" data-gen-aspect=\"16:9\" muted playsinline\u003e\n        \u003csource src=\"https://cdn.coverr.co/videos/coverr-cinematic-landing-1147/1080p.mp4\" type=\"video/mp4\" /\u003e\n        Your browser does not support the video tag.\n      \u003c/video\u003e\n      \u003cdiv class=\"hero-overlay\"\u003e\u003c/div\u003e\n    \u003c/div\u003e\n\n    \u003c!-- Content overlay --\u003e\n    \u003cdiv class=\"absolute inset-0 z-10 flex items-center justify-center px-4\"\u003e\n      \u003cdiv class=\"text-center hero-content max-w-3xl mx-auto py-8 px-4 md:px-0\"\u003e\n        \u003cp class=\"uppercase tracking-widest text-sm mb-2\" style=\"letter-spacing:0.2em; color:#e7e2d5;\"\u003eCaptured moments\u003c/p\u003e\n        \u003ch1 class=\"text-4xl md:text-6xl lg:text-7xl font-extrabold\" style=\"font-family: Cinzel, serif;\"\u003e\n          Capturing Moments. Elevating Brands. Preserving Legacy.\n        \u003c/h1\u003e\n        \u003cp class=\"mt-6 text-lg md:text-xl max-w-2xl mx-auto\" style=\"color:#e6e0d8;\"\u003e\n          Professional photography, videography and visual storytelling for brands, organisations and life's most important moments.\n        \u003c/p\u003e\n        \u003cdiv class=\"mt-8 flex flex-wrap justify-center md:justify-start gap-4\"\u003e\n          \u003ca href=\"#bookings\" class=\"px-5 py-3 rounded-md bg-yellow-500 text-black font-semibold hover:bg-yellow-600\" aria-label=\"Book a Session\"\u003eBOOK A SESSION\u003c/a\u003e\n          \u003ca href=\"#portfolio\" class=\"px-5 py-3 rounded-md bg-transparent border border-yellow-500 text-yellow-200 font-semibold hover:bg-yellow-500/20\" aria-label=\"View Portfolio\"\u003eVIEW PORTFOLIO\u003c/a\u003e\n        \u003c/div\u003e\n        \u003cdiv class=\"mt-6 text-sm text-yellow-200 animate-bounce\" aria-label=\"Scroll to explore\"\u003eSCROLL TO EXPLORE\u003c/div\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/section\u003e\n\n  \u003c!-- Featured Portfolio (Preview) --\u003e\n  \u003csection id=\"portfolio\" class=\"py-20 bg-black\"\u003e\n    \u003cdiv class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"\u003e\n      \u003cdiv class=\"mb-8 text-center md:text-left\"\u003e\n        \u003ch2 class=\"text-3xl md:text-4xl font-extrabold\" style=\"font-family: Cinzel, serif;\"\u003eSelected Work\u003c/h2\u003e\n        \u003cp class=\"text-gray-300 mt-3\"\u003eStories, in their most vivid light.\u003c/p\u003e\n      \u003c/div\u003e\n\n      \u003c!-- Filters --\u003e\n      \u003cdiv class=\"mb-6 flex flex-wrap justify-center md:justify-start gap-3\" role=\"navigation\" aria-label=\"Portfolio categories\"\u003e\n        \u003cbutton class=\"px-3 py-2 rounded border border-gray-700 text-gray-200 hover:bg-white/10\" data-filter=\"all\"\u003eAll\u003c/button\u003e\n        \u003cbutton class=\"px-3 py-2 rounded border border-gray-700 text-gray-200 hover:bg-white/10\" data-filter=\"weddings\"\u003eWeddings\u003c/button\u003e\n        \u003cbutton class=\"px-3 py-2 rounded border border-gray-700 text-gray-200 hover:bg-white/10\" data-filter=\"portraits\"\u003ePortraits\u003c/button\u003e\n        \u003cbutton class=\"px-3 py-2 rounded border border-gray-700 text-gray-200 hover:bg-white/10\" data-filter=\"events\"\u003eEvents\u003c/button\u003e\n        \u003cbutton class=\"px-3 py-2 rounded border border-gray-700 text-gray-200 hover:bg-white/10\" data-filter=\"corporate\"\u003eCorporate\u003c/button\u003e\n        \u003cbutton class=\"px-3 py-2 rounded border border-gray-700 text-gray-200 hover:bg-white/10\" data-filter=\"fashion\"\u003eFashion \u0026 Lifestyle\u003c/button\u003e\n        \u003cbutton class=\"px-3 py-2 rounded border border-gray-700 text-gray-200 hover:bg-white/10\" data-filter=\"videos\"\u003eVideos\u003c/button\u003e\n      \u003c/div\u003e\n\n      \u003c!-- Masonry-like grid (responsive) --\u003e\n      \u003cdiv id=\"portfolio-grid\" class=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3\"\u003e\n        \u003c!-- Weddings - An Intimate Ceremony --\u003e\n        \u003cfigure class=\"relative group\" data-category=\"weddings\" data-editable=\"true\" data-gen-id=\"portfolio-weddings-1\" data-gen-prompt=\"A poised bride and groom in an intimate ceremony, captured in soft, cinematic light with natural textures, subtle grain, and a quiet, elegant mood. The scene feels timeless and editorial.\" data-gen-aspect=\"3:2\" aria-label=\"An Intimate Ceremony\"\u003e\n          \u003cimg src=\"data:image/svg+xml;utf8,\n            \u003csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'\u003e\n              \u003cdefs\u003e\u003clinearGradient id='g' x1='0' y1='0' x2='1' y2='1'\u003e\n              \u003cstop offset='0%' stop-color='%231a1a1a'/\u003e\u003cstop offset='100%' stop-color='%23999999'/\u003e\n              \u003c/linearGradient\u003e\u003c/defs\u003e\n              \u003crect width='100%' height='100%' fill='url(%23g)'/\u003e\n              \u003ctext x='50%' y='50%' fill='white' font-family='Inter' font-size='22' text-anchor='middle' alignment-baseline='middle'\u003eAn Intimate Ceremony\u003c/text\u003e\n            \u003c/svg\u003e\" alt=\"An Intimate Ceremony\" loading=\"lazy\" class=\"w-full h-full object-cover\" /\u003e\n        \u003c/figure\u003e\n\n        \u003c!-- Weddings - The Details --\u003e\n        \u003cfigure class=\"relative group\" data-category=\"weddings\" data-editable=\"true\" data-gen-id=\"portfolio-weddings-2\" data-gen-prompt=\"Close-up details of wedding decor, fabric textures, and moment of exchange, captured with dramatic shadows and soft highlights to convey intimacy.\" data-gen-aspect=\"4:3\" aria-label=\"The Details\"\u003e\n          \u003cimg src=\"data:image/svg+xml;utf8,\n            \u003csvg xmlns='http://www.w3.org/2000/svg' width='600' height='450'\u003e\n              \u003cdefs\u003e\u003clinearGradient id='g2' x1='0' y1='0' x2='1' y2='1'\u003e\n              \u003cstop offset='0%' stop-color='%230f0f0f'/\u003e\u003cstop offset='100%' stop-color='%23999999'/\u003e\n              \u003c/linearGradient\u003e\u003c/defs\u003e\n              \u003crect width='100%' height='100%' fill='url(%23g2)'/\u003e\n              \u003ctext x='50%' y='50%' fill='white' font-family='Inter' font-size='20' text-anchor='middle' alignment-baseline='middle'\u003eThe Details\u003c/text\u003e\n            \u003c/svg\u003e\" alt=\"The Details\" loading=\"lazy\" class=\"w-full h-full object-cover\" /\u003e\n        \u003c/figure\u003e\n\n        \u003c!-- Portraits - In Focus --\u003e\n        \u003cfigure class=\"relative group\" data-category=\"portraits\" data-editable=\"true\" data-gen-id=\"portfolio-portraits-1\" data-gen-prompt=\"Portrait of a serene subject in studio lighting, with clean background, strong negative space and a composed, editorial mood.\" data-gen-aspect=\"3:4\" aria-label=\"In Focus\"\u003e\n          \u003cimg src=\"data:image/svg+xml;utf8,\n            \u003csvg xmlns='http://www.w3.org/200/svg' width='600' height='800'\u003e\n              \u003cdefs\u003e\u003clinearGradient id='g3' x1='0' y1='0' x2='1' y2='1'\u003e\n              \u003cstop offset='0%' stop-color='%23111111'/\u003e\u003cstop offset='100%' stop-color='%23999999'/\u003e\n              \u003c/linearGradient\u003e\u003c/defs\u003e\n              \u003crect width='100%' height='100%' fill='url(%23g3)'/\u003e\n              \u003ctext x='50%' y='50%' fill='white' font-family='Inter' font-size='28' text-anchor='middle' alignment-baseline='middle'\u003eIn Focus\u003c/text\u003e\n            \u003c/svg\u003e\" alt=\"In Focus\" loading=\"lazy\" class=\"w-full h-full object-cover\" /\u003e\n        \u003c/figure\u003e\n\n        \u003c!-- Events - The Gathering --\u003e\n        \u003cfigure class=\"relative group\" data-category=\"events\" data-editable=\"true\" data-gen-id=\"portfolio-events-1\" data-gen-prompt=\"A dynamic moment from a large gathering: guests, ambient lighting, candid interactions, captured with a documentary editorial style.\" data-gen-aspect=\"4:3\" aria-label=\"The Gathering\"\u003e\n          \u003cimg src=\"data:image/svg+xml;utf8,\n            \u003csvg xmlns='http://www.w3.org/2000/svg' width='600' height='450'\u003e\n              \u003cdefs\u003e\u003clinearGradient id='g4' x1='0' y1='0' x2='1' y2='1'\u003e\n              \u003cstop offset='0%' stop-color='%23222222'/\u003e\u003cstop offset='100%' stop-color='%23999999'/\u003e\n              \u003c/linearGradient\u003e\u003c/defs\u003e\n              \u003crect width='100%' height='100%' fill='url(%23g4)'/\u003e\n              \u003ctext x='50%' y='50%' fill='white' font-family='Inter' font-size='22' text-anchor='middle' alignment-baseline='middle'\u003eThe Gathering\u003c/text\u003e\n            \u003c/svg\u003e\" alt=\"The Gathering\" loading=\"lazy\" class=\"w-full h-full object-cover\" /\u003e\n        \u003c/figure\u003e\n\n        \u003c!-- Corporate - A Room of Ideas --\u003e\n        \u003cfigure class=\"relative group\" data-category=\"corporate\" data-editable=\"true\" data-gen-id=\"portfolio-corporate-1\" data-gen-prompt=\"Studio shot of a corporate team in a modern office, with thoughtful composition and a cool-toned palette that conveys precision and collaboration.\" data-gen-aspect=\"4:3\" aria-label=\"A Room of Ideas\"\u003e\n          \u003cimg src=\"data:image/svg+xml;utf8,\n            \u003csvg xmlns='http://www.w3.org/2000/svg' width='600' height='450'\u003e\n              \u003cdefs\u003e\u003clinearGradient id='g5' x1='0' y1='0' x2='1' y2='1'\u003e\n              \u003cstop offset='0%' stop-color='%23000000'/\u003e\u003cstop offset='100%' stop-color='%239a9a9a'/\u003e\n              \u003c/linearGradient\u003e\u003c/defs\u003e\n              \u003crect width='100%' height='100%' fill='url(%23g5)'/\u003e\n              \u003ctext x='50%' y='50%' fill='white' font-family='Inter' font-size='20' text-anchor='middle' alignment-baseline='middle'\u003eA Room of Ideas\u003c/text\u003e\n            \u003c/svg\u003e\" alt=\"A Room of Ideas\" loading=\"lazy\" class=\"w-full h-full object-cover\" /\u003e\n        \u003c/figure\u003e\n\n        \u003c!-- Fashion \u0026 Lifestyle - Form \u0026 Light --\u003e\n        \u003cfigure class=\"relative group\" data-category=\"fashion\" data-editable=\"true\" data-gen-id=\"portfolio-fashion-1\" data-gen-prompt=\"Editorial fashion portrait with dramatic lighting, clean background, and poised model showcasing form, texture and light.\" data-gen-aspect=\"3:4\" aria-label=\"Form \u0026 Light\"\u003e\n          \u003cimg src=\"data:image/svg+xml;utf8,\n            \u003csvg xmlns='http://www.w3.org/2000/svg' width='600' height='800'\u003e\n              \u003cdefs\u003e\u003clinearGradient id='g6' x1='0' y1='0' x2='1' y2='1'\u003e\n              \u003cstop offset='0%' stop-color='%23111111'/\u003e\u003cstop offset='100%' stop-color='%23bdbdbd'/\u003e\n              \u003c/linearGradient\u003e\u003c/defs\u003e\n              \u003crect width='100%' height='100%' fill='url(%23g6)'/\u003e\n              \u003ctext x='50%' y='50%' fill='white' font-family='Inter' font-size='28' text-anchor='middle' alignment-baseline='middle'\u003eForm \u0026 Light\u003c/text\u003e\n            \u003c/svg\u003e\" alt=\"Form \u0026 Light\" loading=\"lazy\" class=\"w-full h-full object-cover\" /\u003e\n        \u003c/figure\u003e\n\n        \u003c!-- Videos - Moving Image --\u003e\n        \u003cfigure class=\"relative group\" data-category=\"videos\" data-editable=\"true\" data-gen-id=\"portfolio-videos-1\" data-gen-prompt=\"Moving image montage with cinematic pacing, editorial framing, and a balanced dark/light contrast that reads as a music-video editorial piece.\" data-gen-aspect=\"16:9\" aria-label=\"Moving Image\"\u003e\n          \u003cimg src=\"data:image/svg+xml;utf8,\n            \u003csvg xmlns='http://www.w3.org/2000/svg' width='600' height='338'\u003e\n              \u003crect width='100%' height='100%' fill='%23222222'/\u003e\n              \u003ctext x='50%' y='50%' fill='white' font-family='Inter' font-size='22' text-anchor='middle' alignment-baseline='middle'\u003eMoving Image\u003c/text\u003e\n            \u003c/svg\u003e\" alt=\"Moving Image\" loading=\"lazy\" class=\"w-full h-full object-cover\" /\u003e\n        \u003c/figure\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/section\u003e\n\n  \u003c!-- Lightbox (Portfolio) --\u003e\n  \u003cdiv id=\"lightbox\" class=\"lightbox\" role=\"dialog\" aria-label=\"Lightbox\"\u003e\n    \u003cdiv class=\"lightbox-content\"\u003e\n      \u003cbutton class=\"lightbox-close\" id=\"lightboxClose\" aria-label=\"Close\"\u003eClose\u003c/button\u003e\n      \u003cimg id=\"lightboxImage\" src=\"\" alt=\"Lightbox image\" /\u003e\n      \u003cdiv id=\"lightboxMeta\" class=\"text-sm\" style=\"color:#ddd;\"\u003e\u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\n  \u003c!-- About preview --\u003e\n  \u003csection id=\"about\" class=\"py-20 bg-black\"\u003e\n    \u003cdiv class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\"\u003e\n      \u003c!-- About image (editable) --\u003e\n      \u003cdiv\u003e\n        \u003cimg src=\"https://media.clicksites.ai/clicksites/uploads/7901/editorial_studio_portrait_of_t_9e8f3d1a72f91c42b6650c12532cf078.png\" data-editable=\"true\" alt=\"Studio portrait\" class=\"w-full h-full object-cover rounded-lg\" src=\"data:image/svg+xml;utf8,\n        \u003csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='900'\u003e\n          \u003cdefs\u003e\u003clinearGradient id='ga' x1='0' y1='0' x2='1' y2='1'\u003e\n          \u003cstop offset='0%' stop-color='%231a1a1a'/\u003e\u003cstop offset='100%' stop-color='%23999999'/\u003e\n          \u003c/linearGradient\u003e\u003c/defs\u003e\n          \u003crect width='100%' height='100%' fill='url(%23ga)'/\u003e\n          \u003ctext x='50%' y='50%' fill='white' font-family='Inter' font-size='40' text-anchor='middle' alignment-baseline='middle'\u003eAbout Studio\u003c/text\u003e\n        \u003c/svg\u003e\" loading=\"lazy\" /\u003e\n      \u003c/div\u003e\n      \u003c!-- About text --\u003e\n      \u003cdiv\u003e\n        \u003cspan class=\"uppercase tracking-widest text-sm\" style=\"color:#d9d9d0;\"\u003eAbout\u003c/span\u003e\n        \u003ch3 class=\"mt-2 text-3xl md:text-4xl\" style=\"font-family: Cinzel, serif;\"\u003eProdigy Studios\u003c/h3\u003e\n        \u003cp class=\"mt-4 text-gray-200\" style=\"line-height:1.75;\"\u003e\n          Prodigy Studios is a premium photography, videography and visual storytelling studio based in London. We bring a disciplined editorial eye to brands, people and moments that deserve attention. Professional, creative, and relentlessly detail-driven.\n        \u003c/p\u003e\n        \u003cdiv class=\"mt-6\"\u003e\n          \u003ca href=\"#bookings\" class=\"px-5 py-3 rounded bg-yellow-500 text-black font-semibold hover:bg-yellow-600\" aria-label=\"Start a conversation\"\u003eSTART A CONVERSATION\u003c/a\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/section\u003e\n\n  \u003c!-- Bookings --\u003e\n  \u003csection id=\"bookings\" class=\"py-20 bg-black\"\u003e\n    \u003cdiv class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"\u003e\n      \u003cdiv class=\"text-center mb-8\"\u003e\n        \u003cspan class=\"uppercase text-xs tracking-widest\" style=\"color:#d9d9d0;\"\u003eBookings\u003c/span\u003e\n        \u003ch2 class=\"text-3xl md:text-4xl font-extrabold mt-2\" style=\"font-family: Cinzel, serif;\"\u003eServices \u0026 Packages\u003c/h2\u003e\n        \u003cp class=\"max-w-2xl mx-auto text-gray-300 mt-2\"\u003eElegant, editable service cards to preview your options.\u003c/p\u003e\n      \u003c/div\u003e\n\n      \u003c!-- Packages --\u003e\n      \u003cdiv class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\"\u003e\n        \u003cimg src=\"https://media.clicksites.ai/clicksites/uploads/7901/wedding_preview_image_showing_3b54710386281e3ea0ffc11289d20c45.png\" class=\"bg-card rounded-lg overflow-hidden\" aria-label=\"Package 1\" data-editable=\"true\" alt=\"\" /\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cimg src=\"https://media.clicksites.ai/clicksites/uploads/7901/portraits_preview_image_showin_de6682b4f72fbc2203a13095c4d8d0ba.png\" class=\"bg-card rounded-lg overflow-hidden\" aria-label=\"Package 2\" data-editable=\"true\" alt=\"\" /\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n\n        \u003cimg src=\"https://media.clicksites.ai/clicksites/uploads/7901/events_package_preview_image_s_5f8ab5e7f16234970836b9bfd20a00ef.png\" class=\"bg-card rounded-lg overflow-hidden\" aria-label=\"Package 3\" data-editable=\"true\" alt=\"\" /\u003e\n          \u003c/div\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n\n    \u003c!-- Booking form (simplified) --\u003e\n    \u003cdiv class=\"mt-12 bg-black/60 py-8\" aria-label=\"Booking form section\"\u003e\n      \u003cdiv class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\"\u003e\n        \u003cform action=\"#\" method=\"post\" class=\"grid grid-cols-1 md:grid-cols-2 gap-4\" aria-label=\"Booking form\"\u003e\n          \u003cinput class=\"form-control rounded px-4 py-2\" type=\"text\" name=\"name\" placeholder=\"Your Name\" required /\u003e\n          \u003cinput class=\"form-control rounded px-4 py-2\" type=\"email\" name=\"email\" placeholder=\"Email\" required /\u003e\n          \u003cinput class=\"form-control rounded px-4 py-2\" type=\"tel\" name=\"phone\" placeholder=\"Phone\" /\u003e\n          \u003cselect class=\"form-control rounded px-4 py-2\" name=\"service\" required\u003e\n            \u003coption value=\"\" disabled selected\u003eService\u003c/option\u003e\n            \u003coption\u003eWeddings\u003c/option\u003e\n            \u003coption\u003ePortraits\u003c/option\u003e\n            \u003coption\u003eEvents\u003c/option\u003e\n            \u003coption\u003eCorporate\u003c/option\u003e\n          \u003c/select\u003e\n          \u003cinput class=\"form-control rounded px-4 py-2\" type=\"date\" name=\"date\" placeholder=\"Preferred date\" /\u003e\n          \u003ctextarea class=\"form-control rounded px-4 py-2\" name=\"message\" placeholder=\"Message\" rows=\"3\"\u003e\u003c/textarea\u003e\n          \u003cdiv class=\"md:col-span-2 flex items-center justify-between\"\u003e\n            \u003cspan class=\"text-sm text-gray-300\"\u003eCalendly integration preferred: \u003cem\u003ehttps://calendly.com/prodigystudios/new-meeting\u003c/em\u003e\u003c/span\u003e\n            \u003cbutton type=\"submit\" class=\"px-5 py-3 rounded bg-yellow-500 text-black font-semibold\" aria-label=\"Submit booking request\"\u003eBOOK A SESSION\u003c/button\u003e\n          \u003c/div\u003e\n        \u003c/form\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/section\u003e\n\n  \u003c!-- Contact --\u003e\n  \u003csection id=\"contact\" class=\"py-20 bg-black\"\u003e\n    \u003cdiv class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 lg:grid-cols-2 gap-12 items-start\"\u003e\n      \u003c!-- Contact info and map --\u003e\n      \u003cdiv\u003e\n        \u003ch2 class=\"text-3xl md:text-4xl font-extrabold\" style=\"font-family: Cinzel, serif;\"\u003eLet's create something that lasts.\u003c/h2\u003e\n        \u003cp class=\"mt-4 text-gray-300\"\u003e\n          PRODIGY STUDIOS\n        \u003c/p\u003e\n        \u003cp class=\"text-gray-300\"\u003e10 Balfe Street, London N1 9EG\u003c/p\u003e\n        \u003cp class=\"text-gray-300\"\u003e+44 7777 512872\u003c/p\u003e\n        \u003cp class=\"text-gray-300\"\u003eyemifaturoti@prodigystudios.co.uk\u003c/p\u003e\n\n        \u003c!-- Contact form --\u003e\n        \u003cform action=\"#\" method=\"post\" class=\"mt-6 grid grid-cols-1 md:grid-cols-2 gap-4\" aria-label=\"Contact form\"\u003e\n          \u003cinput class=\"form-control rounded px-4 py-2\" type=\"text\" name=\"name\" placeholder=\"Your Name\" required /\u003e\n          \u003cinput class=\"form-control rounded px-4 py-2\" type=\"email\" name=\"email\" placeholder=\"Email\" required /\u003e\n          \u003cinput class=\"form-control rounded px-4 py-2\" type=\"tel\" name=\"phone\" placeholder=\"Phone\" /\u003e\n          \u003cinput class=\"form-control rounded px-4 py-2\" type=\"text\" name=\"subject\" placeholder=\"Subject\" /\u003e\n          \u003ctextarea class=\"form-control rounded px-4 py-2\" name=\"message\" placeholder=\"Message\" rows=\"4\" cols=\"1\" /\u003e\n          \u003cdiv class=\"md:col-span-2 flex items-center justify-between\"\u003e\n            \u003ca href=\"https://www.instagram.com/prodigystudios1/\" class=\"text-yellow-300 hover:text-yellow-400\" aria-label=\"Instagram\"\u003eInstagram\u003c/a\u003e\n            \u003cbutton type=\"submit\" class=\"px-5 py-3 rounded bg-yellow-500 text-black font-semibold\" aria-label=\"Send message\"\u003eSEND MESSAGE\u003c/button\u003e\n          \u003c/div\u003e\n        \u003c/form\u003e\n      \u003c/div\u003e\n\n      \u003c!-- Google Maps --\u003e\n      \u003cdiv class=\"rounded-lg overflow-hidden shadow-xl\" aria-label=\"Google Map\"\u003e\n        \u003cdiv class=\"w-full aspect-video\"\u003e\n          \u003ciframe\n            src=\"https://www.google.com/maps?q=10+Balfe+Street+London+N1+9EG\u0026output=embed\"\n            width=\"100%\" height=\"100%\" style=\"border:0; width:100%; height:100%;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"\u003e\n          \u003c/iframe\u003e\n        \u003c/div\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/section\u003e\n\n  \u003c!-- About CTA (bottom) --\u003e\n  \u003csection class=\"py-12 bg-black\"\u003e\n    \u003cdiv class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center\"\u003e\n      \u003ch3 class=\"text-2xl md:text-3xl font-semibold\" style=\"font-family: Cinzel, serif;\"\u003eReady to capture your special moments?\u003c/h3\u003e\n      \u003cp class=\"mt-2 text-gray-300\"\u003eBook a session and start your visual story with Prodigy Studios.\u003c/p\u003e\n      \u003ca href=\"#bookings\" class=\"mt-4 inline-block px-6 py-3 rounded bg-yellow-500 text-black font-semibold\" aria-label=\"Book a session\"\u003eBOOK NOW\u003c/a\u003e\n    \u003c/div\u003e\n  \u003c/section\u003e\n\n  \u003c!-- Footer --\u003e\n  \u003cfooter class=\"border-t border-gray-800 py-8 bg-black/95\"\u003e\n    \u003cdiv class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 md:grid-cols-3 gap-6 text-sm text-gray-300\"\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003ePRODIGY STUDIOS\u003c/strong\u003e\u003cbr/\u003e\n        Capturing Moments. Elevating Brands. Preserving Legacy.\n      \u003c/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eNavigate\u003c/strong\u003e\u003cbr/\u003e\n        \u003ca href=\"#home\" class=\"block hover:underline\"\u003eHome\u003c/a\u003e\n        \u003ca href=\"#portfolio\" class=\"block hover:underline\"\u003ePortfolio\u003c/a\u003e\n        \u003ca href=\"#about\" class=\"block hover:underline\"\u003eAbout\u003c/a\u003e\n        \u003ca href=\"#bookings\" class=\"block hover:underline\"\u003eBookings\u003c/a\u003e\n        \u003ca href=\"#contact\" class=\"block hover:underline\"\u003eContact\u003c/a\u003e\n      \u003c/div\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eContact\u003c/strong\u003e\u003cbr/\u003e\n        \u003cspan\u003e+44 7777 512872\u003c/span\u003e\u003cbr/\u003e\n        \u003cspan\u003eyemifaturoti@prodigystudios.co.uk\u003c/span\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n    \u003cdiv class=\"text-center text-sm text-gray-400 mt-6\"\u003e\n      © Copyright Prodigy Studios\n      \u003cspan class=\"mx-2\"\u003e•\u003c/span\u003e\n      \u003ca href=\"#\" class=\"underline hover:no-underline\"\u003ePrivacy Policy\u003c/a\u003e\n      \u003cspan class=\"mx-2\"\u003e•\u003c/span\u003e\n      \u003ca href=\"#\" class=\"underline hover:no-underline\"\u003eTerms\u003c/a\u003e\n    \u003c/div\u003e\n  \u003c/footer\u003e\n\n  \u003c!-- Lightbox scripts \u0026 helpers --\u003e\n  \u003cscript\u003e\n    // Mobile menu toggle\n    const menuToggle = document.getElementById('menuToggle');\n    const mobileMenu = document.getElementById('mobileMenu');\n    function toggleMenu() {\n      if (mobileMenu.style.display === 'block') {\n        mobileMenu.style.display = 'none';\n      } else {\n        mobileMenu.style.display = 'block';\n      }\n    }\n    if (menuToggle) {\n      menuToggle.addEventListener('click', () =\u003e {\n        toggleMenu();\n      });\n    }\n    // Escape to close mobile menu\n    document.addEventListener('keydown', (e) =\u003e {\n      if (e.key === 'Escape' \u0026\u0026 mobileMenu.style.display === 'block') {\n        mobileMenu.style.display = 'none';\n      }\n    });\n\n    // Lightbox behavior\n    const lightbox = document.getElementById('lightbox');\n    const lightboxImage = document.getElementById('lightboxImage');\n    const lightboxClose = document.getElementById('lightboxClose');\n    const lightboxMeta = document.getElementById('lightboxMeta');\n\n    function openLightbox(src, meta) {\n      lightboxImage.src = src;\n      lightboxMeta.textContent = meta || '';\n      lightbox.classList.add('active');\n    }\n\n    function closeLightbox() {\n      lightbox.classList.remove('active');\n      lightboxImage.src = '';\n    }\n\n    // Attach click handlers to portfolio figures/images\n    document.querySelectorAll('#portfolio-grid img').forEach(img =\u003e {\n      img.style.cursor = 'pointer';\n      img.addEventListener('click', () =\u003e {\n        openLightbox(img.src, img.alt);\n      });\n    });\n\n    lightboxClose.addEventListener('click', closeLightbox);\n    lightbox.addEventListener('click', (e) =\u003e {\n      if (e.target === lightbox) closeLightbox();\n    });\n    document.addEventListener('keydown', (e) =\u003e {\n      if (e.key === 'Escape') closeLightbox();\n    });\n\n    // Simple reveal on scroll\n    const reveals = document.querySelectorAll('.reveal');\n    const observer = new IntersectionObserver((entries) =\u003e {\n      entries.forEach(entry =\u003e {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15 });\n    reveals.forEach(el =\u003e observer.observe(el));\n\n    // Basic lazy loading for portfolio images (and replaceable images)\n    // For this static demo, images are inline SVG data URLs; in production, editor would swap the src.\n    // We still keep \"loading=lazy\" on all images above.\n\n    // Ensure no horizontal scrolling from maps on small devices\n    // (handled by responsive iframe container)\n  \u003c/script\u003e\n\u003c/body\u003e\n\u003c/html\u003e","mainCss":null,"sectionCss":null,"form_id":null,"gdpr":null,"badge":null,"header_script":"","body_script":null,"redirect_url":null,"webhook":null,"page_type":"general","builder_type":"canvas"}},"__N_SSP":true},"page":"/[slug]","query":{"slug":"credo-studios-m2b63jvycq"},"buildId":"S-Usae4MmWZM-CBfkKHo4","isFallback":false,"isExperimentalCompile":false,"gssp":true,"scriptLoader":[]}</script></body></html>

Capturing Moments. Elevating Brands. Preserving Legacy.

Selected Work

Prodigy Studios

Services & Packages

Let's create something that lasts.