Nextjs Landing Page
Nextjs landing page
A brief introduction to your project. Describe what the project does and why it's useful or important.Features Smooth scrolling: Implemented with Lenis to ensure a smooth scrolling experience across the landing page. Responsive Design: The landing page is fully responsive and works well across different screen sizes. Animation: Animations on the ProductShowcase and the logo ticker use Framer Motion for smooth transitions. FAQs Section: A collapsible FAQs section for addressing common user questions. Technologies Used This project was built using:
React with TypeScript Next.js for SSR and routing Framer Motion for animations Lenis for smooth scrolling Tailwind CSS for styling Installation Follow the steps below to set up the project locally:
Clone the repository:
bash git clone text cd nestjs-landing-page Install dependencies:
Make sure you have Node.js installed, then run:
bash npm install Run the development server:
After installing the dependencies, start the development server:
bash
npm run dev Build for production:
If you want to create a production build, use:
bash npm run build npm run start Usage After starting the development server, open http://localhost:3000 to see the landing page in action. Explore the page and see the various features like the logo ticker, smooth scrolling, animations, and more.
