Default

Hi there! Welcome to MOFISA PIXTURE.
We are currently upload your photo.
Please subscribe to receive the update.

Thank you support!

Hi there! Welcome to MOFISA PIXTURE

Tips pantas mudah dan cepat untuk mencari gambar

Cari guna gambar & bib (cari guna gambar paling senang dapat gambar)
1. Klik "find your photos"
2. Upload gambar korang (gambar masa event lagi bagus)
3. Masukkan no. bib
4. Dah dapat gambar tengok masa "timestamp" kat bawah gambar untuk cari guna masa

Cari guna masa (anggaran masa sampai)
1. Klik icon "apply filter" sebelah icon "price list", icon "share" & icon "information"
2. Letak anggaran masa antara 3-5 minit
3. Kena scroll sikit masa ni sampai jumpa gambar masa korang tadi

Cara pilih gambar dan buat bayaran
1. Tandakan ✅ pada gambar yang berkenan dihati untuk "added to cart"
2. semak semula gambar di "basket"
3. Klik next untuk masukkan "contact info" (double check pastikan email anda betul!)
4. Klik payment untuk buat bayaran
5. Bayaran boleh dilakukan menggunakan (kad debit | kad kredit | Touch&Go | grab pay | ali pay)
6. Resit bayaran & gambar akan dihantar ke email

Terima kasih support!

Step by step for purchase photo.

TO FIND YOUR IMAGES CLICK ON "FIND YOUR PHOTOS". UPLOAD A PHOTO OF YOURSELF OR TAKE A PHOTO ON YOUR PHONE. ALTERNATIVELY, CLICK "SKIP" AND ENTER YOUR BIB NUMBER. THE SELFIE NORMALLY FINDS MORE IMAGES.

Step 1 : Select/Tick photo and add to cart.
Step 2 : Review your basket & total amount before click next.
Step 3 : Fill in the Contact Info (Name, Email & Contact Number) and please double check your email address! before click payment.
Step 4 : Choose your payment by Credit Card, Debit Card, Touch&Go, GrabPay or AliPay and click Submit.
Step 5 : You will find a link to download your photo in the email that was sent to you after the purchase.
***** PLEASE DONT USE WHATSAPP DELIVERY!!!!!

Thank you support!

BMW X MINI FUN RUN MUAR 2026 SEONG HOE PREMIUM MOTORS

Ideal for "Social Media & medium size print”
-Instant Download After Purchase
-Ideal for detailed edits or extreme cropping

High resolution photos that are ideal for media social

<body>


<section class="hero">
    <h1>Find Your Photos Instantly</h1>
    <p>Powered by AI Face Recognition</p>

    <div class="upload-area" id="dropArea">
        <p>Drag & Drop or Click to Upload</p>
        <input type="file" id="fileInput">
    </div>

    <button class="btn" onclick="startScan()">Start AI Scan</button>
</section>


<div id="loading" style="display:none; text-align:center; padding:50px;">
    <h2>Scanning your face...</h2>
    <div class="loader"></div>
</div>


<section id="results" class="section" style="display:none;">
    <h2>Your Photos</h2>
    <div class="gallery" id="gallery"></div>
</section>


<div id="checkoutBar">
    <span id="selectedCount">0 selected</span>
    <button onclick="checkout()">Checkout</button>
</div>

<style>

/* Upload */
.upload-area {
    border:2px dashed #666;
    padding:30px;
    border-radius:12px;
    cursor:pointer;
}

/* Loader */
.loader {
    border:6px solid #222;
    border-top:6px solid red;
    border-radius:50%;
    width:50px;
    height:50px;
    animation:spin 1s linear infinite;
}

@keyframes spin {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}

/* Gallery */
.gallery {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(150px,1fr));
    gap:15px;
}

.photo {
    position:relative;
    cursor:pointer;
}

.photo img {
    width:100%;
    filter:blur(3px);
}

.photo.selected img {
    filter:blur(0);
}

.photo::after {
    content:"PREVIEW";
    position:absolute;
    top:10px;
    left:10px;
    background:rgba(0,0,0,0.6);
    padding:5px;
    font-size:10px;
}

/* Checkout */
#checkoutBar {
    position:fixed;
    bottom:0;
    width:100%;
    background:#111;
    padding:15px;
    display:flex;
    justify-content:space-between;
}
</style>

<script>

let selected = 0;

function startScan(){
    document.getElementById("loading").style.display="block";

    setTimeout(() => {
        document.getElementById("loading").style.display="none";
        showResults();
    }, 2000);
}

function showResults(){
    document.getElementById("results").style.display="block";

    let gallery = document.getElementById("gallery");

    for(let i=1;i<=12;i++){
        let div = document.createElement("div");
        div.classList.add("photo");

        div.innerHTML = `<img src="https://picsum.photos/200?random=${i}">`;

        div.onclick = () => {
            div.classList.toggle("selected");
            selected += div.classList.contains("selected") ? 1 : -1;
            document.getElementById("selectedCount").innerText = selected + " selected";
        };

        gallery.appendChild(div);
    }
}

function checkout(){
    alert("Proceed to payment (integrate FPX/Stripe here)");
}

</script>

</body>