{% extends 'base.html' %}
{% load static %}

{% block title %}Support Silversmiths{% endblock %}

{% block content %}
<div class="page-header">
    <div class="container">
        <h1>Support Silversmiths</h1>
        <p>Preserving Indonesian craftsmanship for future generations</p>
    </div>
</div>

<section class="content-page">
    <div class="container">
        <div class="grid">
            <div class="medium-6">
                <h2>Our Social Mission</h2>
                <p>At Artistica Jewelry, we believe in giving back to the community that has supported us. Our social mission is focused on preserving the art of traditional Indonesian silversmithing and supporting the artisans who keep this craft alive.</p>
                <p>We provide free training and internship programs for local silversmiths, helping them develop their skills and build sustainable livelihoods. Through these programs, we ensure that traditional techniques are passed down to future generations.</p>
            </div>
            <div class="medium-6">
                <div style="background: var(--color-bg-card); padding: 40px; border-radius: var(--radius); border: 1px solid var(--color-border);">
                    <p style="font-style: italic; font-size: 1.2rem; color: var(--color-primary);">"Artistica Jewelry gave me the opportunity to learn a skill that changed my life. Today, I can support my family and take pride in my work."</p>
                    <p style="margin-top: 20px;"><strong>— Wayan, Master Silversmith</strong></p>
                </div>
            </div>
        </div>

        <h2>Our Programs</h2>
        <div class="grid">
            <div class="medium-4">
                <div class="mission-card">
                    <h3>Free Training</h3>
                    <p>We offer comprehensive training programs covering all aspects of silversmithing, from basic techniques to advanced craftsmanship.</p>
                </div>
            </div>
            <div class="medium-4">
                <div class="mission-card">
                    <h3>Paid Internships</h3>
                    <p>Our internship program provides hands-on experience with fair compensation, allowing artisans to earn while they learn.</p>
                </div>
            </div>
            <div class="medium-4">
                <div class="mission-card">
                    <h3>Economic Empowerment</h3>
                    <p>We help artisans establish their own workshops and connect them with markets, creating sustainable economic opportunities.</p>
                </div>
            </div>
        </div>

        <h2>Impact</h2>
        <div class="grid">
            <div class="medium-3">
                <div style="text-align: center; padding: 30px;">
                    <p style="font-size: 3rem; color: var(--color-primary); font-family: var(--font-heading);">50+</p>
                    <p>Artisans Trained</p>
                </div>
            </div>
            <div class="medium-3">
                <div style="text-align: center; padding: 30px;">
                    <p style="font-size: 3rem; color: var(--color-primary); font-family: var(--font-heading);">20+</p>
                    <p>Workshops Established</p>
                </div>
            </div>
            <div class="medium-3">
                <div style="text-align: center; padding: 30px;">
                    <p style="font-size: 3rem; color: var(--color-primary); font-family: var(--font-heading);">100+</p>
                    <p>Families Supported</p>
                </div>
            </div>
            <div class="medium-3">
                <div style="text-align: center; padding: 30px;">
                    <p style="font-size: 3rem; color: var(--color-primary); font-family: var(--font-heading);">15+</p>
                    <p>Years of Impact</p>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}