From fce14dc1fb7225012c4cd6e39b009bd3d94f45c4 Mon Sep 17 00:00:00 2001
From: Vula Builder <deploy@vula.app>
Date: Tue, 23 Jun 2026 08:39:11 +0000
Subject: [PATCH] Deploy

---
 src/components/sections/StatsSection.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/components/sections/StatsSection.tsx

diff --git a/src/components/sections/StatsSection.tsx b/src/components/sections/StatsSection.tsx
new file mode 100644
index 0000000..ed57d18
--- /dev/null
+++ b/src/components/sections/StatsSection.tsx
@@ -0,0 +1,22 @@
+export default function StatsSection() {
+  return (
+    <section data-vula-section="stats" id="stats" className="py-20 bg-[#1c2128]">
+      <div className="container mx-auto px-4">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8 text-center">
+          <div className="animate-fade-up">
+            <div className="text-5xl lg:text-6xl font-bold text-white mb-2">10+</div>
+            <div className="text-lg text-gray-400">Years of Experience</div>
+          </div>
+          <div className="animate-fade-up" style={{animationDelay: "0.2s"}}>
+            <div className="text-5xl lg:text-6xl font-bold text-white mb-2">500+</div>
+            <div className="text-lg text-gray-400">Jobs Completed</div>
+          </div>
+          <div className="animate-fade-up" style={{animationDelay: "0.4s"}}>
+            <div className="text-5xl lg:text-6xl font-bold text-white mb-2">100%</div>
+            <div className="text-lg text-gray-400">Insured & Guaranteed</div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
\ No newline at end of file