Symquantum: A Simple Multi-Page Landing Website
This project is a landing page I built for a subcompany of my previous employer. It was used to showcase the subcompany to investors, featuring a multi-page layout with a hover menu with dynamic items.
Live Site
As this is a commercial project, the source code is not publicly available. Please note that the
live website may have evolved since these screenshots were taken.
Pages
- root — single page
- About — single page
- Products — subpages
- Solutions — subpages
- Support — single page
Technologies
- Next.js
- shadcn/ui
- Tailwind CSS
Features
- Icons were converted into components for easier color and size manipulation, rather than using raw SVGs — this also allows icons to be reused throughout the application without redeclaring them each time.
- The logo in both the footer and header is the same component, rendered with different configurations.
- A carousel to display two different images.
- Easily interchangeable color palette.
- Fully responsive (RWD) — accessible on mobile, tablet, and desktop.
- A "Public Resources" section featuring a modal that displays available files for download, served directly from the public folder.
- Dynamic hover menu whose container width adjusts automatically to fit between 3 and 5 items.
Screenshots
Home Page
About Page
Product Page
Interactive Sections
Responsiveness
