nicholai 890bdf13e4 Feat: Add public landing page for non-authenticated users
- Create /home route with SEO metadata and JSON-LD structured data
- Add hero section with dual CTAs (sign-up and PWA install)
- Add features section showcasing dual tracking, health timeline, achievements, savings
- Add animated phone demo with rotating screens (auto-advance, pause on hover)
- Add final CTA section and footer with affiliate disclosure
- Extract usePWAInstall hook for reusable PWA install logic
- Enhance theme-context with system preference auto-detection

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-31 19:30:46 -07:00

66 lines
1.9 KiB
TypeScript

import { Metadata } from 'next';
import { LandingPage } from '@/components/landing/LandingPage';
export const metadata: Metadata = {
title: 'QuitTraq - Track Your Journey to Quit Smoking & Marijuana',
description: 'Free app to track nicotine and marijuana usage. Health recovery timeline, achievements, savings tracker. PWA works offline. Your companion to a healthier life.',
keywords: ['quit smoking', 'stop smoking app', 'nicotine tracker', 'marijuana tracker', 'health recovery', 'quit vaping', 'substance tracker'],
authors: [{ name: 'QuitTraq' }],
openGraph: {
type: 'website',
locale: 'en_US',
url: 'https://quittraq.com/home',
title: 'QuitTraq - Track Your Journey to Quit Smoking',
description: 'Free app to track nicotine and marijuana usage with health timeline and achievements.',
siteName: 'QuitTraq',
images: [
{
url: '/og-image.png',
width: 1200,
height: 630,
alt: 'QuitTraq - Quit Smoking App',
},
],
},
twitter: {
card: 'summary_large_image',
title: 'QuitTraq - Track Your Journey to Quit Smoking',
description: 'Free app to track nicotine and marijuana usage with health timeline and achievements.',
images: ['/og-image.png'],
},
robots: {
index: true,
follow: true,
googleBot: {
index: true,
follow: true,
},
},
};
export default function HomePage() {
const jsonLd = {
'@context': 'https://schema.org',
'@type': 'WebApplication',
name: 'QuitTraq',
description: 'Track your journey to quit smoking and marijuana',
applicationCategory: 'HealthApplication',
operatingSystem: 'Any',
offers: {
'@type': 'Offer',
price: '0',
priceCurrency: 'USD',
},
};
return (
<>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
/>
<LandingPage />
</>
);
}