diff --git a/src/components/HomePrinciples.tsx b/src/components/HomePrinciples.tsx
index 4a9517c..7a0c36e 100644
--- a/src/components/HomePrinciples.tsx
+++ b/src/components/HomePrinciples.tsx
@@ -1,9 +1,9 @@
 const stats = [
-  { id: 1, name: 'Build in ways that respect and protect natural resources.', value: 'Planet First' },
-  { id: 2, name: 'Ensure equality and equity in our ecosystem.', value: 'People First' },
-  { id: 3, name: 'Promote collaborative development across all our projects.', value: 'Open Source' },
-  { id: 4, name: 'Uphold an ethos of transparency and trust.', value: 'Authenticity' },
-  { id: 5, name: 'Eliminate design complexities to foster rapid progress.', value: 'Simplicity' },
+  { id: 1, name: 'Build in ways that respect and protect natural resources.', value: 'Planet First', image: '/images/home/planet.png' },
+  { id: 2, name: 'Ensure equality and equity in our ecosystem.', value: 'People First', image: '/images/home/people.png' },
+  { id: 3, name: 'Promote collaborative development across all our projects.', value: 'Open Source', image: '/images/home/open.png' },
+  { id: 4, name: 'Uphold an ethos of transparency and trust.', value: 'Authenticity', image: '/images/home/authentic.png' },
+  { id: 5, name: 'Eliminate design complexities to foster rapid progress.', value: 'Simplicity', image: '/images/home/simple.png' },
 ]
 
 export function HomePrinciples() {
@@ -13,15 +13,16 @@ export function HomePrinciples() {
         <div className="mx-auto max-w-2xl lg:max-w-none">
           <div className="text-center">
             <h2 className="h2-default  text-gray-900 ">
-              Trusted by creators worldwide
+              The Foundation of Every Venture
             </h2>
-            <p className="mt-4 p-default text-gray-600">Lorem ipsum dolor sit amet consect adipisicing possimus.</p>
+            <p className="mt-4 p-default text-gray-600">Core Principles Guiding OurWorld's Vision for Building Successful Ventures.</p>
           </div>
           <dl className="mt-16 grid grid-cols-1 gap-0.5 overflow-hidden rounded-2xl text-center sm:grid-cols-2 lg:grid-cols-5">
             {stats.map((stat) => (
               <div key={stat.id} className="flex flex-col bg-white p-8 border-1 border-gray-200 hover:border-gray-300 transition-colors">
+                <img src={stat.image} alt={stat.value} className="mx-auto mb-4 h-16 w-16 object-contain" />
+                <dd className="text-xl font-semibold tracking-tight text-gray-900">{stat.value}</dd>
                 <dt className="mt-2 text-sm/6 font-medium leading-tight text-gray-600">{stat.name}</dt>
-                <dd className="order-first text-xl font-semibold tracking-tight text-gray-900">{stat.value}</dd>
               </div>
             ))}
           </dl>