diff --git a/public/external-logos/adidas-running-logo.svg b/public/external-logos/adidas-running-logo.svg deleted file mode 100644 index 6d363018..00000000 --- a/public/external-logos/adidas-running-logo.svg +++ /dev/null @@ -1 +0,0 @@ -adidas-running-logo \ No newline at end of file diff --git a/public/external-logos/adidas-runtastic-sq-logo.svg b/public/external-logos/adidas-runtastic-sq-logo.svg deleted file mode 100644 index d465a5a3..00000000 --- a/public/external-logos/adidas-runtastic-sq-logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/external-logos/canva-logo.svg b/public/external-logos/canva-logo.svg new file mode 100644 index 00000000..810e16fb --- /dev/null +++ b/public/external-logos/canva-logo.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/CustomerLogos.tsx b/src/components/CustomerLogos.tsx index 6024e5b3..39b321ae 100644 --- a/src/components/CustomerLogos.tsx +++ b/src/components/CustomerLogos.tsx @@ -55,8 +55,8 @@ const logos: Logos[] = [ src: '/external-logos/lyft-logo.svg', }, { - name: 'Adidas Running', - src: '/external-logos/adidas-runtastic-sq-logo.svg', + name: 'Canva', + src: '/external-logos/canva-logo.svg', }, { name: 'Shipt', diff --git a/src/components/Install/index.tsx b/src/components/Install/index.tsx index 18f502d2..76921796 100644 --- a/src/components/Install/index.tsx +++ b/src/components/Install/index.tsx @@ -70,7 +70,7 @@ export const Install: FunctionComponent = () => { diff --git a/src/components/SelfHostedSection.tsx b/src/components/SelfHostedSection.tsx index 0f907bc1..ec34ddac 100644 --- a/src/components/SelfHostedSection.tsx +++ b/src/components/SelfHostedSection.tsx @@ -39,7 +39,7 @@ export const SelfHostedSection: FunctionComponent = () => ( {
{ rel="noreferrer" className="btn btn-outline-primary mt-2" data-button-style={buttonStyle.outline} - data-button-location={buttonLocation.bodyDemo} + data-button-location={buttonLocation.body} > Learn more about {startCase(feature.productFeature)} @@ -187,7 +187,7 @@ const FeatureSection: FunctionComponent = () => { diff --git a/src/pages/home/_Hero.tsx b/src/pages/home/_Hero.tsx index c5e09c54..60451400 100644 --- a/src/pages/home/_Hero.tsx +++ b/src/pages/home/_Hero.tsx @@ -98,7 +98,14 @@ const Hero: FunctionComponent = () => { Over 1.2M engineers use Sourcegraph to build software you rely on - Learn how our customers use Sourcegraph + + Learn how our customers use Sourcegraph +
) diff --git a/src/pages/home/_UseCases.tsx b/src/pages/home/_UseCases.tsx index 96b31810..b01f1df0 100644 --- a/src/pages/home/_UseCases.tsx +++ b/src/pages/home/_UseCases.tsx @@ -46,7 +46,7 @@ const useCases: UseCases[] = [ title: 'Resolve incidents', description: 'Identify the root cause in code and fix the issue everywhere, faster.', link: { - href: '/use-cases#resolve-incidents-faster', + href: '/use-cases/incident-response', text: 'Learn more about incident response', }, }, @@ -55,7 +55,7 @@ const useCases: UseCases[] = [ title: 'Promote code reuse', description: 'Find existing code for reuse and contribute to a more coherent codebase.', link: { - href: '/use-cases#streamline-code-reuse', + href: '/use-cases/code-reuse', text: 'Learn more about code reuse', }, }, @@ -64,7 +64,7 @@ const useCases: UseCases[] = [ title: 'Boost code health', description: 'Improve code health with large-scale changes, and track key initiatives.', link: { - href: '/use-cases#boost-code-health', + href: '/use-cases/code-health', text: 'Learn more about code health', }, }, @@ -111,7 +111,16 @@ const UseCases: FunctionComponent = () => {

{useCase.title}

{useCase.description}

- {useCase.link && {useCase.link.text}} + {useCase.link && ( + + {useCase.link.text} + + )}
@@ -136,6 +145,7 @@ const UseCases: FunctionComponent = () => { data-button-style={buttonStyle.primary} data-button-location={buttonLocation.bodyDemo} passHref={true} + data-button-type="cta" > Request a demo diff --git a/src/pages/use-cases/index.tsx b/src/pages/use-cases/index.tsx index 4833eb58..c4f99a2c 100644 --- a/src/pages/use-cases/index.tsx +++ b/src/pages/use-cases/index.tsx @@ -4,6 +4,7 @@ import ArrowRightIcon from 'mdi-react/ArrowRightIcon' import Link from 'next/link' import { Layout, BlockquoteWithBorder, ContentSection, TrySourcegraph, CustomerLogos } from '@components' +import { buttonStyle, buttonLocation } from '@data' import styles from './useCases.module.scss' @@ -39,14 +40,20 @@ const UseCases: React.FunctionComponent = () => (
{features.map((feature: string) => ( - - {feature} - - + {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} + + {feature} + + + ))}
@@ -79,15 +86,27 @@ const UseCases: React.FunctionComponent = () => (
  • Alert for known vulnerabilities and risky code changes with code monitoring
    • - + {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} - + Request a demo {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} - Learn more + + Learn more +
    @@ -142,13 +161,25 @@ const UseCases: React.FunctionComponent = () => ( {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} - + Request a demo {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} - Learn more + + Learn more +
    @@ -184,7 +215,12 @@ const UseCases: React.FunctionComponent = () => ( {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} - + Request a demo @@ -239,19 +275,41 @@ const UseCases: React.FunctionComponent = () => (
  • Safely and efficiently maintain code that is being reused and easily make changes - everywhere with Batch Changes + everywhere with{' '} + + {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} + + Batch Changes + +
  • Add a code monitor to alert you of commits using an out-of-date library
    • {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} - + Request a demo {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} - Learn more + + Learn more + @@ -285,7 +343,12 @@ const UseCases: React.FunctionComponent = () => ( {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} - + Request a demo