Browse Source

Add more descriptive names to the components. For example, instead of SectionHeroArchivePage, you could call it ListingFlightsHeroSection. This will make your code more readable and understandable.

main
John Doe 1 year ago
parent
commit
5412ca1a30
  1. 47
      src/app/(flight-listings)/listing-flights/page.tsx

47
src/app/(flight-listings)/listing-flights/page.tsx

@ -0,0 +1,47 @@
import SectionHeroArchivePage from "@/app/(server-components)/SectionHeroArchivePage";
import BgGlassmorphism from "@/components/BgGlassmorphism";
import SectionSliderNewCategories from "@/components/SectionSliderNewCategories";
import SectionSubscribe2 from "@/components/SectionSubscribe2";
import React, { FC } from "react";
import SectionGridFilterCard from "../SectionGridFilterCard";
export interface ListingFlightsPageProps {}
const ListingFlightsPage: FC<ListingFlightsPageProps> = ({}) => {
return (
<div className={`nc-ListingFlightsPage relative overflow-hidden `}>
<BgGlassmorphism />
<div className="container relative">
{/* SECTION HERO */}
<SectionHeroArchivePage
currentPage="Flights"
currentTab="Flights"
listingType={
<>
<i className="text-2xl las la-plane-departure"></i>
<span className="ml-2.5">1599 flights</span>
</>
}
className="pt-10 pb-24 lg:pb-28 lg:pt-16 "
/>
{/* SECTION */}
<SectionGridFilterCard className="pb-24 lg:pb-28" />
{/* SECTION 1 */}
<SectionSliderNewCategories
heading="Explore top destination ✈"
subHeading="Explore thousands of destinations around the world"
categoryCardType="card4"
itemPerRow={4}
/>
{/* SECTION */}
<SectionSubscribe2 className="py-24 lg:py-28" />
</div>
</div>
);
};
export default ListingFlightsPage;
Loading…
Cancel
Save