feat: implement PWA support with manifest and icons and add mobile-optimized bottom navigation

This commit is contained in:
sazzadulalambd
2026-05-06 16:38:57 +06:00
parent 849c6e56ba
commit 502e576fc1
10 changed files with 3408 additions and 190 deletions

View File

@@ -1,4 +1,4 @@
import type { Metadata } from "next";
import type { Metadata, Viewport } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import Sidebar from "@/components/Sidebar";
@@ -12,6 +12,20 @@ const inter = Inter({
export const metadata: Metadata = {
title: "JAIBEN Mobility - EV Rental Platform",
description: "JAIBEN Mobility Ltd - EV Rental, Rent-to-Own, Share EV, FOCO Investor",
manifest: "/manifest.json",
appleWebApp: {
capable: true,
statusBarStyle: "default",
title: "JAIBEN",
},
};
export const viewport: Viewport = {
themeColor: "#ffffff",
width: "device-width",
initialScale: 1,
maximumScale: 1,
userScalable: false,
};
export default function RootLayout({
@@ -20,10 +34,10 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
<html lang="en" className={inter.variable}>
<body className="min-h-screen bg-slate-50 antialiased">
<html lang="en" className={inter.variable} suppressHydrationWarning>
<body className="min-h-screen bg-slate-50 antialiased" suppressHydrationWarning>
<Sidebar />
<main className="lg:ml-64 min-h-screen">
<main className="lg:ml-64 min-h-screen pb-20 lg:pb-0">
{children}
</main>
<Toaster position="top-right" />