From c5af5b3069c582b11d61a07b1becfcb81fb0cd10 Mon Sep 17 00:00:00 2001 From: Chloe Date: Fri, 14 Jun 2024 16:50:46 +0700 Subject: [PATCH] feat: add faqs section Signed-off-by: Chloe --- app/globals.css | 13 ++++++ app/layout.tsx | 2 +- app/page.tsx | 2 +- app/search/[collection]/page.tsx | 67 ++++++++++++++++------------- app/search/layout.tsx | 5 ++- components/faq.tsx | 7 +-- components/home-page/about.tsx | 4 +- components/home-page/why-choose.tsx | 3 +- 8 files changed, 59 insertions(+), 44 deletions(-) diff --git a/app/globals.css b/app/globals.css index 21bbc4a01..dd16d793c 100644 --- a/app/globals.css +++ b/app/globals.css @@ -13,3 +13,16 @@ input, button { @apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-neutral-400 focus-visible:ring-offset-2 focus-visible:ring-offset-neutral-50 dark:focus-visible:ring-neutral-600 dark:focus-visible:ring-offset-neutral-900; } + +@layer utilities { + /* Hide scrollbar for WebKit browsers */ + .hide-scrollbar::-webkit-scrollbar { + display: none; + } + + /* Hide scrollbar for Firefox */ + .hide-scrollbar { + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: none; /* Firefox */ + } +} diff --git a/app/layout.tsx b/app/layout.tsx index a91f6da81..df9c59c6f 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -35,7 +35,7 @@ export const metadata = { export default async function RootLayout({ children }: { children: ReactNode }) { return ( - +
diff --git a/app/page.tsx b/app/page.tsx index 453a47708..a71d8df8f 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -34,7 +34,7 @@ export default async function HomePage() { - + diff --git a/app/search/[collection]/page.tsx b/app/search/[collection]/page.tsx index 1a10b32ef..573ba682b 100644 --- a/app/search/[collection]/page.tsx +++ b/app/search/[collection]/page.tsx @@ -59,7 +59,7 @@ async function CategoryPage({ } /> - + {products.length === 0 ? (

{`No products found in this collection`}

) : ( @@ -81,38 +81,43 @@ export default async function CategorySearchPage(props: { searchParams?: { [key: string]: string | string[] | undefined }; }) { return ( -
- -
-
- } key={`breadcrumb-${props.params.collection}`}> - - -
- } key={`header-${props.params.collection}`}> -
- - - } - key={`products-${props.params.collection}`} - > - -
-
+ ); } diff --git a/app/search/layout.tsx b/app/search/layout.tsx index a3ebd12a5..f99d3a361 100644 --- a/app/search/layout.tsx +++ b/app/search/layout.tsx @@ -1,12 +1,15 @@ +import FAQ from 'components/faq'; import Footer from 'components/layout/footer'; import { Suspense } from 'react'; export default function SearchLayout({ children }: { children: React.ReactNode }) { return ( <> -
+
{children}
+ +