Add Django Track section to Home page with details and submission links

Signed-off-by: Steve Yonkeu <yokwejuste@yahoo.com>

Author: yokwejuste

src/pages/Home.jsx

@@ -218,6 +218,77 @@ const Home = () => {
                 </div>
             </section>
 
+            {/* Django Track */}
+            <section className="section bg-dark" id="django">
+                <div className="container">
+                    <div className="grid grid-2" style={{ alignItems: 'center', gap: 'var(--spacing-xl)' }}>
+                        <div>
+                            <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--spacing-md)', marginBottom: 'var(--spacing-md)' }}>
+                                <img
+                                    src="/images/partners/djcmr.webp"
+                                    alt="Django Cameroon"
+                                    style={{ width: '80px', height: '80px', objectFit: 'contain', borderRadius: '12px', border: '2px solid var(--color-border)', padding: '6px', background: 'white' }}
+                                />
+                                <div>
+                                    <span style={{ fontSize: '0.85rem', color: 'var(--color-green)', fontWeight: 600, textTransform: 'uppercase', letterSpacing: '1px' }}>New Track</span>
+                                    <h2 style={{ margin: 0 }}>Django <span className="text-gradient">Track</span></h2>
+                                </div>
+                            </div>
+                            <p>
+                                PyCon Cameroon 2026 features a dedicated <strong>Django track</strong> for web developers!
+                                Dive into the world of Django — from building robust web applications to REST APIs,
+                                deployment best practices, and scaling Django in production.
+                            </p>
+                            <p>
+                                Whether you're just starting with Django or you're a seasoned developer, this track
+                                offers hands-on workshops, real-world case studies, and expert talks.
+                            </p>
+                            <div className="mt-md flex gap-sm flex-wrap">
+                                <Link to="/speakers" className="btn btn-primary" style={{ background: 'var(--color-green)' }}>
+                                    Submit a Django Talk
+                                </Link>
+                                <Link to="/attend" className="btn btn-secondary">
+                                    Attend Django Track
+                                </Link>
+                            </div>
+                        </div>
+                        <div className="card" style={{ padding: 'var(--spacing-lg)' }}>
+                            <h3 style={{ marginBottom: 'var(--spacing-md)', color: 'var(--color-green)' }}>Django Track Highlights</h3>
+                            <ul style={{ display: 'flex', flexDirection: 'column', gap: 'var(--spacing-sm)' }}>
+                                <li style={{ display: 'flex', gap: 'var(--spacing-sm)' }}>
+                                    <span style={{ color: 'var(--color-green)', fontWeight: 700 }}>01</span>
+                                    <div>
+                                        <strong>Django Web Development</strong>
+                                        <p style={{ fontSize: '0.9rem', marginBottom: 0 }}>Building modern web applications with Django and best practices.</p>
+                                    </div>
+                                </li>
+                                <li style={{ display: 'flex', gap: 'var(--spacing-sm)' }}>
+                                    <span style={{ color: 'var(--color-green)', fontWeight: 700 }}>02</span>
+                                    <div>
+                                        <strong>REST APIs & DRF</strong>
+                                        <p style={{ fontSize: '0.9rem', marginBottom: 0 }}>Designing and building APIs with Django REST Framework.</p>
+                                    </div>
+                                </li>
+                                <li style={{ display: 'flex', gap: 'var(--spacing-sm)' }}>
+                                    <span style={{ color: 'var(--color-green)', fontWeight: 700 }}>03</span>
+                                    <div>
+                                        <strong>Deployment & Scaling</strong>
+                                        <p style={{ fontSize: '0.9rem', marginBottom: 0 }}>Production deployment, performance optimization, and scaling strategies.</p>
+                                    </div>
+                                </li>
+                                <li style={{ display: 'flex', gap: 'var(--spacing-sm)' }}>
+                                    <span style={{ color: 'var(--color-green)', fontWeight: 700 }}>04</span>
+                                    <div>
+                                        <strong>Django & AI/ML</strong>
+                                        <p style={{ fontSize: '0.9rem', marginBottom: 0 }}>Integrating machine learning models and AI features into Django apps.</p>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </section>
+
             {/* Stats Section */}
             <section className="section bg-dark">
                 <div className="container">