import { useEffect, type FC, useCallback } from 'react' import { mdiOpenInNew } from '@mdi/js' import { TelemetryV2Props } from '@sourcegraph/shared/src/telemetry' import { useIsLightTheme } from '@sourcegraph/shared/src/theme' import { H2, Text, ButtonLink, Link, Icon } from '@sourcegraph/wildcard' import { BatchChangesLogo } from './BatchChangesLogo' import { CodeNavLogo } from './CodeNavLogo' import { CodeSearchIcon } from './CodeSearchIcon' import { FeatureImage } from './Feature' import { IntegrationsIcon } from './IntegrationsIcon' import { SearchExample } from './SearchExample' import styles from './SearchUpsellPage.module.scss' interface Props extends TelemetryV2Props {} interface SearchFeature { title: string description: string } const searchFeatures: SearchFeature[] = [ { title: 'Reuse high-quality code', description: 'Find code across thousands of repositories and multiple code hosts in seconds.', }, { title: 'Resolve issues and incidents faster', description: 'Pinpoint root causes with symbol, commit, and diff searches.', }, { title: 'Exhaustive search', description: "Discover every instance of vulnerable or buggy code in milliseconds and have complete confidence in what's in your codebase.", }, ] export const SearchUpsellPage: FC = ({ telemetryRecorder }) => { useEffect(() => telemetryRecorder.recordEvent('searchUpsell', 'view'), [telemetryRecorder]) const onClickExpertCTA = useCallback( () => telemetryRecorder.recordEvent('searchUpsell.talkToAnExpertCTA', 'click'), [telemetryRecorder] ) const onClickFindOutMoreCTA = useCallback( () => telemetryRecorder.recordEvent('searchUpsell.findOutMoreCTA', 'click'), [telemetryRecorder] ) const isLightTheme = useIsLightTheme() const contactSalesLink = 'https://sourcegraph.com/contact/request-info' const findOutMoreLink = 'https://sourcegraph.com/code-search' return (

Grok your entire codebase

Code Search, along with complementary tools, helps devs find, fix, and onboard to new code quickly.

Talk to a product expert Find out more

Find and fix code in any code host, language, or repository

{searchFeatures.map(({ title, description }, index) => (

{title} {description}

))}

Code Search integrates with Cody 🤝 Use Cody in Code Search to explain code, generate unit tests, transpile code, improve variable names and a ton more!

Understand your code and its dependencies Complete code reviews, get up to speed on unfamiliar code, and determine the impact of code changes with the confidence of compiler-accurate code navigation. Find out more about Code Navigation{' '}

Automate large-scale code changes Find all occurrences of code to change with Code Search and programmatically make those changes by creating a declarative specification file. Read how Indeed uses Batch Changes to accelerate deployment{' '}

Code Search also works great with... Code Monitoring{' '} Insights Notebooks

) }