From e424ae8d0de99fcb1d616a4ce7dcb879b74e2a70 Mon Sep 17 00:00:00 2001 From: RaviAnand Mohabir Date: Mon, 26 Aug 2024 11:07:30 +0200 Subject: [PATCH] feat: :sparkles: implement mobile nav and footer --- package.json | 1 + src/app/(frontend)/about/page.tsx | 1 + src/app/(frontend)/contact/page.tsx | 1 + src/app/(frontend)/layout.tsx | 8 +++- src/app/(frontend)/menu/page.tsx | 1 + src/app/(frontend)/page.tsx | 4 +- src/components/layout/footer.tsx | 42 ++++++++++++++++++++ src/components/layout/mobile-nav.tsx | 55 ++++++++++++++++++++++++++ src/components/layout/nav-link.tsx | 36 +++++++++++++++++ src/components/layout/navbar.tsx | 27 ++++++------- src/components/rich-text/serialize.tsx | 40 ++++++++++--------- src/globals/Contact.ts | 38 ++++++++++++++++++ src/globals/Menu.ts | 6 +++ src/payload-types.ts | 8 ++++ yarn.lock | 8 +++- 15 files changed, 237 insertions(+), 39 deletions(-) create mode 100644 src/app/(frontend)/about/page.tsx create mode 100644 src/app/(frontend)/contact/page.tsx create mode 100644 src/app/(frontend)/menu/page.tsx create mode 100644 src/components/layout/footer.tsx create mode 100644 src/components/layout/mobile-nav.tsx create mode 100644 src/components/layout/nav-link.tsx diff --git a/package.json b/package.json index 0d40cdd..56c97bb 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ }, "dependencies": { "@ark-ui/react": "^3.9.0", + "@icons-pack/react-simple-icons": "^10.0.0", "@payloadcms/db-mongodb": "beta", "@payloadcms/next": "beta", "@payloadcms/plugin-cloud": "beta", diff --git a/src/app/(frontend)/about/page.tsx b/src/app/(frontend)/about/page.tsx new file mode 100644 index 0000000..914b3fc --- /dev/null +++ b/src/app/(frontend)/about/page.tsx @@ -0,0 +1 @@ +export default async function About() {} diff --git a/src/app/(frontend)/contact/page.tsx b/src/app/(frontend)/contact/page.tsx new file mode 100644 index 0000000..a81e750 --- /dev/null +++ b/src/app/(frontend)/contact/page.tsx @@ -0,0 +1 @@ +export default async function Contact() {} diff --git a/src/app/(frontend)/layout.tsx b/src/app/(frontend)/layout.tsx index 3db389e..619aa4f 100644 --- a/src/app/(frontend)/layout.tsx +++ b/src/app/(frontend)/layout.tsx @@ -1,5 +1,6 @@ import "../globals.css"; +import Footer from "@/components/layout/footer"; import Navbar from "@/components/layout/navbar"; import localFont from "next/font/local"; import { styled } from "@styled-system/jsx"; @@ -16,9 +17,12 @@ export const metadata = { export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - + - {children} + + {children} + +