A cinematic, modern, and interactive digital experience built for BlueOrbit Devs.
BlueOrbit Devs is a modern software development team focused on creating digital products, web applications, developer tools, and immersive user experiences.
This repository contains the source code for the official BlueOrbit Devs website.
The website is designed to communicate our work, products, services, engineering capabilities, development process, company story, and team through a modern interactive interface.
It is not intended to be a traditional static portfolio.
The experience combines:
- Modern UI/UX
- Motion and interaction
- Clean typography
- Responsive layouts
- Route-based navigation
- Interactive components
- Performance-focused development
BLUEORBIT DEVS
|
v
OUR WORK
|
v
PRODUCTS
|
v
SERVICES
|
v
ENGINEERING
|
v
PROCESS
|
v
ABOUT
|
v
TEAM
|
v
LET'S BUILD
- Modern cinematic UI
- Premium dark interface
- Fully responsive design
- Smooth page transitions
- Interactive animations
- Route-based navigation
- Clean URL structure
- Active navigation states
- Responsive mobile navigation
- Mobile hamburger menu
- Automatic mobile menu closing
- Work showcase
- Product showcase
- Services section
- Engineering section
- Development process
- About section
- Team section
- Contact functionality
- Custom 404 page
- Lucide/SVG based icons
- Optimized modern frontend architecture
The website uses clean route-based navigation.
Each major section has its own dedicated URL.
| Section | Route |
|---|---|
| Work | /work |
| Products | /products |
| Services | /services |
| Engineering | /engineering |
| Process | /process |
| About | /about |
| Team | /team |
| Contact | /contact |
The website does not use hash navigation such as:
/#work
/#products
/#services
/#engineering
/#process
/#about
/#team
Instead, it uses clean URLs:
/work
/products
/services
/engineering
/process
/about
/team
/contact
This allows:
- Browser Back/Forward navigation
- Direct URL access
- Shareable URLs
- Active route highlighting
- Better navigation structure
- Smooth transitions between pages
The main hero actions are connected to the appropriate routes.
Explore Our Work
|
v
/work
Let's Talk
|
v
/contact
Start a Project
|
v
/contact
BlueOrbit Devs is designed for different screen sizes and devices.
Supported layouts include:
- Desktop
- Laptop
- Tablet
- Mobile
- Small mobile devices
The navigation automatically switches to a mobile hamburger menu on smaller screens.
After selecting a navigation item on mobile, the menu closes automatically.
The website uses smooth transitions between routes to maintain a consistent cinematic experience.
Navigation should feel continuous rather than like a full page reload.
The existing visual language, animations, spacing, typography, and interaction patterns are preserved across routes.
Unknown routes are handled by a custom 404 page.
For example:
/random-page
will display the website's custom 404 / Not Found experience.
The 404 page is intentionally preserved as part of the website experience.
git clone https://github.com/BlueOrbitDevs/website.gitcd websitenpm installnpm run devThe application will be available at:
http://localhost:3000
npm run buildnpm startwebsite/
│
├── app/
│ ├── work/
│ ├── products/
│ ├── services/
│ ├── engineering/
│ ├── process/
│ ├── about/
│ ├── team/
│ ├── contact/
│ └── not-found.tsx
│
├── components/
│ ├── navbar/
│ ├── hero/
│ ├── sections/
│ ├── footer/
│ └── ui/
│
├── features/
│
├── lib/
│
├── public/
│ ├── banner.png
│ ├── screenshots/
│ └── assets/
│
├── components.json
├── eslint.config.mjs
├── next.config.ts
├── package.json
├── postcss.config.mjs
├── tsconfig.json
├── LICENSE
└── README.md
Next.js 16
Used for the core application architecture, routing, rendering, and production optimization.
React 19
Used to build the interactive component system.
TypeScript
Provides type safety and a maintainable development experience.
Tailwind CSS
Used for responsive layouts, utility styling, and the visual system.
Framer Motion
Used for smooth transitions and interactive motion.
Lucide Icons
Used for interface icons without relying on emoji-based UI elements.
Turbopack
Used for fast development builds and an improved development experience.
A software company website should communicate more than what the company does.
It should communicate how the company thinks.
BlueOrbit Devs focuses on combining:
Engineering
+
Design
+
Performance
+
Creativity
+
Experience
The goal is to create digital experiences that are:
- Fast
- Useful
- Reliable
- Beautiful
- Accessible
- Scalable
- Memorable
We believe good software is built through a combination of strong engineering and thoughtful design.
Our approach focuses on:
Build systems that are understandable, maintainable, and scalable.
Technology should make products easier and more enjoyable to use.
Fast experiences are part of good design.
Applications should be developed with security and privacy in mind.
Products should be able to grow without unnecessary architectural complexity.
Every product can be improved through iteration, feedback, and experimentation.
This repository contains proprietary software and intellectual property belonging to BlueOrbit Devs.
The source code, UI/UX design, visual design, graphics, assets, branding, logos, written content, animations, and other materials contained in this repository are protected by applicable copyright laws.
Unless explicitly authorized in writing by BlueOrbit Devs, you may not:
- Copy the source code
- Reproduce the website
- Redistribute the source code
- Modify the source code
- Create derivative works
- Reuse the UI/UX design
- Reuse website assets
- Reuse the branding
- Publish modified versions
- Use the project in another website
- Use the project for personal projects
- Use the project for commercial purposes
- Claim any part of the project as your own
Viewing or accessing this repository does not grant permission to reuse its contents.
Any permitted use must be explicitly authorized in writing by BlueOrbit Devs.
Proprietary — All Rights Reserved
Copyright © 2026 BlueOrbit Devs
This project is not open source.
No license is granted to copy, modify, distribute, reproduce, publish, or create derivative works from this project or its contents without prior written permission from BlueOrbit Devs.
See the LICENSE file for the complete terms.
If you would like to use any part of this project, including:
- Source code
- Components
- UI design
- Animations
- Graphics
- Website structure
- Branding
- Assets
please contact BlueOrbit Devs for permission before using it.
Unauthorized usage is prohibited.
If you are interested in working with BlueOrbit Devs, building a product, or discussing a project, visit the official website:
Built with passion by BlueOrbit Devs