Aurora Components

De primitives die de hele site gaan dragen. Elke variant token-based, mobile-first, accessibility-ready.

Component 1

Buttons β€” alle varianten

6 varianten Γ— 3 sizes Γ— loading/disabled states. Pill-shape standaard.

Primary (flame-gradient)

Secondary (outline)

Ghost (text-only)

Aurora (signature β€” animated)

Link (no pill)

Open ons blog β†’

Full-width (mobile primary)

Component 2

Badges β€” meta en status

Halal-gecontroleerd Sunnah-grade Niyyah-app inbegrepen Op voorraad Best-seller Nieuw deze maand
Component 3

Cards β€” drie surface-niveaus

Op één pagina max 2 niveaus. Hover = lift + flame-glow shadow.

Flat surface

Standaard product-card. Subtiele border, on-hover een flame-glow shadow met lift-effect.

Elevated

Drop-shadow voor depth. Voor featured-collecties en bundle-aanbiedingen op homepage.

Glass-flame

Premium-moment card met backdrop-blur en flame-tint. Voor signature-momenten.

Aurora-glow (dark)

Dark-statement card met radial aurora-gradient. Voor Ramadan-mode, Hajj-CTAs, premium-tier. Aurora-ribbon flow op de achtergrond.

Component 4

SectionHeader β€” eyebrow + title + lead

De standaard sectie-kop die je hier door de pagina ziet. Gradient-word optie voor key-keywords.

Voorbeeld 1

Center alignment, geen gradient

De default. Voor brede content-secties met centrale focus.

Voorbeeld 2

Met gradient op één woord

Het keyword 'gradient' krijgt aurora-gradient. Spaarzaam gebruiken β€” alleen op key-keywords.

Voorbeeld 3

Start-alignment voor editorial

Voor blog-essays of detail-pagina's waar tekst-rechts-uitloopt past.

Combinaties

Componenten samen β€” realistische sectie

Halal-gecontroleerd Op voorraad

Mushaf van handgeknoopt leer

Een prachtig boek met natuur-leer-binding. TafsΔ«r-voetnoten in NL. Geleverd in een geschenkverpakking met handgeschreven kaart.

Component 5

Forms β€” alle inputs

Inputs, selects, checkbox, radio, toggle. Alles native, alles toegankelijk.

We delen je email nooit met derden.
Voor WhatsApp-updates over je bestelling.
Vul een geldig email-adres in
Min. 10 karakters.

Checkbox / Radio / Toggle

Component 6

Overlays β€” Modal en Drawer

Native dialog voor modals (focus-trap + ESC-sluit ingebouwd). Drawer voor cart, mobile-nav.

Bevestig je bestelling

Je staat op het punt om 1Γ— Mushaf van handgeknoopt leer te bestellen voor €69,95.

Verzending vanuit NL β€” werkdagen binnen 24u verzonden.
Component 7

Tabs en Accordion

Een prachtig boek met natuur-leer-binding. TafsΔ«r-voetnoten in NL, Arabische tekst in vocaliseerd schrift. Geleverd in een geschenkverpakking met handgeschreven kaart.

  • Formaat: 17 Γ— 24 cm
  • Pagina's: 604
  • Binding: Handgeknoopt leer
  • Gewicht: 880 g

Reviews komen binnen na publicatie van eerste echte recensies.

Accordion β€” FAQ

Wat is jullie levertijd?
We versturen vanuit Nederland binnen 24 uur op werkdagen. NL-pakketten arriveren in 1-2 werkdagen, BE in 2-3, DE in 3-5.
Is dit echt halal of marketing?
Elk product wordt handmatig getoetst aan klassieke fiqh-criteria voor het in de webshop staat. Bij twijfel: niet doorverkocht. Lees onze 3-gates op /halal-compliance.
Wat als ik niet tevreden ben?
30 dagen geld-terug-garantie. Stuur het terug, wij vergoeden zonder vragen. Verzendkosten retour zijn voor onze rekening bij beschadiging.
Welke betaalmethodes accepteren jullie?
iDEAL, Bancontact, Apple Pay, Google Pay, Creditcard, en standaard bankoverschrijving. Geen Klarna BNPL β€” fiqh-keuze.
Component 8

Feedback β€” Toast, Skeleton, EmptyState, Tooltip

Toast notifications

Skeleton (loading states)

EmptyState

Niets gevonden

Probeer een andere zoekterm of bekijk alle producten.

Naar alle producten

Tooltip

Halal-gecontroleerd Sunnah-grade
← Terug naar tokens-overzicht