AuraBeauty
Luxury Theme

Full-screen editorial hero with a background image, centred copy, a floating product frame (right column), a stat strip at the bottom, and a scroll-indicator line. Supports animated entrance via .animate-up and .animate-fade.

Blocks: Add up to 4 Stat blocks (number + label). These appear in the bottom stat strip. Default values: 12k+ Happy Devotees · 4.9 Average Rating · 98% Would Recommend · 18 Months of R&D.

A single-line banner at the very top of the page for promotions, shipping thresholds, or new launches. Grouped inside header-group.json so it scrolls away with the header.

An infinite-scrolling ticker strip, typically placed just below the hero. Items are separated by the · character in a single text field.

A horizontal row of icon + heading + text pairs, typically used just below the hero or marquee bar to communicate USPs. Each block selects an icon from the library and provides a short heading and optional body text. Supports dark mode and a configurable column count.

Blocks: Each item block has icon (from icon library), heading, and text. Default items: Clean Beauty · Cruelty-Free · Sustainable · Clinically Proven.

A grid of editorial category tiles, each linking to a collection. Each tile has an optional overlay icon, a product count badge, a title, subtitle, and a CTA arrow link. Supports dark mode.

Tile blocks: Each tile has: image, overlay icon, count badge, title, subtitle, CTA label, and link URL.

A large-format editorial split section — product image on one side, full copy on the other — used to spotlight a hero product or new launch. Supports image position toggle (left/right), optional bullet benefit points, and a price + rating display. Supports dark mode.

A tab-driven ingredient showcase. Each ingredient block has an image, origin label, headline, body text, a list of key benefits, and a "used in" product link. Ideal for Bakuchiol, 24K Gold, or Hyaluronic Acid storytelling. Supports dark mode. Tab navigation is handled by inline JavaScript within the section.

A two-column brand values section. Headline + body text on the left, a vertical list of value pillars (icon + title + text) on the right. An optional stat strip below shows key metrics. Defaults to dark background.

Blocks: Value Pillar (limit 4) — icon, title, text. Stat (limit 4) — number, label. Default pillars: Clean Formulas · Cruelty-Free · Refill & Recycle · Clinically Proven.

A versatile 50/50 split section with an image on one side and editorial copy (eyebrow tag, heading, body text, CTA button) on the other. Image position (left or right) is configurable via image_right. Optional background color picker.

A split-layout section combining a numbered step-by-step ritual guide (left) with a staggered grid of value cards (right). Steps are auto-numbered 01, 02, 03…. Value cards display with a gold dot, title, and description.

Blocks: Step (title + description) and Value Card (title + description). First two value cards go in column 1; subsequent cards go in the staggered column 2.

An educational section explaining the product mechanism or brand process. Supports two layout variants: cards (icon cards in a row) and timeline (vertical step list). Optionally includes a full-width image above or below the steps.

Blocks: Add step/card blocks with icon (from icon library), title, and description text.

A drag-to-compare slider component. Each block pairs a before and after image with a draggable handle. Supports mouse, touch, and keyboard (arrow keys). Fully accessible with ARIA role="slider" and aria-valuenow. Supports dark mode and an optional CTA button below.

A grid of review cards with star ratings (via snippets/stars.liquid), quotes, customer name, title/location, and a "Verified Purchase" badge. A summary stat strip below shows aggregate review metrics.

Blocks: Testimonial (quote, name, role, rating 1–5) and Summary Stat (number + label). Default stats: 4.9 Average Rating · 2,184 Verified Reviews · 98% Would Recommend · 50k+ Bottles Sold.

A community photo grid (3–5 configurable columns) simulating an Instagram feed. Each post has an image, caption, username, like count, a video badge, and an optional product tag link that appears on hover as an overlay CTA.

An editorial masonry-style image gallery with optional captions. Suitable for beauty look photography, campaign imagery, or editorial lifestyle shoots. Each image block accepts an image and optional caption text.

A lifestyle or flat-lay image with interactive product pins. Click a pin to open a popover product card showing category, name, price, and an "Add to Bag" CTA. Pin positions are set as percentage X/Y coordinates. Closing behavior is fully handled — clicking outside or opening another pin closes the active one.

An interactive step-by-step bundle builder. Customers progress through numbered steps and select products via checkboxes. A sticky summary sidebar shows selected products, calculates the bundle total, and shows savings based on a configurable discount percentage.

A multi-step skin quiz with a progress bar and animated question transitions. After the final question, a product match card is displayed with an optional product image, name, description, and CTA link. Includes a "Retake Quiz" restart button. Defaults to dark background.

Question blocks: Each block has a question and up to 4 answer options. The section settings define the result card (shared across all answers). For personalised results per answer path, this section can be extended with a JavaScript answer-tracking map.

A feature-by-feature comparison table for up to 4 products. Columns display image, name, price, and a CTA button, with an optional "Best Seller" highlight badge. Feature rows use smart rendering: yes / ✓ show a check icon; no / ✗ / empty show a dash; any other text renders as-is.

Blocks: Product Column and Feature Row. Feature rows have a label and values val_1–val_4 corresponding to each product column.

A blog/editorial preview grid. Each article block has a featured image, category tag, title, excerpt, date, and read-more link. Includes optional section-level "View All" CTA. Supports dark mode.

Default articles feature content about herbal layering, REETHA for hair, and overnight skin renewal.

Up to 3 large image-overlay promo boxes side by side. Each box has a background image, overlay gradient, eyebrow tag, title, and a CTA button. The grid adapts to 1, 2, or 3 columns based on the number of blocks added.

"As Seen In" logo row. Each logo block can use an uploaded image or fall back to displaying the publication name as text. Each logo is optionally linkable. Background color is customisable via a color picker.

Default publications: Vogue · Elle · Harper's Bazaar · Allure · Marie Claire.

A centered email signup section with a decorative icon, heading, benefit perk chips, email input, and a submit button. Uses the native Shopify customer form — no third-party app needed. Displays a success message upon submission.

Perk blocks: Add perk blocks — each with a short label. Default perks: 10% Off First Order · Early Access · Expert Skincare Tips.

Embeds a YouTube or Vimeo video in a responsive 16:9 iframe. Paste the full video URL — the section automatically extracts the video ID for both platforms. Autoplay (muted) can be toggled. Optional eyebrow tag and heading above the video.

A full-width urgency banner with a live countdown timer (hours, minutes, seconds). Configure the target date via a date field, plus optional promotional message, tag, subtext, and CTA button. Supports dark mode.

An accessible accordion FAQ using the native HTML <details> element for no-JS accessibility with enhanced styling. Each block provides a question and rich-text answer.

A free-form HTML block for embedding third-party widgets, trust badge scripts, custom banners, or any markup not covered by existing sections. Content is rendered with {{ section.settings.custom_html }}.

The full product page section with a media gallery (thumbnails + main image), breadcrumb, star rating (via product metafields), variant selector, quantity input, Add to Bag button, trust strip, and a tabbed accordion for Description / Ingredients / How to Use / Shipping.