Kaium Al Limon
Full-Stack Mobile & Web Software Engineer
initializing experience
000
An Australian digital marketing & web development agency portfolio built with Next.js 16 and React 19.
Marketing With a Mind of Its Own
NeuroWeb is a cutting-edge digital marketing website that combines neuroscience-inspired strategy with deep marketing expertise to deliver measurable growth for businesses. Built with modern web technologies, it features an immersive user experience with interactive 3D elements, smooth animations, and comprehensive sections showcasing services and expertise.
/): Complete landing page with all sections/services): Service offerings and expertise/about): Company information and team/contact): Contact forms and information#6a5f6d - Main brand color used throughoutneuroweb/
├── public/ # Static assets
│ ├── hero-video.mp4 # Hero section background video
│ ├── about-us-section-image.jpg # About section image
│ └── *.svg # SVG icons and graphics
├── src/
│ ├── app/ # Next.js App Router
│ │ ├── globals.css # Global styles and CSS variables
│ │ ├── layout.tsx # Root layout with font configuration
│ │ ├── page.tsx # Home page with all sections
│ │ ├── not-found.tsx # Custom 404 error page
│ │ ├── error.tsx # Global error boundary
│ │ ├── services/ # Services page
│ │ ├── about/ # About page
│ │ └── contact/ # Contact page
│ ├── components/ # Reusable components
│ │ ├── background/ # 3D background components
│ │ │ └── silk.tsx # Three.js silk animation
│ │ ├── custom/ # Custom interactive components
│ │ │ ├── animated-counter.tsx
│ │ │ └── hero-video.tsx
│ │ └── ui/ # shadcn/ui components
│ │ ├── accordion.tsx
│ │ ├── button.tsx
│ │ ├── canvas-reveal-effect.tsx
│ │ ├── shiny-text.tsx
│ │ ├── skeleton.tsx
│ │ └── spotlight-card.tsx
│ ├── layouts/ # Page layout components
│ │ └── home/ # Home page sections
│ │ ├── Header.tsx # Navigation with active state
│ │ ├── Hero.tsx # Hero section with video
│ │ ├── Services.tsx # Services showcase
│ │ ├── WhyNeuroweb.tsx # Value propositions
│ │ ├── About.tsx # Team section with Canvas Reveal
│ │ ├── faq.tsx # FAQ accordion section
│ │ └── footer.tsx # Complete footer with links
│ └── lib/ # Utilities and helpers
│ └── utils.ts # Tailwind class utilities
├── components.json # shadcn/ui configuration
├── next.config.ts # Next.js configuration
├── tailwind.config.ts # Tailwind CSS configuration
├── tsconfig.json # TypeScript configuration
└── package.json # Dependencies and scripts
usePathname hook for current page highlighting| Script | Description |
|---|---|
npm run dev | Start development server with Turbopack |
npm run build | Build the application for production |
npm run start | Start the production server |
npm run lint | Run ESLint for code quality checks |
npm run type-check | Run TypeScript compiler for type checking |
next.config.ts: Next.js configuration with image domainstailwind.config.ts: Custom color scheme and animationstsconfig.json: Strict TypeScript configurationcomponents.json: shadcn/ui component configurationeslint.config.mjs: ESLint rules and TypeScript integrationBuilt with ❤️ by Kaium Al Limon
NeuroWeb - Where Marketing Meets Mind Science 🧠✨