diff --git a/app/features/page.tsx b/app/features/page.tsx new file mode 100644 index 0000000..bb96649 --- /dev/null +++ b/app/features/page.tsx @@ -0,0 +1,420 @@ +'use client' + +/** + * @file Features / Product Tour page. + * + * Comprehensive showcase of everything Pulse offers — designed to convert + * visitors who land here from search or internal navigation. Uses mixed + * layout styles (cards, inline lists, numbered steps, split sections) to + * avoid visual monotony. + */ + +import Link from 'next/link' +import { motion } from 'framer-motion' +import { Button } from '@ciphera-net/ui' +import { initiateOAuthFlow } from '@/lib/api/oauth' +import { + BarChartIcon, + LockIcon, + ZapIcon, + GlobeIcon, + Share2Icon, + ArrowRightIcon, +} from '@ciphera-net/ui' + +// * Pillar features (top 3 cards — matches landing page) +const pillars = [ + { + icon: LockIcon, + title: 'Privacy First', + description: + 'No cookies, no IP tracking, no fingerprinting. Fully GDPR, CCPA, and PECR compliant — no cookie banner required.', + }, + { + icon: BarChartIcon, + title: 'Simple Dashboard', + description: + 'One clear dashboard with everything you need. Page views, visitors, referral sources, and top pages — no learning curve.', + }, + { + icon: ZapIcon, + title: 'Lightweight Script', + description: + 'Less than 1 KB. Loads in milliseconds with zero impact on your Lighthouse score or Core Web Vitals.', + }, +] + +// * Core capabilities — rendered as an icon + text list, NOT cards +const capabilities = [ + { + icon: ( + + ), + title: 'Real-Time Analytics', + description: 'Watch visitors arrive live. See active pages, referrers, and current visitor counts with zero delay.', + }, + { + icon: ( + + ), + title: 'Conversion Funnels', + description: 'Define multi-step funnels and see exactly where visitors drop off in your sign-up or checkout flow.', + }, + { + icon: ( + + ), + title: 'Goals & Events', + description: 'Track custom goals, completions, and conversion rates — all without cookies or complex setup.', + }, + { + icon: ( + + ), + title: 'UTM Campaign Tracking', + description: 'Automatically parse UTM parameters. Built-in link builder for campaigns, sources, and mediums.', + }, + { + icon: Share2Icon, + title: 'Shared Dashboards', + description: 'Generate a public link to share analytics with clients or teammates — no login required.', + }, + { + icon: GlobeIcon, + title: 'Geographic Insights', + description: 'Country, region, and city-level breakdowns. IPs are never stored — derived at request time only.', + }, +] + +// * Trust signals — rendered as compact inline items, NOT cards +const trustSignals = [ + { label: 'Open Source', detail: 'Frontend fully on GitHub' }, + { label: 'Swiss Infrastructure', detail: 'Data processed in Switzerland' }, + { label: 'No Cookie Banners', detail: 'Skip consent popups entirely' }, + { label: '100% Data Ownership', detail: 'We never sell or share your data' }, + { label: 'Bot & Spam Filtering', detail: 'Automatic exclusion of non-human traffic' }, + { label: '75+ Integrations', detail: 'React, Vue, WordPress, Shopify & more' }, +] + +export default function FeaturesPage() { + return ( +
+ Pulse gives you meaningful analytics without the complexity, the cookies, or the privacy trade-offs. +
++ {feature.description} +
++ Everything from real-time dashboards to conversion funnels — without the bloat. +
++ {cap.description} +
++ See which pages drive the most traffic, where visitors enter your site, and where they leave. Use data to double down on what works. +
++ Open source, Swiss hosted, and designed to keep your visitors' data where it belongs. +
+{signal.detail}
++ No SDKs to install, no build steps, no configuration files. +
+