From b3825954be9ebfaeadfb93f1a7a3924d025aff93 Mon Sep 17 00:00:00 2001 From: Francesco Sansalvadore Date: Mon, 29 May 2023 15:54:00 +0200 Subject: [PATCH] Add Enterprise CTA section --- apps/www/components/MagnifiedProducts.tsx | 4 +- .../www/components/Sections/EnterpriseCta.tsx | 37 ++ .../components/Sections/TimedTabsSection.tsx | 2 +- .../products/vector/IntegrationsSVG.tsx | 609 ++++++++---------- apps/www/pages/vector/Vector.tsx | 10 +- 5 files changed, 327 insertions(+), 335 deletions(-) create mode 100644 apps/www/components/Sections/EnterpriseCta.tsx diff --git a/apps/www/components/MagnifiedProducts.tsx b/apps/www/components/MagnifiedProducts.tsx index 5bc4b176075..3da8e8d5804 100644 --- a/apps/www/components/MagnifiedProducts.tsx +++ b/apps/www/components/MagnifiedProducts.tsx @@ -30,7 +30,7 @@ function AppIcon({ mouseX, product }: { mouseX: MotionValue; product: any }) { return val - bounds.x - bounds.width / 2 }) - let widthSync = useTransform(distance, [-150, 0, 150], [50, 80, 50]) + let widthSync = useTransform(distance, [-150, 0, 150], [75, 130, 75]) let width = useSpring(widthSync, { mass: 0.1, stiffness: 150, damping: 12 }) return ( @@ -43,7 +43,7 @@ function AppIcon({ mouseX, product }: { mouseX: MotionValue; product: any }) { > -
+
{product.name}
diff --git a/apps/www/components/Sections/EnterpriseCta.tsx b/apps/www/components/Sections/EnterpriseCta.tsx new file mode 100644 index 00000000000..71dd1e9dbf5 --- /dev/null +++ b/apps/www/components/Sections/EnterpriseCta.tsx @@ -0,0 +1,37 @@ +import Link from 'next/link' +import React from 'react' +import { Button } from 'ui' +import SectionContainer from '~/components/Layouts/SectionContainer' + +const EnterpriseCta = () => { + return ( + +
+

+ Supabase Vector for Enterprise +

+ {/*

+ Supabase products are built to work both in isolation and seamlessly together +
to ensure the most flexible and scalable developer + experience. +

*/} +
+ + + + + + + + + + +
+
+ + ) +} + +export default EnterpriseCta diff --git a/apps/www/components/Sections/TimedTabsSection.tsx b/apps/www/components/Sections/TimedTabsSection.tsx index d3a3a02d099..c758436406c 100644 --- a/apps/www/components/Sections/TimedTabsSection.tsx +++ b/apps/www/components/Sections/TimedTabsSection.tsx @@ -149,7 +149,7 @@ const TimedTabsSection = ({ slidesPerView={1} speed={300} allowTouchMove={false} - autoHeight={true} + // autoHeight={true} > {tabs.map((tab, i) => ( diff --git a/apps/www/components/products/vector/IntegrationsSVG.tsx b/apps/www/components/products/vector/IntegrationsSVG.tsx index ba61645e703..fcc374df78b 100644 --- a/apps/www/components/products/vector/IntegrationsSVG.tsx +++ b/apps/www/components/products/vector/IntegrationsSVG.tsx @@ -5,424 +5,381 @@ const IntegrationsSVG = () => { - + - + - + - + - - - - - - - - - - - - - - - + + - + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + + + + + + + + - - - - - - - - - - { > - + @@ -446,110 +403,99 @@ const IntegrationsSVG = () => { - - - - - - - - + + + + @@ -557,10 +503,10 @@ const IntegrationsSVG = () => { @@ -568,10 +514,10 @@ const IntegrationsSVG = () => { @@ -579,10 +525,10 @@ const IntegrationsSVG = () => { @@ -590,10 +536,10 @@ const IntegrationsSVG = () => { @@ -601,76 +547,83 @@ const IntegrationsSVG = () => { - - - - - - + + + + + + ) diff --git a/apps/www/pages/vector/Vector.tsx b/apps/www/pages/vector/Vector.tsx index 22b099e2413..3890a8d1f4d 100644 --- a/apps/www/pages/vector/Vector.tsx +++ b/apps/www/pages/vector/Vector.tsx @@ -1,6 +1,5 @@ import { NextSeo } from 'next-seo' import { useRouter } from 'next/router' -import CTABanner from '~/components/CTABanner' import DefaultLayout from '~/components/Layouts/Default' import CommunitySlider from '~/components/Sections/CommunitySlider' import ProductHeaderCentered from '~/components/Sections/ProductHeaderCentered' @@ -10,6 +9,7 @@ import UseCasesSection from '~/components/Sections/UseCasesSection' import CenteredTitleImage from '~/components/Sections/CenteredTitleImage' import TimedTabsSection from '~/components/Sections/TimedTabsSection' import ProductsCta from '~/components/Sections/ProductsCta' +import EnterpriseCta from '~/components/Sections/EnterpriseCta' import { pageData } from '~/data/products/vector/page' @@ -46,9 +46,11 @@ function VectorPage() { - - - + +
+
+ +
)