Update landing page design and styling

- Add 'Trusted and Used By' section with LFX and FINOS partner logos
- Swap background colors: Welcome section (white) and Features section (teal)
- Add teal gradient to cover block hero section
- Update hero button icon from book to rocket
- Update welcome text to 'Built for infrastructure engineers'
- Reduce H1 title bottom padding in cover block
- Improve partners section layout with tighter spacing
- Add partner logo hover effects

Author: eddie-knight

assets/scss/_styles_project.scss

@@ -47,3 +47,36 @@ a {
 .bg-light {
   background-color: #DDDEE0 !important;
 }
+
+// Partner logo hover effects
+.td-box--white a img {
+  transition: opacity 0.2s ease;
+  
+  &:hover {
+    opacity: 0.8;
+  }
+}
+
+// Teal gradient for cover block (darker at top, lighter at bottom)
+.td-cover-block.-bg-primary {
+  background: linear-gradient(180deg, 
+    darken(#24CCCC, 15%) 0%, 
+    #24CCCC 50%, 
+    lighten(#24CCCC, 5%) 100%
+  ) !important;
+}
+
+// Reduce bottom padding on H1 title in cover block
+.td-cover-block h1 {
+  padding-bottom: 0.5rem !important;
+}
+
+// Reduce spacing in partners row
+.partners-row {
+  gap: 1rem;
+  
+  .col-auto {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+  }
+}

content/en/_index.html

@@ -5,18 +5,37 @@
 
 {{< blocks/cover title="Privateer" image_anchor="top" height="min" color="primary" >}}
 <div class="mx-auto">
-	<p class="lead mt-5">Streamline Your Security and Compliance Validation</p>
+	<p class="lead">Streamline Your Security and Compliance Validation</p>
 	<img src="/images/patches-small.png" alt="Patches the Privateer Pointer" class="mb-4" style="max-width: 200px;">
 	<a class="btn btn-lg btn-secondary mr-3 mb-4" href="/docs/">
-		Get Started <i class="fas fa-book ml-2"></i>
+		Get Started <i class="fas fa-rocket ml-2"></i>
 	</a>
 </div>
 {{< /blocks/cover >}}
 
-{{% blocks/lead color="primary" %}}
-## Welcome to Privateer
+{{< blocks/section color="white" >}}
+<div class="col-12">
+	<div class="row justify-content-center align-items-center partners-row">
+		<div class="col-auto text-center">
+			<a href="https://insights.linuxfoundation.org/" target="_blank" rel="noopener noreferrer" class="d-inline-block">
+				<img src="/images/LFX.svg" alt="LFX Insights" class="img-fluid" style="max-height: 60px;">
+			</a>
+		</div>
+		<div class="col-auto text-center">
+			<p class="mb-0 mx-3">Trusted and Used By</p>
+		</div>
+		<div class="col-auto text-center">
+			<a href="https://ccc.finos.org/" target="_blank" rel="noopener noreferrer" class="d-inline-block">
+				<img src="/images/FINOS.png" alt="FINOS CCC" class="img-fluid" style="max-height: 60px;">
+			</a>
+		</div>
+	</div>
+</div>
+{{< /blocks/section >}}
 
-Privateer is a validation framework that simplifies infrastructure testing and compliance validation. Built with infrastructure engineers in mind, Privateer helps accelerate security and compliance validation of any software asset.
+{{% blocks/lead color="primary" %}}
+<p>Privateer is a validation framework that simplifies infrastructure testing and compliance validation.</p>
+<p>Built for infrastructure engineers, it accelerates security and compliance validation of any software asset.</p>
 {{% /blocks/lead %}}
 
 {{< blocks/section color="white" type="features" >}}