From 5b5facf353d07945dcf2e581bc0581ba4cea4199 Mon Sep 17 00:00:00 2001
From: kutesir <kutesir@provocgroup.com>
Date: Sun, 17 May 2026 00:17:26 +0300
Subject: [PATCH] Restore contact section

---
 css/main.css | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 index.html   | 22 +++++++++++++++++++++
 2 files changed, 78 insertions(+)

diff --git a/css/main.css b/css/main.css
index 035c93d..c68998a 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1109,6 +1109,57 @@ blockquote p {
 }
 .social-list li a:hover { border-color: var(--gold); color: var(--gold); }
 
+/* ================================================
+   CONTACT SECTION
+   ================================================ */
+.contact-section {
+	background: var(--dark);
+	border-top: 2px solid var(--gold);
+	border-bottom: 2px solid var(--gold);
+	padding: 56px 0;
+}
+
+.contact-grid {
+	display: grid;
+	grid-template-columns: repeat(3, 1fr);
+	gap: 0;
+}
+
+.contact-card {
+	padding: 40px 32px;
+	text-align: center;
+	border-right: 1px solid rgba(255,255,255,.08);
+}
+.contact-card:last-child { border-right: none; }
+
+.contact-card__icon {
+	font-size: 28px;
+	color: var(--gold);
+	margin-bottom: 16px;
+}
+
+.contact-card h3 {
+	font-size: 11px;
+	letter-spacing: .12em;
+	text-transform: uppercase;
+	color: rgba(255,255,255,.5);
+	font-weight: 600;
+	margin-bottom: 12px;
+}
+
+.contact-card p,
+.contact-card a {
+	color: rgba(255,255,255,.75);
+	font-size: 15px;
+	line-height: 1.5;
+}
+.contact-card a:hover { color: var(--gold); }
+
+.email-display .at {
+	color: var(--gold);
+	font-weight: 600;
+}
+
 /* ================================================
    CONTACT ANIMATION
    ================================================ */
@@ -1428,6 +1479,11 @@ blockquote p {
 	.wf-band__kpi strong { font-size: 26px; }
 
 
+	/* contact */
+	.contact-grid { grid-template-columns: 1fr; }
+	.contact-card { padding: 32px 24px; border-right: none; border-bottom: 1px solid rgba(255,255,255,.08); }
+	.contact-card:last-child { border-bottom: none; }
+
 	/* footer */
 	.sec-head__sub { max-width: 100%; }
 
diff --git a/index.html b/index.html
index bee6350..89414d5 100644
--- a/index.html
+++ b/index.html
@@ -121,6 +121,7 @@
 							<li><a href="#capabilities">Capabilities</a></li>
 							<li><a href="#portfolio">Clients</a></li>
 							<li><a href="#about">About</a></li>
+								<li><a href="#contact">Contact</a></li>
 						</ul>
 					</div>
 				</div>
@@ -582,6 +583,27 @@
 			<!-- ====================================================
 			     CONTACT
 			     ==================================================== -->
+			<section id="contact" class="contact-section">
+				<div class="container">
+					<div class="contact-grid">
+						<div class="contact-card adress-element">
+							<div class="contact-card__icon"><i class="fa fa-map-marker"></i></div>
+							<h3>Our Address</h3>
+							<p>1st Floor, GreenLeave Building, Luzira</p>
+						</div>
+						<div class="contact-card adress-element">
+							<div class="contact-card__icon"><i class="fa fa-envelope"></i></div>
+							<h3>Our Email</h3>
+							<p class="email-display">info<span class="at">[at]</span>provocgroup.com</p>
+						</div>
+						<div class="contact-card adress-element">
+							<div class="contact-card__icon"><i class="fa fa-phone"></i></div>
+							<h3>Our Phone</h3>
+							<p><a href="tel:+256394804804">+256 394 804 804</a></p>
+						</div>
+					</div>
+				</div>
+			</section>
 
 		</main>