Landing Page

The Landing Page is the entry point to your website, showcasing important features, technologies, and content such as blog posts, testimonials, and more. This page integrates various components to create a dynamic and engaging user experience. It's the starting point of your application!

Features

💡 Hero Section: Displays the main headline and call-to-actions for users to explore your content.

🚀 Feature Highlights: Showcases key features of your platform or project.

🗣️ User Testimonials: Displays feedback from users in a visually appealing way.

❓ Frequently Asked Questions: Provides answers to common user inquiries.

📧 Newsletter Subscription: Allows users to subscribe to your newsletter for updates.

📝 Blog Posts: Displays the latest blog posts to engage users with fresh content.

What's Included

< Hero />

The Hero component introduces the landing page, providing a welcoming message with calls to action for exploring your products.

< Features />

The Features component highlights key features of your product or platform.

< Components />

The Components component lists the available featured products, their details, prices and provides links to explore more.

Props:

Prop Name	Type	Description
type	string	The type of components (e.g., nextjs).
components	array	An array of components to display.
title	string	The title of the section (e.g., "Components & Features").
more	boolean	Determines if the "more components" button is displayed.

< Technologies />

The Technologies component showcases the tech stack used on the platform. It optionally uses a marquee animation to continuously scroll through the technology logos.

Props:

Prop Name	Type	Description
technologiesList	array	List of technologies to display.
play	boolean	If true, uses a marquee to scroll technologies.

< Testimonials />

The Testimonials component displays user testimonials, providing social proof for the platform.

Props:

Prop Name	Type	Description
testimonials	array	An array of testimonials to display.

< FrequentlyAskedQuestions />

The FAQ component displays a list of frequently asked questions in an accordion-style UI.

Props:

Prop Name	Type	Description
faqData	array	An array of FAQ objects containing questions and answers.

< Newsletter />

The Newsletter component allows users to subscribe to the platform's newsletter.

Props:

Prop Name	Type	Description
title	string	The title of the newsletter section.
description	string	The description of the newsletter section.
buttonText	string	Text displayed on the subscription button.

< BlogSection />

The BlogSection component lists recent blog posts in your platform.

Props:

Prop Name	Type	Description
posts	array	An array of blog post objects to display.