From 02508a6d684ef09f98859f8243a47881b79eba7a Mon Sep 17 00:00:00 2001
From: John Doe <hamedhasan422421@gmail.com>
Date: Tue, 12 Sep 2023 17:19:45 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8F=97=EF=B8=8F=20Improved=20checkout=20p?=
 =?UTF-8?q?age?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Added a sidebar with booking details
* Added a section to select the date range
* Added a section to select the number of guests
* Added a payment section with support for PayPal and credit cards
---
 src/app/blog/WidgetHeading1.tsx | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/app/blog/WidgetHeading1.tsx

diff --git a/src/app/blog/WidgetHeading1.tsx b/src/app/blog/WidgetHeading1.tsx
new file mode 100644
index 0000000..e9a0405
--- /dev/null
+++ b/src/app/blog/WidgetHeading1.tsx
@@ -0,0 +1,31 @@
+import { CustomLink } from "@/data/types";
+import React, { FC } from "react";
+
+export interface WidgetHeading1Props {
+  className?: string;
+  title: string;
+  viewAll: CustomLink;
+}
+
+const WidgetHeading1: FC<WidgetHeading1Props> = ({
+  className = "",
+  title,
+  viewAll,
+}) => {
+  return (
+    <div
+      className={`nc-WidgetHeading1 flex items-center justify-between p-4 xl:p-5 border-b border-neutral-200 dark:border-neutral-700 ${className}`}
+    >
+      <h2 className="text-lg text-neutral-900 dark:text-neutral-100 font-semibold flex-grow">
+        {title}
+      </h2>
+      {!!viewAll.href && (
+        <div className="flex-shrink-0 block text-primary-700 dark:text-primary-500 font-semibold text-sm">
+          {viewAll.label}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default WidgetHeading1;