Skip to content

Commit 12cc54e

Browse files
Amit-ArkayAmit-Arkay
committed
Initial Commit
1 parent f20c225 commit 12cc54e

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+2862
-0
lines changed

‎.gitignore‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# Custom
4+
.vscode
5+
package-lock.json
6+
7+
# dependencies
8+
/node_modules
9+
/.pnp
10+
.pnp.js
11+
12+
# testing
13+
/coverage
14+
15+
# production
16+
/build
17+
18+
# misc
19+
.DS_Store
20+
.env.local
21+
.env.development.local
22+
.env.test.local
23+
.env.production.local
24+
25+
npm-debug.log*
26+
yarn-debug.log*
27+
yarn-error.log*

‎README.md‎

Lines changed: 163 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,163 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6+
<meta name="description" content="Free React template for ready-mix concrete suppliers, contractors, and construction websites." />
7+
<meta name="keywords" content="React template for construction company, concrete supplier business website, ready-mix concrete site design, Bootstrap 5 responsive construction theme, contractor portfolio React template, SEO-friendly industrial website, fast-loading building company site, mobile-first layout for RMC firms, modern UI for concrete businesses, free React template for contractors" />
8+
<meta name="author" content="Themixly Web" />
9+
<link rel="canonical" href="https://themixly.com/themes/ready-mix-concrete-react-template/" />
10+
</head>
11+
<body>
12+
<h1>RMCPro – React Template for Ready Mix Concrete Suppliers & Construction Companies</h1>
13+
14+
<h2>Introduction</h2>
15+
<p>RMCPro is a free, responsive, and SEO-optimized React template designed for ready-mix concrete (RMC) suppliers, construction companies, and industrial service providers. Built with React 19+ & Bootstrap 5, it helps businesses establish a modern, mobile-friendly web presence with a clean UI and fast performance — ideal for showcasing products, services, and contact info.</p>
16+
17+
<h2>🔗 Live Preview & Download</h2>
18+
<ul>
19+
<li>🚀 <a href="https://themixly.com/preview/687/ready-mix-concrete-react-template/" target="_blank"> Live Demo – RMCPro Template</a></li>
20+
<li>🛒 <a href="https://themixly.com/themes/ready-mix-concrete-react-template/" target="_blank"> Buy Full Version – Pro Template on Themixly</a></li>
21+
<li>📦 <a href="https://github.com/themixlyweb/react-construction-website-template" target="_blank"> Download from GitHub (Free)</a></li>
22+
</ul>
23+
24+
<h2>🧩 Feature Comparison: GitHub Free vs Themixly Pro</h2>
25+
<table>
26+
<thead>
27+
<tr><th>Feature</th><th>GitHub Free Version</th><th>Themixly Full Version</th></tr>
28+
</thead>
29+
<tbody>
30+
<tr><td>React 19+</td><td>✅</td><td>✅</td></tr>
31+
<tr><td>Multi-page Layout</td><td>❌</td><td>✅</td></tr>
32+
<tr><td>Custom Components</td><td>Limited</td><td>Full UI Kit Included</td></tr>
33+
<tr><td>Product/Service Showcase Pages</td><td>❌</td><td>✅</td></tr>
34+
<tr><td>Testimonials & Client Logos Section</td><td>❌</td><td>✅</td></tr>
35+
<tr><td>Plants & Gallery Page</td><td>❌</td><td>✅</td></tr>
36+
<tr><td>Contact Forms</td><td>❌</td><td>✅</td></tr>
37+
<tr><td>SEO Optimized Pages</td><td>Basic</td><td>Advanced</td></tr>
38+
<tr><td>Responsive for All Devices</td><td>✅</td><td>✅</td></tr>
39+
<tr><td>Lifetime Updates</td><td>Community Only</td><td>Lifetime Free Updates</td></tr>
40+
<tr><td>Licensing</td><td>MIT (Free)</td><td>Commercial Use Allowed</td></tr>
41+
<tr><td>Premium Support</td><td>Community via GitHub</td><td>1:1 Support via Email</td></tr>
42+
</tbody>
43+
</table>
44+
45+
<h3>👉 <a href="https://themixly.com/themes/ready-mix-concrete-react-template/" target="_blank"> Upgrade to Full Version</a></h3>
46+
47+
<h2>🧠 Template Use Cases</h2>
48+
<p>RMCPro is ideal for:>
49+
<ul>
50+
<li>Ready Mix Concrete (RMC) suppliers</li>
51+
<li>Construction companies and contractors</li>
52+
<li>Industrial product manufacturers</li>
53+
<li>Cement, stone, and building material vendors</li>
54+
<li>Equipment rental or civil project firms</li>
55+
<li>Infrastructure service providers</li>
56+
</ul>
57+
58+
<h2>💡 Key Features</h2>
59+
<ul>
60+
<li>Built with React 19 and Bootstrap 5</li>
61+
<li>Mobile-first, responsive layout with 4-column grid system</li>
62+
<li>Clean UI designed for industrial and construction niches</li>
63+
<li>Compatible with all major browsers: Chrome, Firefox, Safari, Edge</li>
64+
<li>Optimized for SEO, speed, and accessibility</li>
65+
<li>MIT licensed — free for personal and educational use</li>
66+
</ul>
67+
68+
<h2>📸 Screenshots</h2>
69+
<figure>
70+
<figcaption>Includes pages like Home, Company, Plants, RMC Services, Gallery, and Contact.</figcaption><br/>
71+
<img src="https://themixly.com/wp-content/uploads/2025/06/RMCPro-Produt-Detail-Image-2-scaled.png" alt="RMCPro – Multi-Page Preview">
72+
</figure>
73+
74+
<h2>✨ Why Choose RMCPro?</h2>
75+
<ul>
76+
<li>Tailored for the concrete, construction, and industrial sectors</li>
77+
<li>Built using modern tools: React, Bootstrap 5, and CSS</li>
78+
<li>Fully responsive for all devices and screen sizes</li>
79+
<li>Developer-friendly, scalable codebase</li>
80+
<li>Fast performance with semantic HTML and optimized structure</li>
81+
<li>Easy to deploy on Netlify, Vercel, or custom hosting</li>
82+
<li>Free to use with optional upgrade to Pro version</li>
83+
</ul>
84+
85+
<h2>🛠️ Tech Stack</h2>
86+
<ul>
87+
<li>⚛️ React 19+</li>
88+
<li>🧱 HTML + JSX structure</li>
89+
<li>🌍 Cross-browser compatibility</li>
90+
<li>🖥️ Designed for fast, SEO-optimized deployments</li>
91+
</ul>
92+
93+
<h2>🚀 Getting Started</h2>
94+
<pre><code>npm install # Install dependencies
95+
npm run dev # Start development server
96+
npm run build # Build for production</code></pre>
97+
98+
<h3>📁 Folder Structure</h3>
99+
100+
<pre><code>RMCPro/
101+
├── pages/
102+
├── public/
103+
├── src/
104+
│ ├── assets/
105+
│ │ ├── images/
106+
│ │ └── css/
107+
│ ├── components/
108+
│ ├── App/
109+
│
110+
├── README.md
111+
└── package.json</code></pre>
112+
113+
<h2>📦 What’s Included in the Free GitHub Version?</h2>
114+
<p>The free version of RMCPro includes:</p>
115+
<ul>
116+
<li>✅ Homepage layout with Hero, About, and Benefits sections</li>
117+
<li>✅ Header with navigation</li>
118+
<li>✅ Footer with contact and social links</li>
119+
<li>✅ Mobile-first, responsive layout</li>
120+
</ul>
121+
122+
<p>🔒 Full features like plants page, gallery page, client testimonials, contact form, and more are available in the premium version.</p>
123+
<p>👉 <a href="https://themixly.com/themes/ready-mix-concrete-react-template/" target="_blank">Buy Full Version on Themixly →</a></p>
124+
125+
<h2>📝 License</h2>
126+
<p>This template is licensed under the <a href="https://github.com/themixlyweb/react-construction-website-template/blob/main/LICENSE" target="_blank">MIT License</a>.<br>
127+
You may use this version for personal and educational purposes.<br>
128+
<p>👉 For commercial projects, please purchase the <a href="https://themixly.com/themes/ready-mix-concrete-react-template/" target="_blank">full version</a> here.</p>
129+
130+
<h2>📢 Support & Contributions</h2>
131+
<ul>
132+
<li>⭐ Star this repo if you find it useful</li>
133+
<li>Share with your dev network or construction business owners</li>
134+
<li>👉 Buy the Full Template on <a href="https://themixly.com/themes/ready-mix-concrete-react-template/" target="_blank">Themixly</a></li>
135+
</ul>
136+
137+
<h2>🔗 Other Templates You May Like</h2>
138+
<ul>
139+
<li>🏭 <a href="https://themixly.com/themes/industrial-minerals-react-nextjs-template/" target="_blank"> Mineralo – Industrial Minerals Website Template</a></li>
140+
<li>🔮 <a href="https://themixly.com/themes/pandit-astrologer-profile-react-nextjs-template/" target="_blank">AstroGuru – Astrologer Profile Website Template</a></li>
141+
<li>⚕️ <a href="https://themixly.com/themes/ent-clinic-react-nextjs-template/" target="_blank">ENTRova – ENT Clinic Website Template</a></li>
142+
</ul>
143+
144+
<p>Explore more templates → <a href="https://themixly.com/themes" target="_blank">Themixly Themes</a></p>
145+
146+
<h2>🧾 Contact Us</h2>
147+
<p>
148+
Need support or custom development?<br>
149+
📩 <a href="https://themixly.com/contact-us/" target="_blank">Contact Themixly Team</a><br>
150+
🔗 Follow us:
151+
<a href="https://www.facebook.com/profile.php?id=61576748155161" target="_blank">Facebook</a> |
152+
<a href="https://www.instagram.com/themixly/" target="_blank">Instagram</a> |
153+
<a href="https://www.linkedin.com/showcase/themixly" target="_blank">LinkedIn</a> |
154+
<a href="https://www.pinterest.com/Themixly" target="_blank">Pinterest</a> |
155+
<a href="https://www.youtube.com/@Thmixly" target="_blank">YouTube</a>
156+
</p>
157+
158+
<footer>
159+
© 2025 <a href="https://themixly.com/" target="_blank">Themixly</a>. All rights reserved. | Built with ❤️ for developers & designers.
160+
</footer>
161+
162+
</body>
163+
</html>

‎package.json‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
{
2+
"name": "rmc-pro",
3+
"version": "1.0.0",
4+
"private": true,
5+
"dependencies": {
6+
"@emotion/react": "^11.14.0",
7+
"@emotion/styled": "^11.14.1",
8+
"@mui/icons-material": "^7.2.0",
9+
"@mui/material": "^7.2.0",
10+
"@mui/styles": "^6.4.8",
11+
"bootstrap": "^5.3.7",
12+
"react": "^19.1.0",
13+
"react-bootstrap": "^2.10.10",
14+
"react-dom": "^19.1.0",
15+
"react-fast-marquee": "^1.6.5",
16+
"react-router-dom": "^7.7.0",
17+
"react-scripts": "^5.0.1",
18+
"web-vitals": "^5.0.3"
19+
},
20+
"devDependencies": {
21+
"clsx": "^2.1.1",
22+
"eslint-config-react-app": "^7.0.1"
23+
},
24+
"scripts": {
25+
"start": "react-scripts start",
26+
"build": "react-scripts build",
27+
"test": "react-scripts test",
28+
"eject": "react-scripts eject"
29+
},
30+
"eslintConfig": {
31+
"extends": [
32+
"react-app",
33+
"react-app/jest"
34+
]
35+
},
36+
"browserslist": {
37+
"production": [
38+
">0.2%",
39+
"not dead",
40+
"not op_mini all"
41+
],
42+
"development": [
43+
"last 1 chrome version",
44+
"last 1 firefox version",
45+
"last 1 safari version"
46+
]
47+
},
48+
49+
"overrides": {
50+
"nth-check": "^2.1.1",
51+
"postcss": "^8.4.38"
52+
}
53+
}

‎public/email.png‎

2.29 KB
Loading

‎public/favicon/apple-touch-icon.png‎

12.8 KB
Loading

‎public/favicon/favicon-96x96.png‎

5.37 KB
Loading

‎public/favicon/favicon.ico‎

14.7 KB
Binary file not shown.

‎public/favicon/favicon.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎public/favicon/site.webmanifest‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"name": "MyWebSite",
3+
"short_name": "MySite",
4+
"icons": [
5+
{
6+
"src": "/web-app-manifest-192x192.png",
7+
"sizes": "192x192",
8+
"type": "image/png",
9+
"purpose": "maskable"
10+
},
11+
{
12+
"src": "/web-app-manifest-512x512.png",
13+
"sizes": "512x512",
14+
"type": "image/png",
15+
"purpose": "maskable"
16+
}
17+
],
18+
"theme_color": "#ffffff",
19+
"background_color": "#ffffff",
20+
"display": "standalone"
21+
}

‎public/favicon/web-app-manifest-192x192.png‎

14.2 KB
Loading

0 commit comments

Comments
 (0)