page with theme detection

index-with-theme.js

import { Page, Navbar, Block, theme } from "framework7-react";

export default function Home() {
  return (
    <Page>
      <Navbar title="Framework7 Next.js" />
      <Block>
        {theme.ios && <p>Hello to iOS user!</p>}
        {theme.md && <p>Hello to Android user!</p>}
      </Block>
    </Page>
  );
}