Soumyajit Landing Pages is a production-ready React.js site template that gives developers and small businesses a polished, fully responsive starting point — without building from scratch. Whether you need a personal portfolio to showcase your work, a dental clinic landing page, or any service-oriented business site, this template ships with the visual polish and multi-page structure that would otherwise take weeks to assemble: animated particle backgrounds, smooth typewriter hero text, a parallax tilt image, an inline PDF resume viewer, and a services card grid — all wired together through React Router v6 and styled with React-Bootstrap 5.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/luislopez-stack/landing-pages/llms.txt
Use this file to discover all available pages before exploring further.
Key features
Multi-Page React Router Layout
Four client-side routes (Home, Projects, About, Resume) managed by React Router v6, with a persistent Navbar and Footer across all pages and a wildcard redirect to keep URLs clean.
Animated Particle Background
Powered by
react-tsparticles, the hero section renders a fully configurable interactive particle canvas that responds to mouse movement and adapts to any screen size.Typewriter Effect Hero
The
typewriter-effect library cycles through a customizable array of role titles or taglines, creating an eye-catching animated introduction in the hero section.Responsive Bootstrap Design
Every layout is built on React-Bootstrap 5 grid and utility classes, ensuring the site looks great on mobile, tablet, and desktop out of the box with no extra media queries.
Parallax Tilt Image
The hero profile image uses
react-parallax-tilt to create a smooth 3-D tilt effect on hover, adding depth and interactivity without any CSS hacks or canvas code.Preloader Screen
A lightweight preloader component (
Pre.js) displays on initial page load and disappears automatically after 1.2 seconds, giving assets time to settle before the UI appears.Inline PDF Resume Viewer
The Resume page uses
react-pdf to render a PDF document directly in the browser, allowing visitors to read and download your CV without leaving the site.Services Card Grid
The Projects page renders a responsive grid of service or project cards — each with a title, description, preview image, and optional external link — that you can populate entirely from a single data array.
Tech stack
| Library | Version | Purpose |
|---|---|---|
| React | 17 | Core UI library and component model |
| React Router DOM | v6 | Client-side multi-page routing |
| React-Bootstrap | 5 | Responsive grid, layout, and UI primitives |
| react-tsparticles | ^1.42 | Animated interactive particle background |
| react-parallax-tilt | ^1.7 | 3-D tilt hover effect on hero image |
| typewriter-effect | ^2.18 | Animated typewriter text in the hero section |
| react-pdf | ^5.7 | Inline PDF document renderer for the Resume page |
| react-icons | ^4.8 | Comprehensive SVG icon set used throughout the UI |
| axios | ^0.26 | HTTP client for any dynamic data fetching needs |
When to use this template
- Personal portfolio — Showcase projects, skills, and a downloadable résumé under a single branded domain with a memorable animated hero.
- Dental clinic or medical practice site — Repurpose the About/Appointments page for contact details, opening hours, and a booking call-to-action, and use the services grid for treatments offered.
- Small business landing page — Replace the projects grid with service cards, swap the typewriter strings for your value propositions, and update the branding colors in
style.csswithin minutes. - Freelancer or agency showcase — Highlight past work in the Projects grid, link each card to a case study, and direct potential clients to the contact section from anywhere on the site.
Ready to get the site running on your machine? Head to the Quickstart guide to clone the repo, install dependencies, and launch the dev server in under five minutes.