diff --git a/app/templates/shared/macros/shop/reviews.html b/app/templates/shared/macros/shop/reviews.html
new file mode 100644
index 00000000..b240899f
--- /dev/null
+++ b/app/templates/shared/macros/shop/reviews.html
@@ -0,0 +1,459 @@
+{#
+ Review Components
+ =================
+ Product review display and submission components.
+
+ Usage:
+ {% from 'shared/macros/shop/reviews.html' import review_list, review_card, review_form, review_summary %}
+#}
+
+{% from 'shared/macros/shop/star-rating.html' import star_rating, rating_input, rating_summary %}
+
+
+{#
+ Review Card
+ ===========
+ Individual product review display.
+
+ Parameters:
+ - review: Static review object
+ - review_var: Alpine.js expression for review (dynamic)
+ - show_avatar: Show reviewer avatar (default: true)
+ - show_verified: Show verified purchase badge (default: true)
+ - show_helpful: Show helpful buttons (default: true)
+ - show_images: Show review images (default: true)
+ - on_helpful: Callback for helpful button click
+
+ Review structure:
+ {
+ id: 1,
+ author_name: 'John D.',
+ author_avatar: null,
+ rating: 5,
+ title: 'Great product!',
+ content: 'Really happy with this purchase...',
+ verified: true,
+ created_at: '2025-01-15',
+ helpful_count: 42,
+ images: []
+ }
+
+ Usage:
+ {{ review_card(review_var='review') }}
+#}
+{% macro review_card(
+ review=none,
+ review_var=none,
+ show_avatar=true,
+ show_verified=true,
+ show_helpful=true,
+ show_images=true,
+ on_helpful=none
+) %}
+{% if review_var %}
+
+ {# Header #}
+
+
+ {% if show_avatar %}
+
+
+ ![]()
+
+
+
+
+
+ {% endif %}
+
+
+
+ {% if show_verified %}
+
+
+ Verified Purchase
+
+ {% endif %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Was this review helpful?
+
+
+
+
+
+ {% if show_sort %}
+ {# Sort Controls #}
+
+
+ reviews
+
+
+
+
+ {% for opt in [
+ {'value': 'newest', 'label': 'Newest'},
+ {'value': 'oldest', 'label': 'Oldest'},
+ {'value': 'highest', 'label': 'Highest Rated'},
+ {'value': 'lowest', 'label': 'Lowest Rated'},
+ {'value': 'helpful', 'label': 'Most Helpful'}
+ ] %}
+
+ {% endfor %}
+
+
+
+ {% endif %}
+
+ {# Loading State #}
+
+
+ {% for i in range(3) %}
+
+
+
+
+
+ {% for j in range(5) %}
+
+ {% endfor %}
+
+
+
+
+
+ {% endfor %}
+
+
+ {# Empty State #}
+
+
+
+
{{ empty_message }}
+
+
+ {# Reviews #}
+
+
+
+ {{ review_card(review_var='review') }}
+
+
+
+
+
+ {# Rating Summary #}
+
+ {{ rating_summary(rating_var=rating_var, count_var=count_var, distribution_var=distribution_var) }}
+
+
+ {% if show_write_button %}
+ {# Write Review CTA #}
+
+
+
Share your thoughts
+
+ Help others by sharing your experience with this product.
+
+
+
+
+ {% endif %}
+
+
+ {% if rating is not none %}
+ {# Static rating #}
+
+ {% for i in range(1, max + 1) %}
+ {% if precision == 'half' %}
+ {% set fill = 'full' if rating >= i else ('half' if rating >= i - 0.5 else 'empty') %}
+ {% elif precision == 'exact' %}
+ {% set fill_percent = ((rating - (i - 1)) * 100) | int %}
+ {% set fill_percent = [0, [fill_percent, 100] | min] | max %}
+ {% else %}
+ {% set fill = 'full' if rating >= i - 0.5 else 'empty' %}
+ {% endif %}
+
+ {% if precision == 'exact' %}
+
+
+
+
+
+
+
+
+ {% elif fill == 'half' %}
+
+
+
+
+
+
+
+
+ {% else %}
+
+
+
+ {% endif %}
+ {% endfor %}
+
+ {% if show_value %}
+
{{ rating }}
+ {% endif %}
+ {% if show_count and count is not none %}
+
({{ count }})
+ {% endif %}
+
+ {% elif rating_var %}
+ {# Dynamic rating from Alpine.js #}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% if show_value %}
+
+ {% endif %}
+ {% if show_count and count_var %}
+
+ {% elif show_count and count is not none %}
+
({{ count }})
+ {% endif %}
+ {% endif %}
+
+ {% for i in range(1, max + 1) %}
+
+ {% endfor %}
+
+ {# Rating label #}
+
+
+{% endmacro %}
+
+
+{#
+ Rating Summary
+ ==============
+ Rating distribution summary (typically shown on product pages).
+
+ Parameters:
+ - rating_var: Alpine.js expression for average rating
+ - count_var: Alpine.js expression for total reviews
+ - distribution_var: Alpine.js expression for distribution object {5: count, 4: count, ...}
+ - show_bars: Show distribution bars (default: true)
+ - size: 'sm' | 'md' | 'lg' (default: 'md')
+
+ Usage:
+ {{ rating_summary(rating_var='product.rating', count_var='product.review_count', distribution_var='product.rating_distribution') }}
+#}
+{% macro rating_summary(
+ rating_var='rating',
+ count_var='reviewCount',
+ distribution_var='ratingDistribution',
+ show_bars=true,
+ size='md'
+) %}
+{% set sizes = {
+ 'sm': {'star': 'w-4 h-4', 'text': 'text-3xl', 'bar_h': 'h-1.5'},
+ 'md': {'star': 'w-5 h-5', 'text': 'text-4xl', 'bar_h': 'h-2'},
+ 'lg': {'star': 'w-6 h-6', 'text': 'text-5xl', 'bar_h': 'h-2.5'}
+} %}
+
+ {# Average Rating #}
+
+
+
+
+
+
+
+
+
+
+ Based on reviews
+
+
+
+ {% if show_bars %}
+ {# Rating Distribution #}
+
+ {% for i in range(5, 0, -1) %}
+
+ {% endfor %}
+
+ {% endif %}
+
+
+
+
+ {% if rating is not none %}
+ {{ rating }}
+ {% if count is not none %}
+ ({{ count }})
+ {% endif %}
+ {% elif rating_var %}
+
+ {% if count_var %}
+
+ {% elif count is not none %}
+ ({{ count }})
+ {% endif %}
+ {% endif %}
+
+{% endmacro %}
diff --git a/app/templates/shared/macros/shop/trust-badges.html b/app/templates/shared/macros/shop/trust-badges.html
new file mode 100644
index 00000000..b7cb423c
--- /dev/null
+++ b/app/templates/shared/macros/shop/trust-badges.html
@@ -0,0 +1,436 @@
+{#
+ Trust Badge Components
+ ======================
+ Trust signals and security indicators for e-commerce.
+
+ Usage:
+ {% from 'shared/macros/shop/trust-badges.html' import trust_badges, trust_banner, payment_icons, guarantee_badge %}
+#}
+
+
+{#
+ Trust Badges
+ ============
+ Grid of trust indicators.
+
+ Parameters:
+ - badges: List of badge types to show (default: all)
+ - layout: 'grid' | 'inline' | 'vertical' (default: 'grid')
+ - size: 'sm' | 'md' | 'lg' (default: 'md')
+ - show_text: Show badge text (default: true)
+ - free_shipping_threshold: Threshold for free shipping (default: none)
+
+ Badge Types:
+ - secure_payment
+ - free_shipping
+ - easy_returns
+ - support_24_7
+ - money_back
+ - ssl_secured
+ - fast_delivery
+ - quality_guarantee
+
+ Usage:
+ {{ trust_badges(badges=['secure_payment', 'free_shipping', 'easy_returns']) }}
+ {{ trust_badges(layout='inline', size='sm') }}
+#}
+{% macro trust_badges(
+ badges=none,
+ layout='grid',
+ size='md',
+ show_text=true,
+ free_shipping_threshold=none
+) %}
+{% set all_badges = [
+ {
+ 'id': 'secure_payment',
+ 'icon': 'lock-closed',
+ 'title': 'Secure Payment',
+ 'description': '256-bit SSL encryption'
+ },
+ {
+ 'id': 'free_shipping',
+ 'icon': 'truck',
+ 'title': 'Free Shipping',
+ 'description': 'On orders over $' ~ (free_shipping_threshold or 50)
+ },
+ {
+ 'id': 'easy_returns',
+ 'icon': 'refresh',
+ 'title': 'Easy Returns',
+ 'description': '30-day return policy'
+ },
+ {
+ 'id': 'support_24_7',
+ 'icon': 'support',
+ 'title': '24/7 Support',
+ 'description': 'Always here to help'
+ },
+ {
+ 'id': 'money_back',
+ 'icon': 'cash',
+ 'title': 'Money Back',
+ 'description': '100% guarantee'
+ },
+ {
+ 'id': 'ssl_secured',
+ 'icon': 'shield-check',
+ 'title': 'SSL Secured',
+ 'description': 'Protected checkout'
+ },
+ {
+ 'id': 'fast_delivery',
+ 'icon': 'lightning-bolt',
+ 'title': 'Fast Delivery',
+ 'description': '2-5 business days'
+ },
+ {
+ 'id': 'quality_guarantee',
+ 'icon': 'badge-check',
+ 'title': 'Quality Guarantee',
+ 'description': 'Premium products'
+ }
+] %}
+{% set selected_badges = badges if badges else ['secure_payment', 'free_shipping', 'easy_returns', 'support_24_7'] %}
+{% set sizes = {
+ 'sm': {'icon': 'w-5 h-5', 'title': 'text-xs', 'desc': 'text-xs', 'padding': 'p-2', 'gap': 'gap-1'},
+ 'md': {'icon': 'w-6 h-6', 'title': 'text-sm', 'desc': 'text-xs', 'padding': 'p-3', 'gap': 'gap-2'},
+ 'lg': {'icon': 'w-8 h-8', 'title': 'text-base', 'desc': 'text-sm', 'padding': 'p-4', 'gap': 'gap-3'}
+} %}
+{% set layouts = {
+ 'grid': 'grid grid-cols-2 md:grid-cols-4 gap-4',
+ 'inline': 'flex flex-wrap items-center justify-center gap-6',
+ 'vertical': 'flex flex-col gap-3'
+} %}
+
+
+ {% for badge_id in selected_badges %}
+ {% for badge in all_badges %}
+ {% if badge.id == badge_id %}
+
+
+
+
+ {% if show_text %}
+
+
{{ badge.title }}
+ {% if layout != 'inline' %}
+
{{ badge.description }}
+ {% endif %}
+
+ {% endif %}
+
+ {% endif %}
+ {% endfor %}
+ {% endfor %}
+
+
+
+ Free shipping over $50
+
+
+
+ 30-day returns
+
+
+
+ Secure checkout
+
+
+
+{% elif variant == 'detailed' %}
+
+
+
+
+
+
+
Free Shipping
+
On all orders over $50. International shipping available.
+
+
+
+
+
+
Easy Returns
+
30-day hassle-free return policy. No questions asked.
+
+
+
+
+
+
Secure Payment
+
Your payment info is protected with 256-bit encryption.
+
+
+ {% if show_icons %}
+
+ {{ payment_icons(size='sm') }}
+
+ {% endif %}
+
+
+
+
+
+
Secure Shopping Guarantee
+
Shop with confidence - your data is protected
+
+
+ {% if show_icons %}
+ {{ payment_icons(size='sm') }}
+ {% endif %}
+
+
+ {% for method in selected %}
+ {% if method in all_methods %}
+
+ {{ all_methods[method].name[:4] }}
+
+ {% endif %}
+ {% endfor %}
+
+
+
+
+
{{ badge.title }}
+
{{ badge.subtitle }}
+
+ {% for seal_id in selected %}
+ {% for seal in all_seals %}
+ {% if seal.id == seal_id %}
+
+
+ {{ seal.name }}
+
+ {% endif %}
+ {% endfor %}
+ {% endfor %}
+
+ {% if show_guarantee %}
+
+
+
+
+
+
100% Secure Checkout
+
Your payment information is encrypted and secure. We never store your card details.
+
+
+ {% endif %}
+
+ {% if show_payment %}
+
+
We accept:
+ {{ payment_icons(size='md') }}
+
+ {% endif %}
+
+ {% if show_security %}
+
+ {{ security_seals() }}
+
+ {% endif %}
+
+
+
+
+
+ 256-bit SSL
+
+
+
+ 30-day returns
+
+
+
+ 24/7 support
+
+
+
+