← back to Grant

components/landing/Landing.tsx

31 lines

import { Space_Grotesk, IBM_Plex_Sans } from 'next/font/google';
import FitFeed from './FitFeed';
import './landing.css';

/* Shared public marketing landing — rendered both at /landing and at / for
   logged-out visitors (app/page.tsx auth-branches to it). Fonts are
   self-hosted via next/font and exposed to landing.css as --ff-display /
   --ff-body on the wrapper. */

const display = Space_Grotesk({
  subsets: ['latin'],
  weight: ['500', '600', '700'],
  variable: '--ff-display',
  display: 'swap',
});

const body = IBM_Plex_Sans({
  subsets: ['latin'],
  weight: ['400', '500', '600'],
  variable: '--ff-body',
  display: 'swap',
});

export default function Landing() {
  return (
    <div className={`${display.variable} ${body.variable}`}>
      <FitFeed />
    </div>
  );
}