From 61b440a0ccf910acdc51b950cbb8172f40e7bfd1 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 30 Sep 2024 15:31:38 +0200
Subject: [PATCH] chore(pro-pages): use gradient image

---
 packages/xy-shared/widgets/hero/index.tsx           | 2 +-
 sites/reactflow.dev/src/sites/pro/case-studies.tsx  | 2 +-
 sites/reactflow.dev/src/sites/pro/index.tsx         | 2 +-
 sites/reactflow.dev/src/sites/pro/pricing.tsx       | 2 +-
 sites/reactflow.dev/src/sites/pro/quote-request.tsx | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/xy-shared/widgets/hero/index.tsx b/packages/xy-shared/widgets/hero/index.tsx
index e1f4d1665..738c8cdb2 100644
--- a/packages/xy-shared/widgets/hero/index.tsx
+++ b/packages/xy-shared/widgets/hero/index.tsx
@@ -46,7 +46,7 @@ export function Hero({
 
       {backgroundVariant === 'image' && (
         <div className="relative">
-          <div className="absolute w-full h-[70vw] bg-gradient bg-no-repeat bg-contain lg:bg-[length:50%] bg-[90%_top]  pointer-events-none -z-10" />
+          <div className="absolute w-full h-[50vw] bg-gradient bg-no-repeat bg-contain lg:bg-[length:50%] bg-[90%_top] pointer-events-none -z-10" />
         </div>
       )}
 
diff --git a/sites/reactflow.dev/src/sites/pro/case-studies.tsx b/sites/reactflow.dev/src/sites/pro/case-studies.tsx
index 4a3747b8f..d6c8cf977 100644
--- a/sites/reactflow.dev/src/sites/pro/case-studies.tsx
+++ b/sites/reactflow.dev/src/sites/pro/case-studies.tsx
@@ -13,7 +13,7 @@ export default function CaseStudies() {
         kicker="Case Studies"
         kickerIcon={SparklesIcon}
         align="center"
-        backgroundVariant="gradient"
+        backgroundVariant="image"
       />
       <ContentGrid className="mt-20">
         {getMdxPagesUnderRoute('/pro/case-studies')
diff --git a/sites/reactflow.dev/src/sites/pro/index.tsx b/sites/reactflow.dev/src/sites/pro/index.tsx
index 40b2c80ce..3043eac1b 100644
--- a/sites/reactflow.dev/src/sites/pro/index.tsx
+++ b/sites/reactflow.dev/src/sites/pro/index.tsx
@@ -78,7 +78,7 @@ export default function ReactFlowPro() {
             </Link>
           </Button>
         }
-        backgroundVariant="gradient"
+        backgroundVariant="image"
       >
         <p className="mt-4 mb-2">
           <strong>React Flow is open-source MIT-licensed software</strong>, and
diff --git a/sites/reactflow.dev/src/sites/pro/pricing.tsx b/sites/reactflow.dev/src/sites/pro/pricing.tsx
index 4c2294aac..d2c3d0eae 100644
--- a/sites/reactflow.dev/src/sites/pro/pricing.tsx
+++ b/sites/reactflow.dev/src/sites/pro/pricing.tsx
@@ -11,7 +11,7 @@ export default function ReactFlowProPricing() {
         kicker="React Flow Pro"
         kickerIcon={SparklesIcon}
         align="center"
-        backgroundVariant="gradient"
+        backgroundVariant="image"
       />
       <PricingTable />
       <SubscribeSection
diff --git a/sites/reactflow.dev/src/sites/pro/quote-request.tsx b/sites/reactflow.dev/src/sites/pro/quote-request.tsx
index 4413dcddd..3e252863f 100644
--- a/sites/reactflow.dev/src/sites/pro/quote-request.tsx
+++ b/sites/reactflow.dev/src/sites/pro/quote-request.tsx
@@ -78,7 +78,7 @@ export default function QuoteRequestPage() {
         subtitle="Use the form below to get an official quote for one of our annual subscription plans."
         kickerIcon={SparklesIcon}
         align="center"
-        backgroundVariant="gradient"
+        backgroundVariant="image"
       />
       <Card className="p-8 bg-white relative max-w-xl mx-auto mt-16">
         <Accordion