Landing

The Landing component serves as the main page for the application's lading page. It brings together various sections and components that are essentials for selling and presenting your application.

Landing Page overview

Internal Components: Imports and renders the following components:

• Navbar

• Hero

• SellingPoints

• Video

• Pricing

• Faq

• FinalMessage

• Footer

Key Style Classes

• landing: Used on the root <div> to apply a general styling structure for the landing page.

• flex flex-col: Configures the page to stack elements vertically, with flex used for layout control.

// Landing component is directly used in the route structure within the application.
<Route path="/" element={<Landing />} />

Additional Notes

• The Video and FinalMessage components receive specific props for customization.

  • Video accepts a videoSource prop.

  • FinalMessage accepts title, subtitle, and an icon.

• The landing structure ensures that each section fits within a vertically spaced layout (gap-40) for consistent spacing between sections.

---

This should cover everything for Landing.