diff --git a/components/DuneConnectSection.tsx b/components/DuneConnectSection.tsx
new file mode 100644
index 0000000..e1a6f57
--- /dev/null
+++ b/components/DuneConnectSection.tsx
@@ -0,0 +1,47 @@
+import React from "react";
+
+import Section from "@/components/Section";
+
+const DuneConnectSection = () => (
+  <Section
+    id="dune-contracts"
+    title="Connect with Dune contracts"
+    className="py-12"
+    center
+    maxWidthClass="max-w-4xl"
+  >
+    <div className="space-y-4 text-lg text-gray-700 dark:text-gray-200 text-left">
+      <p>
+        Need on-chain context for your agents? Dune Contracts offers curated,
+        query-ready contract data so you can plug the same project instructions
+        into reproducible blockchain analyses.
+      </p>
+
+      <p className="text-base text-gray-600 dark:text-gray-300">
+        Open the Contracts workspace to explore datasets, notebooks, and cloud
+        resources that pair naturally with your AGENTS.md guidance.
+      </p>
+
+      <div className="flex flex-wrap gap-3">
+        <a
+          href="https://dune.com/contracts"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="inline-flex items-center justify-center px-5 py-3 rounded-full bg-indigo-600 text-white text-sm font-medium hover:bg-indigo-700"
+        >
+          Browse Dune Contracts
+        </a>
+        <a
+          href="https://dune.com/contracts?tab=cloud"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="inline-flex items-center justify-center px-5 py-3 rounded-full border border-gray-300 dark:border-gray-600 text-sm font-medium text-gray-900 dark:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-800"
+        >
+          View cloud resources
+        </a>
+      </div>
+    </div>
+  </Section>
+);
+
+export default DuneConnectSection;
diff --git a/next.config.ts b/next.config.ts
index 3915163..b78f5bc 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -2,7 +2,7 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
-  reactStrictMode: true,
+  reactStrictMode: false
 };
 
 export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
index 7639db8..5f1ceb6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,7 +1,7 @@
 {
   "name": "agents.md",
   "version": "0.1.0",
-  "lockfileVersion": 3,
+  "lockfileVersion": 4,
   "requires": true,
   "packages": {
     "": {
diff --git a/pages/index.tsx b/pages/index.tsx
index 1027b37..06130d9 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -9,6 +9,7 @@ import CompatibilitySection from "@/components/CompatibilitySection";
 import { GetStaticProps } from "next";
 import WhySection from "@/components/WhySection";
 import AboutSection from "@/components/AboutSection";
+import DuneConnectSection from "@/components/DuneConnectSection";
 
 interface LandingPageProps {
   contributorsByRepo: Record<string, { avatars: string[]; total: number }>;
@@ -19,6 +20,7 @@ export default function LandingPage({ contributorsByRepo }: LandingPageProps) {
     <div className="flex flex-col min-h-screen items-stretch font-sans">
       <main>
         <Hero />
+        <DuneConnectSection />
         <WhySection />
         <CompatibilitySection />
         <ExamplesSection contributorsByRepo={contributorsByRepo} />