From 9b5c29d08c42733175cd6fc5a46eb66f6609c423 Mon Sep 17 00:00:00 2001 From: M8N-MatanDessaur Date: Mon, 7 Oct 2024 13:37:03 -0400 Subject: [PATCH 1/3] Remove unused .env.example file and update .env with new environment variables --- .env | 5 +++++ .env.example | 5 ----- src/app/[locale]/layout.tsx | 3 +++ 3 files changed, 8 insertions(+), 5 deletions(-) create mode 100644 .env delete mode 100644 .env.example diff --git a/.env b/.env new file mode 100644 index 0000000..fd40c31 --- /dev/null +++ b/.env @@ -0,0 +1,5 @@ +NEXT_PUBLIC_SPACE_ID=pclwfph0l15x +NEXT_PUBLIC_ACCESS_TOKEN=X0YPbUqqgKAaK5fR_HQoQ-BPAM0XYRYZOJBv2NvLzY0 +NEXT_PUBLIC_PREVIEW_TOKEN=o4CsEFejy6ftx2T0ipZArulPCbtXdFTKO3rOIYNbDkI +# this is the name of the experience you will be creating in the web app, for example "Landing Page" will turn into "landingPage" +NEXT_PUBLIC_STUDIO_TYPE_ID=landingPage diff --git a/.env.example b/.env.example deleted file mode 100644 index 6848cc6..0000000 --- a/.env.example +++ /dev/null @@ -1,5 +0,0 @@ -NEXT_PUBLIC_SPACE_ID= -NEXT_PUBLIC_ACCESS_TOKEN= -NEXT_PUBLIC_PREVIEW_TOKEN= -# this is the name of the experience you will be creating in the web app, for example "Landing Page" will turn into "landingPage" -NEXT_PUBLIC_STUDIO_TYPE_ID=landingPage diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx index e391d19..f724360 100644 --- a/src/app/[locale]/layout.tsx +++ b/src/app/[locale]/layout.tsx @@ -3,6 +3,9 @@ import type { Metadata } from "next"; import "../globals.css"; import Header from "@components/layout/Header/Header"; import Footer from "@components/layout/Footer/Footer"; +import { Inter } from 'next/font/google'; + +const inter = Inter({ subsets: ['latin'] }); export const metadata: Metadata = { title: "Studio Quickstart", From 6c299375bde5df415e184829beede22cb864cfdc Mon Sep 17 00:00:00 2001 From: M8N-MatanDessaur Date: Mon, 7 Oct 2024 14:36:14 -0400 Subject: [PATCH 2/3] Refactor layout component and add InteractiveHeader - Refactor the layout component to import InteractiveHeader from the _components/CustomHeader directory. - Update the layout component to replace the Header component with InteractiveHeader. --- src/app/[locale]/layout.tsx | 3 +- src/app/_components/CustomHeader/Header.tsx | 109 ++++++++ .../CustomHeader/HeaderDefinition.ts | 72 +++++ .../CustomHeader/InteractiveHeader.tsx | 71 +++++ src/app/_components/CustomHeader/MegaMenu.tsx | 60 +++++ .../CustomHeader/styles.module.css | 255 ++++++++++++++++++ src/lib/register-components.ts | 9 +- 7 files changed, 575 insertions(+), 4 deletions(-) create mode 100644 src/app/_components/CustomHeader/Header.tsx create mode 100644 src/app/_components/CustomHeader/HeaderDefinition.ts create mode 100644 src/app/_components/CustomHeader/InteractiveHeader.tsx create mode 100644 src/app/_components/CustomHeader/MegaMenu.tsx create mode 100644 src/app/_components/CustomHeader/styles.module.css diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx index f724360..824c1c2 100644 --- a/src/app/[locale]/layout.tsx +++ b/src/app/[locale]/layout.tsx @@ -4,6 +4,7 @@ import "../globals.css"; import Header from "@components/layout/Header/Header"; import Footer from "@components/layout/Footer/Footer"; import { Inter } from 'next/font/google'; +import InteractiveHeader from "../_components/CustomHeader/InteractiveHeader"; const inter = Inter({ subsets: ['latin'] }); @@ -20,7 +21,7 @@ export default function RootLayout({ return ( -
+
{children}