Discover the future of cryptocurrency with Cryzeo, a sleek and fully responsive crypto landing page template. Built with React and Bootstrap for seamless development workflow, designed for crypto trading, token selling, and digital asset management. The perfect solution for modern blockchain and cryptocurrency platforms.
Preview our pages and access documentation
Explore our comprehensive cryptocurrency platform
Explore our comprehensive cryptocurrency platform
Single License – You can use the template for one project. Only you can access and use it.
Multiple License – You can use the template for multiple projects. Your team members or multiple users can also access it.
Extended License – If you intend to use the template for a client project, an end product for sale, or any commercial purpose, you are required to purchase the Extended License.
Welcome to the Cryzeo Crypto Landing Page Template documentation. This comprehensive React template is built with React, Bootstrap 5, SCSS, and modern web technologies to help you build powerful, responsive cryptocurrency and blockchain platforms. Following industry best practices, Cryzeo combines stunning design with powerful functionality perfect for crypto trading, token selling, and digital asset management. Featuring optimal performance and SEO optimization out of the box.
Built with React for optimal performance and modern UI
Perfect for cryptocurrency trading and blockchain platforms
Optimized for all devices and screen sizes
cryzeo-react/
├── src/
│ ├── pages/
│ │ ├── Home.jsx
│ │ ├── Home2.jsx
│ │ ├── Home3.jsx
│ │ ├── Home4.jsx
│ │ ├── About.jsx
│ │ ├── Blog.jsx
│ │ ├── Contact.jsx
│ │ └── Prices.jsx
│ ├── components/
│ │ ├── home/
│ │ ├── navbar/
│ │ ├── footer/
│ │ ├── modal/
│ │ └── ...
│ ├── scss/
│ │ ├── Components/
│ │ ├── Layout/
│ │ ├── pages/
│ │ └── style.scss
│ ├── images/
│ ├── utils/
│ ├── App.jsx
│ └── index.js
├── public/
├── .gitignore
├── package.json
└── README.mdReact pages and route components
Reusable React components for crypto UI
SCSS modules for styling and theming
Project dependencies and scripts
npm installnpm startHere are the key dependencies and their versions used in this Next.js project:
| Package | Version | Description |
|---|---|---|
react |
19.1.0 | JavaScript library for building user interfaces |
react-dom |
19.1.0 | React package for working with the DOM |
bootstrap |
^5.3.7 | CSS framework for responsive layouts |
react-bootstrap |
^2.10.10 | Bootstrap components built with React |
bootstrap-icons |
^1.13.1 | Official Bootstrap icon library |
sass |
^1.74.1 | CSS preprocessor for styling |
framer-motion |
^12.23.12 | Production-ready motion library for React |
chart.js |
^4.5.0 | Simple yet flexible JavaScript charting for crypto data |
react-chartjs-2 |
^5.3.0 | React wrapper for Chart.js |
react-icons |
^5.5.0 | Popular icon library for React |
react-intersection-observer |
^9.16.0 | React implementation of Intersection Observer API |
src/pages/home/ - Home page variants
src/pages/about/ - About page
src/pages/blog/ - Blog page
src/pages/price/ - Price charts page
src/pages/contact-us/ - Contact page
src/components/home/ - Home sections
src/components/layout/ - Header &
Footer
src/components/modal/ - Modal
components
src/components/price/ - Price charts
src/components/routes/ - Route
config
src/scss/style.scss - Main SCSS file
src/scss/_variables.scss - SCSS
variables
src/scss/Components/ - Component
styles
src/scss/Layout/ - Layout styles
src/scss/pages/ - Page-specific
styles
src/App.jsx - Main app with routing
src/index.js - Entry point
src/utils/ - Data & utilities
src/images/ - Image assets
package.json - Dependencies
Customize your theme colors by editing the SCSS variables file.
// In src/scss/_variables.scss
// Base Colors
$blue: #1252AE;
$indigo: #6610f2;
$purple: #6c38f4;
$pink: #d63384;
$red: #E34949;
$orange: #fd7e14;
$yellow: #E3C814;
$green: #4CB6AA;
$teal: #20c997;
$cyan: #00e7d4;
// Primary color (Crypto theme)
$primary: $cyan;Customize typography by updating font imports and variables.
// In src/scss/_variables.scss
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
// Font family
$font-family-base: "Figtree", sans-serif;We offer 6 months of support for any questions or issues you may encounter.
Discover the powerful technologies and tools that make our platform exceptional
Dynamic UI Library
Responsive Framework
React Components
Smooth Animations
Smart Styling
Web Structure
Modern Styling
Mobile Friendly
Web Typography
Vector Graphics
Clean Aesthetics
Flexible Components
Optimized Structure
Clear Guides
Always Available