import type { Metadata } from 'next';
import './globals.css';
import { SiteHeader } from '../components/site-header';

export const metadata: Metadata = {
  title: 'MotorSignal | The ride intelligence platform',
  description: 'Motorcycle telemetry, ride history, and connected rider tools.',
};

export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
  return (
    <html lang="en">
      <body>
        <SiteHeader />
        <main>{children}</main>
        <footer className="site-footer">
          <span>MotorSignal</span>
          <span>Ride smarter. Know more. <a href="/privacy">Privacy</a> · <a href="/terms">Terms</a></span>
        </footer>
      </body>
    </html>
  );
}