Modern, mobile-first marketing website
Responsive site with clear hierarchy, fast loading, and consistent UI.
Reduced dev dependencyBuild Showcase
Cosmo-net
MTN specials platform with admin-managed content, monthly brochure publishing, and a production-ready marketing website.
Next.jsSupabaseAdmin DashboardCMSSEO-readyPDF Hosting
This page summarizes what is live today and what's planned next.
Status
Live & Operational
In Progress
Planned
What's live now
Consumer + Business specials management
Admin-managed specials for both consumer and business segments.
Self-managed contentUpload and publish MTN monthly PDF brochures
Consumer and business brochures stored, versioned, and published from admin.
Faster updatesSpecials: images, pricing, PDFs, priorities, live & expiry
Full specials lifecycle: imagery, pricing, linked PDFs, ordering, and date-based visibility.
Flexible content controlFiltering + archive support for specials
Users can filter and browse past specials; archive kept organised.
Discoverable contentSecure admin dashboard
Content managed internally; access controlled and audit-friendly.
Internal ownershipSEO-ready structure
Indexable pages, metadata, sitemap, robots; performance-aware setup.
Search visibilityAccessible, clean UI patterns
Consistent components, readable contrast, and sensible focus behaviour.
Inclusive experienceHosting and deployment pipeline
Production-ready build, deploy, and hosting with clear environments.
Reliable deliveryUnder the hood
- Next.js (App Router)
- Supabase (Postgres, Auth if used, Storage)
- Admin CMS patterns
- PDF storage + delivery
- SEO foundations (metadata, sitemap, robots)
- Security: RLS where applicable, admin access control
Preview
Mock UI only. No sensitive data.
Admin – Manage Specials
Specials (demo) • Add / Edit / Archive
Admin – Upload Monthly Brochure PDF
Upload PDF • Consumer / Business • Publish
Public – Specials Listing
Filter by category • View details • Demo only
Public – Brochure Download
Download brochure (demo) • PDF ready
What's next
Phase 2Device Comparison
Compare devices side-by-side
MediumPlannedSpecs, price, contract options. Filter by brand, price range, features.
Value: Help users choose the right device quickly.
“Best for” labels
LowPlannedBattery, camera, value — quick orientation for shoppers.
Value: Clearer decision-making.
Phase 3Ecommerce / Checkout
Product catalog
HighPlannedDevices, accessories. Structured for browse and search.
Value: Unified discovery and purchase path.
Checkout flow
HighPlannedPayments and invoicing approach to be confirmed.
Value: Complete transaction capability.
Order tracking & notifications
MediumPlannedOrder status, customer notifications (planned).
Value: Transparency and reduced support load.
Phase 4AI Contract & Device Advisor
Guided questions
HighPlannedBudget, usage, data needs. Plain-language trade-offs.
Value: Personalised, trustworthy guidance.
Recommend device + contract bundle
HighPlannedSuggest optimal device and contract pairing.
Value: Faster path to conversion.
Lead capture and sales handoff
MediumPlannedCapture leads and hand off to sales.
Value: Qualified leads, clear handover.