Skip to main content

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.

Soumyajit Landing Pages follows standard Create React App conventions, keeping all application source code inside src/ and static public assets inside public/. The component tree is organized by page — each route has its own subdirectory under src/components/ — so you can locate and edit any section of the site without hunting through a flat file list. Assets such as images, SVGs, and the PDF résumé live in src/Assets/ and are imported directly by the components that use them.

​
Directory tree

landing-pages/
├── public/
│   ├── index.html          # HTML shell — meta tags, title, root div
│   ├── favicon.png
│   └── manifest.json
├── src/
│   ├── App.js              # Root component, routing
│   ├── App.css
│   ├── style.css           # Global styles & CSS variables
│   ├── index.js            # React entry point
│   ├── Assets/             # Images, SVGs, PDF
│   │   └── Projects/       # Service/project card images
│   └── components/
│       ├── Navbar.js
│       ├── Footer.js
│       ├── Particle.js
│       ├── Pre.js
│       ├── ScrollToTop.js
│       ├── Home/
│       │   ├── Home.js
│       │   ├── Home2.js
│       │   └── Type.js
│       ├── About/
│       │   ├── About.js
│       │   ├── AboutCard.js
│       │   ├── Github.js
│       │   ├── Techstack.js
│       │   └── Toolstack.js
│       ├── Projects/
│       │   ├── Projects.js
│       │   └── ProjectCards.js
│       └── Resume/
│           └── ResumeNew.js
├── package.json
└── README.md

​
Key files explained

FileRole
src/App.jsDefines all four routes and mounts the persistent Navbar, Footer, and Preloader components that wrap every page
src/style.cssGlobal CSS variables (--imp-text-color, section backgrounds), custom scrollbar styling, and scoped styles for the navbar, home, project, about, and resume sections
src/components/Home/Type.jsExports the array of typewriter strings displayed in the hero — edit this file to change the animated role or tagline text
src/components/Projects/Projects.jsContains the service or project card data (title, description, preview image, external link) rendered by ProjectCards.js in the services grid
src/components/About/AboutCard.jsHolds the appointment and contact copy, including the list of CTA items shown on the About page
src/Assets/Central store for all images consumed by components; swap files here to rebrand the site without touching component logic

​
Routing

src/App.js configures the React Router v6 <Routes> tree. All routes share the same <Navbar> and <Footer> shell, and a 1.2-second <Preloader> is shown on the very first render.
PathComponentDescription
/HomeHero section with particle background, typewriter text, parallax image, and an intro panel
/projectProjectsResponsive services and project card grid
/aboutAboutAppointments, contact information, tech stack, and toolstack panels
/resumeResumeNewInline PDF résumé viewer with a download button
*—Wildcard catch-all; redirects any unknown URL back to /
The ScrollToTop component is mounted alongside the routes to ensure the browser scrolls to the top of the page on every client-side navigation.
To update any page’s written content — headings, body copy, card descriptions, or typewriter strings — see the Content Customisation guide. For a detailed breakdown of each component’s props and behavior, visit the Home Components reference.

Build docs developers (and LLMs) love

Get started for freeTalk to us