puffin-app/app/mobile-app/page.tsx

'use client';

import { useRouter } from 'next/navigation';
import { MobileCalculator } from '../../src/components/MobileCalculator';
import type { VesselData } from '../../src/types';

// Sample vessel data
const sampleVessel: VesselData = {
  imo: "1234567",
  vesselName: "Sample Yacht",
  type: "Yacht",
  length: 50,
  width: 9,
  estimatedEnginePower: 2250
};

export default function MobileAppPage() {
  const router = useRouter();

  const handleBack = () => {
    router.push('/');
  };

  return (
    <MobileCalculator
      vesselData={sampleVessel}
      onBack={handleBack}
    />
  );
}