From 9f13ff049230c53996dab51537ec383c496e98e0 Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Thu, 14 Sep 2023 17:05:53 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=9F=20Added=20BgGlassmorphism=20compon?=
 =?UTF-8?q?ent=20=F0=9F=9A=97=20Updated=20heroRightImage=20import=20?=
 =?UTF-8?q?=F0=9F=92=BC=20Improved=20code=20structure=20=F0=9F=8C=88=20Enh?=
 =?UTF-8?q?anced=20design=20elements=20=F0=9F=93=8A=20Implemented=20Sectio?=
 =?UTF-8?q?nSliderNewCategories=20=F0=9F=92=8C=20Added=20SectionSubscribe2?=
 =?UTF-8?q?=20component=20=F0=9F=93=9A=20Refactored=20SectionGridAuthorBox?=
 =?UTF-8?q?=20=F0=9F=AA=99=20Fixed=20minor=20issues=20=F0=9F=94=A7=20Fine-?=
 =?UTF-8?q?tuned=20layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/(car-listings)/layout.tsx | 59 +++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 src/app/(car-listings)/layout.tsx

diff --git a/src/app/(car-listings)/layout.tsx b/src/app/(car-listings)/layout.tsx
new file mode 100644
index 0000000..11856fb
--- /dev/null
+++ b/src/app/(car-listings)/layout.tsx
@@ -0,0 +1,59 @@
+import BgGlassmorphism from "@/components/BgGlassmorphism";
+import React, { ReactNode } from "react";
+import SectionHeroArchivePage from "../(server-components)/SectionHeroArchivePage";
+import heroRightImage from "@/images/hero-right-car.png";
+import BackgroundSection from "@/components/BackgroundSection";
+import SectionSliderNewCategories from "@/components/SectionSliderNewCategories";
+import SectionSubscribe2 from "@/components/SectionSubscribe2";
+import SectionGridAuthorBox from "@/components/SectionGridAuthorBox";
+
+const Layout = ({ children }: { children: ReactNode }) => {
+  return (
+    <div className={`nc-ListingCarMapPage relative `}>
+      <BgGlassmorphism />
+
+      {/* SECTION HERO */}
+      <div className="container pt-10 pb-24 lg:pt-16 lg:pb-28">
+        <SectionHeroArchivePage
+          rightImage={heroRightImage}
+          currentPage="Cars"
+          currentTab="Cars"
+          listingType={
+            <>
+              <i className="text-2xl las la-car"></i>
+              <span className="ml-2.5">1512 cars</span>
+            </>
+          }
+        />
+      </div>
+
+      {/* SECTION */}
+      {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;