mirror of
https://github.com/BillyOutlast/posthog.com.git
synced 2026-02-04 03:11:21 +01:00
chore: Remove unused code from Web Analytics page (#10276)
This commit is contained in:
@@ -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={[
|
||||
|
||||
@@ -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 & 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 & changelog</h3>
|
||||
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user