diff --git a/website/src/components/CustomerLogos.tsx b/website/src/components/CustomerLogos.tsx index 6024e5b32b5..39b321aefdf 100644 --- a/website/src/components/CustomerLogos.tsx +++ b/website/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/website/src/components/Install/index.tsx b/website/src/components/Install/index.tsx index cc1d50527ef..c2fd0de7e4e 100644 --- a/website/src/components/Install/index.tsx +++ b/website/src/components/Install/index.tsx @@ -64,7 +64,7 @@ export const Install: React.FunctionComponent = () => { diff --git a/website/src/components/SelfHostedSection.tsx b/website/src/components/SelfHostedSection.tsx index 8e103e20355..64031c23b8c 100644 --- a/website/src/components/SelfHostedSection.tsx +++ b/website/src/components/SelfHostedSection.tsx @@ -35,7 +35,7 @@ export const SelfHostedSection: FunctionComponent = () => ( diff --git a/website/src/pages/get-started/self-hosted.tsx b/website/src/pages/get-started/self-hosted.tsx index adfb9f80e61..dc331019c4b 100644 --- a/website/src/pages/get-started/self-hosted.tsx +++ b/website/src/pages/get-started/self-hosted.tsx @@ -63,7 +63,7 @@ export const SelfHostedPage: FunctionComponent = props => (
{ rel="noreferrer" className="btn btn-outline-primary mt-2" data-button-style={buttonStyle.outline} - data-button-location={buttonLocation.bodyDemo} + data-button-location={buttonLocation.body} + data-button-type="cta" > Learn more about {startCase(feature.productFeature)} @@ -182,7 +183,8 @@ const FeatureSection: FunctionComponent = () => { to={feature.ctaLink} className="btn btn-outline-primary mt-2" data-button-style={buttonStyle.outline} - data-button-location={buttonLocation.bodyDemo} + data-button-location={buttonLocation.body} + data-button-type="cta" > Learn more about {startCase(feature.productFeature)} diff --git a/website/src/pages/home/_Hero.tsx b/website/src/pages/home/_Hero.tsx index 5743f5578ca..6e0a48a3b1b 100644 --- a/website/src/pages/home/_Hero.tsx +++ b/website/src/pages/home/_Hero.tsx @@ -91,7 +91,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/website/src/pages/home/_UseCases.tsx b/website/src/pages/home/_UseCases.tsx index f221e11de6b..880ae3b4f47 100644 --- a/website/src/pages/home/_UseCases.tsx +++ b/website/src/pages/home/_UseCases.tsx @@ -47,7 +47,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', }, }, @@ -56,7 +56,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', }, }, @@ -65,7 +65,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', }, }, @@ -112,7 +112,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 = () => { className="btn btn-primary mt-5 d-block d-sm-inline-block" data-button-style={buttonStyle.primary} data-button-location={buttonLocation.bodyDemo} + data-button-type="cta" > Request a demo diff --git a/website/src/pages/use-cases/index.tsx b/website/src/pages/use-cases/index.tsx index b7993453b9d..78b76ed9519 100644 --- a/website/src/pages/use-cases/index.tsx +++ b/website/src/pages/use-cases/index.tsx @@ -39,7 +39,7 @@ export default ((props: any) => ( @@ -49,7 +49,7 @@ export default ((props: any) => ( @@ -58,7 +58,7 @@ export default ((props: any) => ( @@ -67,7 +67,7 @@ export default ((props: any) => ( @@ -76,7 +76,7 @@ export default ((props: any) => ( @@ -118,7 +118,7 @@ export default ((props: any) => ( to="/demo" title="Request a demo" className="btn btn-outline-primary" - data-button-style={buttonStyle.arrowBoxOutlined} + data-button-style={buttonStyle.outlineWithArrow} data-button-location={buttonLocation.bodyDemo} data-button-type="cta" > @@ -191,7 +191,7 @@ export default ((props: any) => ( to="/demo" title="Request a demo" className="btn btn-outline-primary" - data-button-style={buttonStyle.arrowBoxOutlined} + data-button-style={buttonStyle.outlineWithArrow} data-button-location={buttonLocation.bodyDemo} data-button-type="cta" > @@ -235,7 +235,7 @@ export default ((props: any) => ( to="/demo" title="Request a demo" className="btn btn-outline-primary" - data-button-style={buttonStyle.arrowBoxOutlined} + data-button-style={buttonStyle.outlineWithArrow} data-button-location={buttonLocation.bodyDemo} data-button-type="cta" > @@ -308,7 +308,7 @@ export default ((props: any) => ( to="/demo" title="Request a demo" className="btn btn-outline-primary" - data-button-style={buttonStyle.arrowBoxOutlined} + data-button-style={buttonStyle.outlineWithArrow} data-button-location={buttonLocation.bodyDemo} data-button-type="cta" > @@ -351,7 +351,7 @@ export default ((props: any) => ( to="/demo" title="Request a demo" className="btn btn-outline-primary" - data-button-style={buttonStyle.arrowBoxOutlined} + data-button-style={buttonStyle.outlineWithArrow} data-button-location={buttonLocation.bodyDemo} data-button-type="cta" > diff --git a/website/src/tracking.ts b/website/src/tracking.ts index 91e95d4ce56..c36c8804e95 100644 --- a/website/src/tracking.ts +++ b/website/src/tracking.ts @@ -1,9 +1,10 @@ export const buttonStyle = { primary: 1, outline: 2, - arrowWithText: 3, - arrowBoxWithText: 4, - arrowBoxOutlined: 5, + textWithArrow: 3, + textWithBoxedArrow: 4, + outlineWithArrow: 5, + text: 6, } export const buttonLocation = { @@ -11,4 +12,5 @@ export const buttonLocation = { hero: 2, bodyDemo: 3, trySourcegraph: 4, + body: 5, } diff --git a/website/static/external-logos/adidas-running-logo.svg b/website/static/external-logos/adidas-running-logo.svg deleted file mode 100644 index 6d363018415..00000000000 --- a/website/static/external-logos/adidas-running-logo.svg +++ /dev/null @@ -1 +0,0 @@ -adidas-running-logo \ No newline at end of file diff --git a/website/static/external-logos/adidas-runtastic-sq-logo.svg b/website/static/external-logos/adidas-runtastic-sq-logo.svg deleted file mode 100644 index d465a5a3fb8..00000000000 --- a/website/static/external-logos/adidas-runtastic-sq-logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/website/static/external-logos/canva-logo.svg b/website/static/external-logos/canva-logo.svg new file mode 100644 index 00000000000..810e16fb1c1 --- /dev/null +++ b/website/static/external-logos/canva-logo.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +