chore(pro-pages): use gradient image

xyflow · Sep 30, 2024 · 61b440a · 61b440a
1 parent 661355e
commit 61b440a
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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