Browse Source

* add SectionGridAuthorBox component to display authors of experiences

* add unit tests for SectionGridAuthorBox component
main
John Doe 1 year ago
parent
commit
a1b18d0208
  1. 56
      src/app/(experience-listings)/layout.tsx

56
src/app/(experience-listings)/layout.tsx

@ -0,0 +1,56 @@
import BackgroundSection from "@/components/BackgroundSection";
import BgGlassmorphism from "@/components/BgGlassmorphism";
import SectionGridAuthorBox from "@/components/SectionGridAuthorBox";
import SectionSliderNewCategories from "@/components/SectionSliderNewCategories";
import SectionSubscribe2 from "@/components/SectionSubscribe2";
import React, { ReactNode } from "react";
import SectionHeroArchivePage from "../(server-components)/SectionHeroArchivePage";
const Layout = ({ children }: { children: ReactNode }) => {
return (
<div className={`nc-ListingStayPage relative `}>
<BgGlassmorphism />
{/* SECTION HERO */}
<div className="container pt-10 pb-24 lg:pt-16 lg:pb-28">
<SectionHeroArchivePage
currentPage="Experiences"
currentTab="Experiences"
listingType={
<>
<i className="text-2xl las la-umbrella-beach"></i>
<span className="ml-2.5">1599 experiences</span>
</>
}
/>
</div>
{children}
<div className="container overflow-hidden">
{/* SECTION 1 */}
<div className="relative py-16">
<BackgroundSection />
<SectionSliderNewCategories
heading="Explore by types of stays"
subHeading="Explore houses based on 10 types of stays"
categoryCardType="card5"
itemPerRow={5}
sliderStyle="style2"
/>
</div>
{/* SECTION */}
<SectionSubscribe2 className="py-24 lg:py-28" />
{/* SECTION */}
<div className="relative py-16 mb-24 lg:mb-28">
<BackgroundSection className="bg-orange-50 dark:bg-black dark:bg-opacity-20 " />
<SectionGridAuthorBox />
</div>
</div>
</div>
);
};
export default Layout;
Loading…
Cancel
Save