chore: Remove unused code from Web Analytics page (#10276)

This commit is contained in:
Rafael Audibert
2025-01-07 10:57:01 -03:00
committed by GitHub
parent 5ee7894298
commit 70872fa0bd
3 changed files with 5 additions and 107 deletions

View File

@@ -23,9 +23,13 @@ images:
import { getImage, GatsbyImage } from 'gatsby-plugin-image'
import { FeatureSnapshot } from 'components/FeatureSnapshot'
import { StaticImage } from 'gatsby-plugin-image'
import { IconPieChart } from '@posthog/icons'
export const funnel = "https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/contents/images/funnels.png"
<Hero
color="[#36C46F]"
icon={<IconPieChart />}
title="The <span style='color: #f64e00;'>all-in-one</span> alternative to Google Analytics"
subtitle="Get beyond mere analytics with session replays, feature flags, A/B experiments and more."
ctas={[

View File

@@ -1,20 +1,15 @@
import CloudinaryImage from 'components/CloudinaryImage'
import React from 'react'
import Link from 'components/Link'
import { StaticImage } from 'gatsby-plugin-image'
import {
IconPieChart,
IconTarget,
IconMouseScrollDown,
IconArrowUpLeftDiagonal,
IconClock,
IconDownload,
IconPassword,
IconGraph,
IconFlask,
IconMessage,
IconRewindPlay,
IconToggle,
} from '@posthog/icons'
import { CallToAction } from 'components/CallToAction'
import { CustomerCard } from 'components/Products/CustomerCard'
@@ -24,12 +19,9 @@ import { Feature } from 'components/Products/Feature'
import { Subfeature } from 'components/Products/Subfeature'
import { Marquee } from 'components/Products/Marquee'
import { graphql, useStaticQuery } from 'gatsby'
import ContentViewer from 'components/ContentViewer'
import SessionReplay from 'components/Home/CodeBlocks/SessionReplay'
import { docsMenu } from '../../../navs'
import TeamRoadmap from 'components/TeamRoadmap'
import RecentChange from '../RecentChange'
import TeamMembers from '../TeamMembers'
import Questions from '../Questions'
import CTA from 'components/Home/CTA'
import Comparison from '../Comparison'
@@ -40,11 +32,8 @@ import { VsCompetitor } from 'components/Products/Competitor'
import { VsPostHog } from 'components/Products/Competitor/VsPostHog'
import { DocLinks } from 'components/Products/DocsLinks'
import { SmoothScroll } from 'components/Products/SmoothScroll'
import { FAQ } from 'components/Products/FAQ'
import Install from '../Install'
import { SEO } from 'components/seo'
import { useLayoutData } from 'components/Layout/hooks'
import Plans from 'components/Pricing/Plans'
const product = {
slug: 'web-analytics',
@@ -54,7 +43,6 @@ const product = {
}
const team = 'Web Analytics'
const teamSlug = '/teams/web-analytics'
const featuresPerRow = 3
const features = [
@@ -138,43 +126,6 @@ const questions = [
},
]
const faqs = [
{
question: 'How do I know what my recording volume is?',
children:
"The easiest way is to sign up for the Free plan - no credit card required. You'll get an accurate volume projection after just a few days.",
},
{
question: 'Do I pay anything for stored recordings?',
children:
'No, you only pay the fee per captured recording in a given month. There are no additional costs or fees.',
},
{
question: 'How long do you retain session recordings?',
children:
'Recordings are kept on Clickhouse-based installations for 1 month. For paid customers on PostHog Cloud, recordings are kept for 3 months.',
},
{
question: 'Is there a free trial on paid plans?',
children:
'We have a generous free tier on every paid plan so you can try out the features before paying any money. (You\'ll need to enter your credit card info, but you can set a billing limit). If you have additional needs, such as enterprise features, please <a href="/talk-to-a-human">get in touch</a>.',
},
{
question: 'What currency are your prices in?',
children: 'All prices are in US Dollars (USD), excluding taxes.',
},
{
question: 'Do you offer a discount for non-profits?',
children:
'Yes in most cases - 25% off any plan. Create your account, then email <a href="mailto:sales@posthog.com?subject=Non-profit%20discount">sales@posthog.com</a> from the same email address with some basic details on your organization. We will then apply a discount.',
},
{
question: 'Are there any minimums or annual commitments?',
children:
'Nope. We can, however, offer annual commitments (for example, to maintain pricing) if you need them as part of an enterprise agreement.',
},
]
const comparisonColumnCount = 4
const comparison = [
{
@@ -426,34 +377,6 @@ export const ProductWebAnalytics = (): JSX.Element => {
<Link to={'/blog/analytics-pricing'}>anonymous events</Link>.
</p>
</div>
{/*}
<div className="flex flex-col-reverse md:flex-row md:gap-12">
<div className="flex-1">
<h2 className="text-4xl md:text-5xl">Usage-based pricing</h2>
<p className="">
Use {product.lowercase} free. Or enter a credit card for advanced features.{' '}
<br className="hidden lg:block" />
Either way, your first {product.freeTier} are free every month.
</p>
</div>
<div className="md:w-96">
<CloudinaryImage placeholder="none" quality={100} src="https://res.cloudinary.com/dmukukwp6/image/upload/posthog.com/src/components/Product/hogs/session-replay-hog.png" alt="" />
</div>
</div>
<div className="lg:flex justify-between items-start gap-12 -mx-5 md:mx-0">
<div className="flex-grow overflow-auto px-5 md:px-0">
<Plans showHeaders={false} showCTA={false} groupsToShow={['session_replay']} />
</div>
<div className="px-5 md:px-0 lg:w-96 lg:mt-4">
<h4 className="text-3xl">FAQs</h4>
{faqs.map((faq, index) => {
return <FAQ {...faq} key={index} />
})}
</div>
</div>
*/}
</section>
<div className={`${fullWidthContent ? 'max-w-full px-0 md:px-8' : 'max-w-7xl'} mx-auto mt-12 `}>
@@ -532,41 +455,16 @@ export const ProductWebAnalytics = (): JSX.Element => {
</ul>
</section>
{/*
<section id="installation" className="mb-20 px-5 md:px-0">
<h3 className="text-3xl lg:text-4xl text-center mb-2">Install &amp; customize</h3>
<p className="mt-0 opacity-50 text-center mb-12">
Here are some ways you can fine tune how you implement {product.lowercase}.
</p>
<ContentViewer sticky={false} scrollToTop={false} content={[Install, ...SessionReplay]} />
</section>
*/}
<section id="docs" className="mb-20 px-5 md:px-0">
<h3 className="text-3xl lg:text-4xl text-center mb-2">Explore the docs</h3>
<p className="mt-0 text-opacity-70 text-center">
Get a more technical overview of how everything works <Link to="/docs">in our docs</Link>.
</p>
<DocLinks
menu={docsMenu.children.find(({ name }) => name.toLowerCase() === 'web analytics').children}
menu={docsMenu.children.find(({ name }) => name.toLowerCase() === 'web analytics')?.children}
/>
</section>
{/*
<section id="team" className="mb-20 px-5">
<h3 className="text-3xl lg:text-4xl text-center">Meet the team</h3>
<p className="text-center mb-2">
PostHog works in small teams. The <Link to={teamSlug}>{team}</Link> team is responsible for
building {product.lowercase}.
</p>
<TeamMembers teamName={team} />
</section>
*/}
<section id="roadmap" className="mb-20 px-5">
<h3 className="text-3xl lg:text-4xl text-center mb-2">Roadmap &amp; changelog</h3>

View File

@@ -37,7 +37,6 @@ export const Intro = ({ image = true }) => {
<figure className="m-0 mt-auto p-0">
<CloudinaryImage
alt=""
placeholder="none"
quality={100}
className=""
src="https://res.cloudinary.com/dmukukwp6/image/upload/webhog2_7b3ca93610.png"
@@ -69,7 +68,6 @@ export const Content = ({ quickLinks = false }) => {
Image={
<CloudinaryImage
alt=""
placeholder="none"
objectFit="contain"
className="h-full"
quality={100}
@@ -85,7 +83,6 @@ export const Content = ({ quickLinks = false }) => {
Image={
<CloudinaryImage
alt=""
placeholder="none"
objectFit="contain"
className="h-full"
quality={100}
@@ -101,7 +98,6 @@ export const Content = ({ quickLinks = false }) => {
Image={
<CloudinaryImage
alt=""
placeholder="none"
objectFit="contain"
className="h-full"
quality={100}