vidy/novizun-redesign
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
8a920818ece15b4b563e86b85911facedf65b25d
novizun-redesign/index.html
vidy 34b36f654e Initial commit: Novizun redesign — government-approved STEM toy vendor website 
- Modern, conversion-focused redesign for novizun.com
- Dual-audience positioning: schools (B2B) and parents (B2C)
- Government vendor credentials section (GeBIZ/VCG, UEN, tax invoices)
- Government claims reference (Edusave, PGS, ECDA, MOE schemes)
- 4-step school order process with claim-ready documentation
- Product catalog with category filtering
- Dark mode, responsive design, scroll animations
- Floating mobile CTA for school enquiries
2026-04-18 07:55:52 +00:00

677 lines
39 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Novizun — Government-Approved STEM Toy Vendor for Singapore Schools</title>
<meta name="description" content="GeBIZ-registered STEM toy vendor in Singapore. Schools can claim from Edusave, PGS, and MOE funds. Authentic PicassoTiles and Play-Doh with proper tax invoices and UEN." />
<meta property="og:title" content="Novizun — Government-Approved STEM Toy Vendor for Singapore Schools" />
<meta property="og:description" content="GeBIZ-registered vendor. Authentic PicassoTiles & Play-Doh. Schools can claim from Edusave, PGS, ECDA, MOE funding. Proper tax invoices with UEN." />
<meta property="og:url" content="https://novizun.com/" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text y='28' font-size='28'>🧩</text></svg>" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.js"></script>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<a href="#main" class="sr-only">Skip to main content</a>
<!-- Header -->
<header class="header" id="header">
<div class="container header-inner">
<a href="#" class="logo" aria-label="Novizun home">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" aria-hidden="true">
<rect x="2" y="2" width="14" height="14" rx="3" fill="var(--color-primary)" opacity="0.9"/>
<rect x="20" y="2" width="14" height="14" rx="3" fill="var(--color-accent)" opacity="0.8"/>
<rect x="2" y="20" width="14" height="14" rx="3" fill="var(--color-accent)" opacity="0.6"/>
<rect x="20" y="20" width="14" height="14" rx="3" fill="var(--color-primary)" opacity="0.7"/>
</svg>
<span class="logo-text">Novizun</span>
</a>
<nav class="nav" id="nav" role="navigation" aria-label="Main navigation">
<a href="#vendor" class="nav-link nav-link--accent">For Schools</a>
<a href="#products" class="nav-link">Products</a>
<a href="#schemes" class="nav-link">Govt Claims</a>
<a href="#testimonials" class="nav-link">Reviews</a>
<a href="#faq" class="nav-link">FAQ</a>
</nav>
<div class="header-actions">
<button class="theme-toggle" data-theme-toggle aria-label="Toggle dark mode">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>
</button>
<a href="mailto:novizun@gmail.com?subject=Bulk%20Order%20Enquiry%20-%20School%20or%20Institution" class="btn btn-primary btn-sm header-cta">Get a Quote</a>
<button class="mobile-menu-btn" id="mobile-menu-btn" aria-label="Open menu" aria-expanded="false">
<span></span><span></span><span></span>
</button>
</div>
</div>
</header>
<main id="main">
<!-- Hero -->
<section class="hero">
<div class="hero-bg">
<div class="hero-shape hero-shape-1"></div>
<div class="hero-shape hero-shape-2"></div>
<div class="hero-shape hero-shape-3"></div>
</div>
<div class="container hero-content">
<div class="hero-badges">
<span class="hero-badge hero-badge--vendor">
<i data-lucide="badge-check" style="width:14px;height:14px"></i>
GeBIZ / VCG Registered Vendor
</span>
<span class="hero-badge hero-badge--rating">
<i data-lucide="star" style="width:14px;height:14px"></i>
4.9 on Shopee &middot; 500+ Customers
</span>
</div>
<h1 class="hero-heading">
STEM toys schools can<br/><em>actually claim</em> from government.
</h1>
<p class="hero-sub">
GeBIZ-registered vendor with valid UEN. We provide proper tax invoices so your school can
claim from Edusave, PGS, ECDA, and MOE funding. Authentic PicassoTiles & Play-Doh, delivered
across Singapore in 1–3 days.
</p>
<div class="hero-actions">
<a href="mailto:novizun@gmail.com?subject=Bulk%20Order%20Enquiry%20-%20School%20or%20Institution" class="btn btn-primary btn-lg">
<i data-lucide="mail" style="width:18px;height:18px"></i>
Request a School Quote
</a>
<a href="#products" class="btn btn-outline btn-lg">Browse Products</a>
</div>
<div class="hero-trust">
<div class="trust-item">
<i data-lucide="file-check" style="width:20px;height:20px"></i>
<span>Tax Invoice with UEN</span>
</div>
<div class="trust-item">
<i data-lucide="truck" style="width:20px;height:20px"></i>
<span>1–3 Day Delivery</span>
</div>
<div class="trust-item">
<i data-lucide="building-2" style="width:20px;height:20px"></i>
<span>15+ School Partners</span>
</div>
</div>
</div>
<div class="hero-visual">
<div class="hero-tile-grid">
<div class="tile tile-1" style="background: var(--color-primary)"></div>
<div class="tile tile-2" style="background: var(--color-accent)"></div>
<div class="tile tile-3" style="background: #f472b6"></div>
<div class="tile tile-4" style="background: #a78bfa"></div>
<div class="tile tile-5" style="background: var(--color-primary); opacity:0.7"></div>
<div class="tile tile-6" style="background: var(--color-accent); opacity:0.8"></div>
<div class="tile tile-7" style="background: #fbbf24"></div>
<div class="tile tile-8" style="background: #34d399"></div>
<div class="tile tile-9" style="background: var(--color-primary); opacity:0.5"></div>
</div>
</div>
</section>
<!-- Social Proof Bar -->
<section class="proof-bar">
<div class="container proof-inner">
<div class="proof-stat">
<strong>15+</strong>
<span>School Partners</span>
</div>
<div class="proof-divider" aria-hidden="true"></div>
<div class="proof-stat">
<strong>GeBIZ</strong>
<span>Registered Vendor</span>
</div>
<div class="proof-divider" aria-hidden="true"></div>
<div class="proof-stat">
<strong>4.9/5</strong>
<span>Shopee Rating</span>
</div>
<div class="proof-divider" aria-hidden="true"></div>
<div class="proof-stat">
<strong>100%</strong>
<span>Authentic & Safe</span>
</div>
</div>
</section>
<!-- ============================================================ -->
<!-- GOVERNMENT VENDOR SECTION — the new hero for B2B -->
<!-- ============================================================ -->
<section class="section vendor-section" id="vendor">
<div class="container">
<div class="section-header">
<span class="section-label">For Schools & Institutions</span>
<h2 class="section-title">Government-approved vendor.<br/>Claim-ready documentation.</h2>
<p class="section-desc">
We understand what schools need to process claims. Every order comes with the right paperwork,
so your admin team doesn't have to chase us for anything.
</p>
</div>
<!-- UEN & Registration Quick Reference -->
<div class="vendor-uen-bar">
<div class="uen-item">
<span class="uen-label">UEN</span>
<span class="uen-value"><!-- ADD YOUR UEN HERE -->533XXXXXB</span>
</div>
<div class="uen-divider" aria-hidden="true"></div>
<div class="uen-item">
<span class="uen-label">Registered On</span>
<span class="uen-value">GeBIZ / VCG</span>
</div>
<div class="uen-divider" aria-hidden="true"></div>
<div class="uen-item">
<span class="uen-label">Entity Type</span>
<span class="uen-value"><!-- e.g. Sole Proprietor / LLP / Pte Ltd -->Sole Proprietor</span>
</div>
</div>
<div class="vendor-credentials">
<div class="vendor-cred-card vendor-cred-card--primary">
<div class="vendor-cred-icon">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" aria-hidden="true">
<rect width="48" height="48" rx="12" fill="var(--color-primary-highlight)"/>
<path d="M24 10L32 16V30L24 36L16 30V16L24 10Z" fill="var(--color-primary)" opacity="0.8"/>
<path d="M24 16L28 19V25L24 28L20 25V19L24 16Z" fill="var(--color-primary)"/>
</svg>
</div>
<div class="why-card-body">
<h3>GeBIZ / VCG Registered</h3>
<p>Find us on Singapore's government procurement portal. Schools can purchase directly through official channels with full transparency.</p>
</div>
</div>
<div class="vendor-cred-card">
<div class="vendor-cred-icon">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" aria-hidden="true">
<rect width="48" height="48" rx="12" fill="var(--color-accent-highlight)"/>
<rect x="10" y="14" width="28" height="20" rx="3" fill="var(--color-accent)" opacity="0.8"/>
<rect x="14" y="18" width="16" height="3" rx="1.5" fill="var(--color-bg)" opacity="0.6"/>
<rect x="14" y="24" width="12" height="2" rx="1" fill="var(--color-bg)" opacity="0.4"/>
<rect x="14" y="28" width="8" height="2" rx="1" fill="var(--color-bg)" opacity="0.3"/>
</svg>
</div>
<h3>Tax Invoice with UEN</h3>
<p>Every order includes a proper Singapore tax invoice with our UEN, ready for your finance department to process claims.</p>
</div>
<div class="vendor-cred-card">
<div class="vendor-cred-icon">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" aria-hidden="true">
<rect width="48" height="48" rx="12" fill="var(--color-primary-highlight)"/>
<path d="M14 34V20L24 12L34 20V34H26V26H22V34H14Z" fill="var(--color-primary)" opacity="0.7"/>
</svg>
</div>
<h3>Bulk & Custom Orders</h3>
<p>Special pricing for schools, kindergartens, childcare centres, and enrichment providers. Tell us what you need — we'll make it work.</p>
</div>
</div>
<!-- Trusted by institutions strip -->
<div class="vendor-trust-strip">
<span class="vendor-trust-label">Trusted by institutions across Singapore:</span>
<div class="vendor-trust-logos">
<span class="trust-logo">Primary Schools</span>
<span class="trust-logo">Kindergartens</span>
<span class="trust-logo">Childcare Centres</span>
<span class="trust-logo">Enrichment Providers</span>
</div>
</div>
<!-- How the claim process works -->
<div class="vendor-process">
<h3 class="vendor-process-title">How school orders work</h3>
<div class="vendor-process-grid">
<div class="vendor-step">
<div class="vendor-step-num">1</div>
<h4>Send us your requirements</h4>
<p>Email us with the products, quantities, and your school's delivery address. We'll prepare a quote within 24 hours.</p>
</div>
<div class="vendor-step">
<div class="vendor-step-num">2</div>
<h4>We deliver to your school</h4>
<p>Once approved, we deliver across Singapore within 1–3 business days with protective packaging for classroom use.</p>
</div>
<div class="vendor-step">
<div class="vendor-step-num">3</div>
<h4>You receive a tax invoice</h4>
<p>Every delivery comes with a proper tax invoice including our UEN — ready for your finance team to submit for government claims.</p>
</div>
<div class="vendor-step">
<div class="vendor-step-num">4</div>
<h4>Claim from government funds</h4>
<p>Use the invoice to claim under Edusave, PGS, ECDA, MOE, or other applicable schemes. We're here if you need supporting docs.</p>
</div>
</div>
<div class="vendor-cta">
<a href="mailto:novizun@gmail.com?subject=Bulk%20Order%20Enquiry%20-%20School%20or%20Institution" class="btn btn-primary btn-lg">
<i data-lucide="send" style="width:18px;height:18px"></i>
Email Us for a Quote
</a>
<span class="vendor-cta-note">We respond within 24 hours on business days</span>
</div>
</div>
</div>
</section>
<!-- Government Schemes Section -->
<section class="section schemes-section" id="schemes">
<div class="container">
<div class="section-header">
<span class="section-label">Government Claims</span>
<h2 class="section-title">Claim under these<br/>government schemes</h2>
<p class="section-desc">
Our invoices are formatted to support claims under Singapore's major education funding schemes.
Ask us if you need scheme-specific documentation.
</p>
</div>
<div class="schemes-grid">
<div class="scheme-card">
<div class="scheme-badge">MOE</div>
<h3>Edusave</h3>
<p>For primary and secondary school enrichment programmes. Use Edusave funds to purchase STEM learning materials for your students.</p>
<span class="scheme-audience">Primary & Secondary Schools</span>
</div>
<div class="scheme-card">
<div class="scheme-badge scheme-badge--ecda">ECDA</div>
<h3>PGS — Preschool Grant Scheme</h3>
<p>For kindergartens and childcare centres to enhance learning environments with quality educational resources and materials.</p>
<span class="scheme-audience">Kindergartens & Childcare</span>
</div>
<div class="scheme-card">
<div class="scheme-badge scheme-badge--ecda">ECDA</div>
<h3>KidSTART & ECDA Grants</h3>
<p>Early Childhood Development Agency funding for centres supporting lower-income families with developmental learning tools.</p>
<span class="scheme-audience">Early Childhood Centres</span>
</div>
<div class="scheme-card">
<div class="scheme-badge">MOE</div>
<h3>MOE School Funds</h3>
<p>General school procurement budgets for classroom resources, STEM corners, and hands-on learning materials.</p>
<span class="scheme-audience">All MOE Schools</span>
</div>
</div>
<p class="schemes-note">
Not sure which scheme applies to your school? <a href="mailto:novizun@gmail.com?subject=Government%20Claims%20Enquiry">Email us</a> —
we've helped 15+ schools navigate the process and can point you in the right direction.
</p>
</div>
</section>
<!-- Why Choose Novizun -->
<section class="section why-section" id="why">
<div class="container">
<div class="section-header">
<span class="section-label">Why Novizun</span>
<h2 class="section-title">Built for schools.<br/>Loved by parents.</h2>
<p class="section-desc">We specialise in genuine PicassoTiles and Play-Doh, selected with input from local educators and parents.</p>
</div>
<div class="why-grid">
<div class="why-card why-card-featured">
<div class="why-card-icon">
<i data-lucide="shield-check"></i>
</div>
<div class="why-card-body">
<h3>100% Authentic, Safety-Certified</h3>
<p>USA-sourced PicassoTiles and Play-Doh with international safety certifications. Every product verified genuine — no knock-offs, no compromises.</p>
</div>
</div>
<div class="why-card">
<div class="why-card-icon">
<i data-lucide="file-text"></i>
</div>
<h3>Claim-Ready Paperwork</h3>
<p>Tax invoices with UEN, GeBIZ registration, and flexible documentation to match your school's procurement requirements.</p>
</div>
<div class="why-card">
<div class="why-card-icon">
<i data-lucide="users"></i>
</div>
<h3>Bulk Pricing for Institutions</h3>
<p>Special rates for schools, kindergartens, and enrichment centres. The more you need, the better the pricing.</p>
</div>
<div class="why-card">
<div class="why-card-icon">
<i data-lucide="brain"></i>
</div>
<h3>STEM-Aligned Products</h3>
<p>Develops critical thinking, creativity, spatial awareness and problem-solving — aligned with MOE STEM learning objectives.</p>
</div>
<div class="why-card">
<div class="why-card-icon">
<i data-lucide="package"></i>
</div>
<h3>Fast, Careful Delivery</h3>
<p>1–3 day delivery across Singapore with protective packaging. We deliver directly to schools during business hours.</p>
</div>
</div>
</div>
</section>
<!-- Our Story -->
<section class="section story-section" id="story">
<div class="container story-grid">
<div class="story-image">
<div class="story-img-inner">
<svg width="100%" viewBox="0 0 400 400" fill="none" aria-hidden="true">
<rect width="400" height="400" rx="24" fill="var(--color-surface-offset)"/>
<circle cx="200" cy="160" r="80" fill="var(--color-primary)" opacity="0.2"/>
<circle cx="200" cy="160" r="50" fill="var(--color-primary)" opacity="0.3"/>
<rect x="140" y="250" width="120" height="10" rx="5" fill="var(--color-text)" opacity="0.15"/>
<rect x="160" y="275" width="80" height="8" rx="4" fill="var(--color-text)" opacity="0.1"/>
<rect x="60" y="80" width="40" height="40" rx="8" fill="var(--color-accent)" opacity="0.6"/>
<rect x="310" y="100" width="35" height="35" rx="7" fill="var(--color-primary)" opacity="0.5"/>
<rect x="80" y="300" width="30" height="30" rx="6" fill="#f472b6" opacity="0.4"/>
<rect x="300" y="280" width="38" height="38" rx="8" fill="#fbbf24" opacity="0.5"/>
</svg>
</div>
</div>
<div class="story-content">
<span class="section-label">Our Story</span>
<h2 class="section-title">Meet Novi</h2>
<p class="story-lead">A mum-led business that started with one child's fine-motor challenge and grew into a school-trusted STEM toy supplier.</p>
<p>After almost a decade in corporate life, I became a full-time mum and moved to Singapore with my husband. To stay close to my daughter and still contribute to our family, I started selling online.</p>
<p>When my daughter struggled with grip strength and fine-motor control, I began researching toys that could really support her development instead of just keeping her busy.</p>
<p>That journey led me to authentic, research-backed STEM toys like magnetic tiles and Play-Doh. <strong>Today, Novizun serves both families and schools across Singapore — with the proper documentation that institutions need.</strong></p>
<p class="story-signature">— Novi Lestari</p>
</div>
</div>
</section>
<!-- Products -->
<section class="section products-section" id="products">
<div class="container">
<div class="section-header">
<span class="section-label">Our Products</span>
<h2 class="section-title">Authentic STEM toys,<br/>classroom-ready</h2>
<p class="section-desc">Every product is 100% authentic, safety-certified, and available with bulk pricing for institutions.</p>
</div>
<div class="product-tabs" role="tablist">
<button class="product-tab active" role="tab" aria-selected="true" data-filter="all">All Products</button>
<button class="product-tab" role="tab" aria-selected="false" data-filter="magnetic">Magnetic Tiles</button>
<button class="product-tab" role="tab" aria-selected="false" data-filter="playdoh">Play-Doh</button>
<button class="product-tab" role="tab" aria-selected="false" data-filter="characters">Character Sets</button>
</div>
<div class="product-grid">
<article class="product-card" data-category="magnetic">
<div class="product-img">
<svg viewBox="0 0 400 320" fill="none" aria-label="Picasso Magnetic Character Playset"><rect width="400" height="320" rx="12" fill="var(--color-surface-offset)"/><rect x="120" y="60" width="60" height="60" rx="10" fill="var(--color-primary)" opacity="0.7"/><rect x="190" y="60" width="60" height="60" rx="10" fill="var(--color-accent)" opacity="0.7"/><rect x="155" y="130" width="60" height="60" rx="10" fill="#f472b6" opacity="0.6"/><rect x="100" y="130" width="60" height="60" rx="10" fill="#a78bfa" opacity="0.6"/><rect x="220" y="130" width="60" height="60" rx="10" fill="#fbbf24" opacity="0.6"/><rect x="155" y="200" width="60" height="60" rx="10" fill="var(--color-primary)" opacity="0.5"/></svg>
<span class="product-age">Ages 3+</span>
</div>
<div class="product-info">
<h3>Picasso Magnetic Character Playset</h3>
<p>Magnetic character action figures for creative role-play. Works with PicassoTiles and other magnetic tile brands.</p>
<div class="product-footer">
<span class="product-price">$29.90</span>
<a href="https://shopee.sg/novizun" class="btn btn-sm btn-primary" target="_blank" rel="noopener">View</a>
</div>
</div>
</article>
<article class="product-card" data-category="playdoh">
<div class="product-img">
<svg viewBox="0 0 400 320" fill="none" aria-label="Play-Doh 65 Pack"><rect width="400" height="320" rx="12" fill="var(--color-surface-offset)"/><circle cx="130" cy="160" r="45" fill="#ef4444" opacity="0.7"/><circle cx="210" cy="140" r="45" fill="#3b82f6" opacity="0.7"/><circle cx="290" cy="160" r="45" fill="#fbbf24" opacity="0.7"/><circle cx="170" cy="220" r="40" fill="#22c55e" opacity="0.6"/><circle cx="250" cy="220" r="40" fill="#a78bfa" opacity="0.6"/></svg>
<span class="product-age">Ages 3+</span>
</div>
<div class="product-info">
<h3>Play-Doh 65 Pack Modeling Compound</h3>
<p>65 cans featuring 60 different colors — classic, confetti, sparkle, and color burst. Non-toxic, perfect for crafts and classroom activities.</p>
<div class="product-footer">
<span class="product-price">$49.90</span>
<a href="https://shopee.sg/novizun" class="btn btn-sm btn-primary" target="_blank" rel="noopener">View</a>
</div>
</div>
</article>
<article class="product-card" data-category="magnetic">
<div class="product-img">
<svg viewBox="0 0 400 320" fill="none" aria-label="PicassoTiles 102pc Ninja Set"><rect width="400" height="320" rx="12" fill="var(--color-surface-offset)"/><rect x="80" y="80" width="80" height="80" rx="8" fill="var(--color-primary)" opacity="0.6" transform="rotate(-10 120 120)"/><rect x="170" y="60" width="80" height="80" rx="8" fill="var(--color-accent)" opacity="0.6"/><rect x="250" y="90" width="80" height="80" rx="8" fill="#f472b6" opacity="0.5" transform="rotate(5 290 130)"/><rect x="140" y="170" width="80" height="80" rx="8" fill="var(--color-primary)" opacity="0.5"/><circle cx="310" cy="220" r="25" fill="#fbbf24" opacity="0.5"/><circle cx="90" cy="230" r="20" fill="var(--color-accent)" opacity="0.4"/></svg>
<span class="product-age">Ages 3+</span>
</div>
<div class="product-info">
<h3>PicassoTiles 102pc Ninja Set</h3>
<p>102-piece Ninja themed set with 8 character action figures and 94 magnetic tiles. 2-in-1 storytelling and construction play.</p>
<div class="product-footer">
<span class="product-price">$89.90</span>
<a href="https://shopee.sg/novizun" class="btn btn-sm btn-primary" target="_blank" rel="noopener">View</a>
</div>
</div>
</article>
<article class="product-card" data-category="magnetic">
<div class="product-img">
<svg viewBox="0 0 400 320" fill="none" aria-label="PicassoTiles 72pc Ice Castle"><rect width="400" height="320" rx="12" fill="var(--color-surface-offset)"/><rect x="110" y="80" width="70" height="90" rx="6" fill="var(--color-accent)" opacity="0.4"/><rect x="180" y="60" width="70" height="110" rx="6" fill="var(--color-accent)" opacity="0.5"/><rect x="250" y="80" width="70" height="90" rx="6" fill="var(--color-accent)" opacity="0.4"/><polygon points="110,80 145,40 180,80" fill="var(--color-primary)" opacity="0.5"/><polygon points="180,60 215,20 250,60" fill="var(--color-primary)" opacity="0.6"/><polygon points="250,80 285,40 320,80" fill="var(--color-primary)" opacity="0.5"/><rect x="180" y="170" width="60" height="60" rx="6" fill="var(--color-accent)" opacity="0.3"/></svg>
<span class="product-age">Ages 3+</span>
</div>
<div class="product-info">
<h3>PicassoTiles 72pc Ice Castle Set</h3>
<p>Winter ice castle magnetic building set with 2 characters, hand tools, and stairs. Translucent blocks promote STEM learning.</p>
<div class="product-footer">
<span class="product-price">$79.90</span>
<a href="https://shopee.sg/novizun" class="btn btn-sm btn-primary" target="_blank" rel="noopener">View</a>
</div>
</div>
</article>
<article class="product-card" data-category="magnetic characters">
<div class="product-img">
<svg viewBox="0 0 400 320" fill="none" aria-label="PicassoTiles Construction Set"><rect width="400" height="320" rx="12" fill="var(--color-surface-offset)"/><rect x="100" y="150" width="200" height="60" rx="8" fill="var(--color-primary)" opacity="0.5"/><rect x="120" y="100" width="40" height="50" rx="6" fill="var(--color-accent)" opacity="0.6"/><rect x="200" y="110" width="40" height="40" rx="6" fill="#fbbf24" opacity="0.6"/><rect x="280" y="90" width="40" height="60" rx="6" fill="var(--color-primary)" opacity="0.4"/><circle cx="150" cy="250" r="18" fill="#f472b6" opacity="0.5"/><circle cx="220" cy="260" r="18" fill="var(--color-accent)" opacity="0.5"/></svg>
<span class="product-age">Ages 3+</span>
</div>
<div class="product-info">
<h3>PicassoTiles Construction Set</h3>
<p>Construction-themed set with 8 character action figures and vehicles. Combines building blocks with pretend play.</p>
<div class="product-footer">
<span class="product-price">$69.90</span>
<a href="https://shopee.sg/novizun" class="btn btn-sm btn-primary" target="_blank" rel="noopener">View</a>
</div>
</div>
</article>
<article class="product-card" data-category="characters">
<div class="product-img">
<svg viewBox="0 0 400 320" fill="none" aria-label="PicassoTiles 8-Piece Character Set"><rect width="400" height="320" rx="12" fill="var(--color-surface-offset)"/><circle cx="120" cy="160" r="30" fill="var(--color-primary)" opacity="0.5"/><circle cx="200" cy="150" r="30" fill="var(--color-accent)" opacity="0.5"/><circle cx="280" cy="160" r="30" fill="#f472b6" opacity="0.5"/><circle cx="160" cy="230" r="28" fill="#fbbf24" opacity="0.5"/><circle cx="240" cy="230" r="28" fill="#a78bfa" opacity="0.5"/><circle cx="90" cy="240" r="24" fill="var(--color-primary)" opacity="0.35"/><circle cx="310" cy="240" r="24" fill="var(--color-accent)" opacity="0.35"/><circle cx="200" cy="90" r="22" fill="#34d399" opacity="0.4"/></svg>
<span class="product-age">Ages 3+</span>
</div>
<div class="product-info">
<h3>PicassoTiles 8-Piece Character Action Figures</h3>
<p>King, Queen, Grandpa, Grandma, Athlete Boy & Girl, Waitress, and Cowboy. Movable limbs for interactive storytelling.</p>
<div class="product-footer">
<span class="product-price">$29.90</span>
<a href="https://shopee.sg/novizun" class="btn btn-sm btn-primary" target="_blank" rel="noopener">View</a>
</div>
</div>
</article>
</div>
<div class="products-cta">
<a href="https://shopee.sg/novizun" class="btn btn-primary btn-lg" target="_blank" rel="noopener">
<i data-lucide="shopping-bag" style="width:18px;height:18px"></i>
Shop on Shopee
</a>
<span class="products-cta-divider">or</span>
<a href="mailto:novizun@gmail.com?subject=Bulk%20Order%20Enquiry%20-%20School%20or%20Institution&body=Hi%20Novizun%2C%0A%0AI%27m%20from%20______%20school%20and%20would%20like%20to%20enquire%20about%20bulk%20pricing%20for%20the%20following%20products%3A%0A%0A1.%20%0A2.%20%0A3.%20%0A%0APlease%20deliver%20to%3A%0A%0AThank%20you." class="btn btn-outline btn-lg">
<i data-lucide="file-text" style="width:18px;height:18px"></i>
Request Bulk Quote
</a>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="section testimonials-section" id="testimonials">
<div class="container">
<div class="section-header">
<span class="section-label">Reviews</span>
<h2 class="section-title">Trusted by Singapore schools & families</h2>
</div>
<div class="testimonials-grid">
<blockquote class="testimonial-card testimonial-featured">
<div class="testimonial-stars" aria-label="5 star rating">
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
</div>
<p>"PicassoTiles transformed our STEM programme. Students look forward to every hands-on lesson and collaborate much more confidently. The invoicing process was smooth and hassle-free."</p>
<footer>
<strong>K Sarata</strong>
<span>Admin Manager, New Town Primary School</span>
</footer>
</blockquote>
<blockquote class="testimonial-card">
<div class="testimonial-stars" aria-label="5 star rating">
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
</div>
<p>"Very good quality. My son loves building with these tiles and they arrived quickly."</p>
<footer><strong>Parent</strong><span>Shopee Review</span></footer>
</blockquote>
<blockquote class="testimonial-card">
<div class="testimonial-stars" aria-label="5 star rating">
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
<i data-lucide="star" style="width:16px;height:16px;fill:var(--color-primary)"></i>
</div>
<p>"Good quality and safe materials. Perfect for classroom activities and hands-on lessons."</p>
<footer><strong>Educator</strong><span>Shopee Review</span></footer>
</blockquote>
</div>
</div>
</section>
<!-- FAQ -->
<section class="section faq-section" id="faq">
<div class="container">
<div class="section-header">
<span class="section-label">FAQ</span>
<h2 class="section-title">Answers for schools, parents & educators</h2>
</div>
<div class="faq-list">
<details class="faq-item faq-item--open">
<summary>Can schools claim Novizun purchases from government funds?</summary>
<p>Yes. We are a GeBIZ/VCG-registered vendor with a valid UEN. Every order comes with a proper tax invoice that your school's finance department can use to claim under Edusave, PGS, ECDA, MOE funds, or other applicable government schemes.</p>
</details>
<details class="faq-item">
<summary>What documentation do you provide for school orders?</summary>
<p>We provide a full tax invoice with our UEN, product descriptions, and quantities. If your school needs additional documentation (e.g., quotations, delivery orders, or scheme-specific forms), just let us know — we're experienced with school procurement processes.</p>
</details>
<details class="faq-item">
<summary>Do you offer bulk pricing for schools and institutions?</summary>
<p>Yes, we provide special pricing for schools, kindergartens, childcare centres, and enrichment providers. Contact us with your requirements and we'll prepare a custom quote.</p>
</details>
<details class="faq-item">
<summary>Are PicassoTiles compatible with other magnetic tile brands?</summary>
<p>Yes, PicassoTiles are compatible with other major magnetic tile brands such as Magna-Tiles so you can safely mix and expand your existing sets.</p>
</details>
<details class="faq-item">
<summary>What age range are these STEM toys suitable for?</summary>
<p>Our educational STEM toys are designed for children aged 3 years and above, making them perfect for preschool through primary school programmes.</p>
</details>
<details class="faq-item">
<summary>Are the products authentic and safe?</summary>
<p>All our products are 100% authentic and sourced directly from the USA. They meet international safety standards and are tested for child safety — essential for school procurement requirements.</p>
</details>
<details class="faq-item">
<summary>How fast is delivery for school orders?</summary>
<p>We offer 1–3 business day delivery across Singapore. For school orders, we can deliver during business hours and coordinate with your school's receiving schedule.</p>
</details>
<details class="faq-item">
<summary>Can I return or exchange products?</summary>
<p>Yes, we offer a 30-day return policy for unused products in original packaging. Contact our customer service for return authorisation.</p>
</details>
</div>
</div>
</section>
<!-- Dual CTA — Schools + Parents -->
<section class="section cta-section" id="contact">
<div class="container">
<div class="cta-dual">
<div class="cta-card cta-card--school">
<span class="cta-card-label">For Schools & Institutions</span>
<h2>Bulk orders with<br/>claim-ready invoices</h2>
<p>GeBIZ-registered. Tax invoices with UEN. Special pricing for 15+ schools across Singapore.</p>
<a href="mailto:novizun@gmail.com?subject=Bulk%20Order%20Enquiry%20-%20School%20or%20Institution" class="btn btn-primary btn-lg">
<i data-lucide="send" style="width:18px;height:18px"></i>
Request a School Quote
</a>
</div>
<div class="cta-card cta-card--parent">
<span class="cta-card-label">For Parents & Families</span>
<h2>Shop authentic STEM<br/>toys on Shopee</h2>
<p>4.9-star rating. 500+ happy customers. Fast 1–3 day delivery across Singapore.</p>
<a href="https://shopee.sg/novizun" class="btn btn-outline btn-lg" target="_blank" rel="noopener">
<i data-lucide="shopping-bag" style="width:18px;height:18px"></i>
Shop on Shopee
</a>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container footer-inner">
<div class="footer-brand">
<a href="#" class="logo" aria-label="Novizun home">
<svg width="28" height="28" viewBox="0 0 36 36" fill="none" aria-hidden="true">
<rect x="2" y="2" width="14" height="14" rx="3" fill="var(--color-primary)" opacity="0.9"/>
<rect x="20" y="2" width="14" height="14" rx="3" fill="var(--color-accent)" opacity="0.8"/>
<rect x="2" y="20" width="14" height="14" rx="3" fill="var(--color-accent)" opacity="0.6"/>
<rect x="20" y="20" width="14" height="14" rx="3" fill="var(--color-primary)" opacity="0.7"/>
</svg>
<span class="logo-text">Novizun</span>
</a>
<p>GeBIZ/VCG-registered STEM toy vendor in Singapore. Authentic PicassoTiles & Play-Doh with claim-ready tax invoices for schools.</p>
</div>
<div class="footer-links">
<div class="footer-col">
<h4>For Schools</h4>
<a href="#vendor">Vendor Credentials</a>
<a href="#schemes">Government Claims</a>
<a href="#products">Products</a>
<a href="#faq">FAQ</a>
</div>
<div class="footer-col">
<h4>Contact & Shop</h4>
<a href="mailto:novizun@gmail.com?subject=Bulk%20Order%20Enquiry%20-%20School%20or%20Institution">novizun@gmail.com</a>
<a href="https://shopee.sg/novizun" target="_blank" rel="noopener">Shopee Store</a>
<a href="#vendor">Get a Quote</a>
</div>
</div>
</div>
<div class="container footer-bottom">
<p>&copy; 2025 Novizun. All rights reserved.</p>
<p>Privacy &middot; Terms</p>
</div>
</footer>
<script src="script.js"></script>
<!-- Floating Mobile CTA — sticky bottom bar for school enquiries -->
<div class="floating-cta" id="floating-cta">
<a href="mailto:novizun@gmail.com?subject=Bulk%20Order%20Enquiry%20-%20School%20or%20Institution" class="floating-cta-btn">
<i data-lucide="send" style="width:16px;height:16px"></i>
Get a School Quote
</a>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink