MetatroncubeSoftwareSolutions/MetatronLatestWebsite
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

brand logo issue fixed

Browse Source
This commit is contained in:
Selvi 2026-03-17 14:58:26 +05:30
parent 5874eb3b8b
commit c4bd2e1c01
8 changed files with 36 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
public/assets/img/add/icon-1.webp → public/assets/img/add/big-commerce.webp
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

0
public/assets/img/add/icon-3.webp → public/assets/img/add/constant.webp
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

0
public/assets/img/add/icon-4.webp → public/assets/img/add/hike.webp
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

0
public/assets/img/add/icon-2.webp → public/assets/img/add/shopify.webp
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

6
public/llms.txt
View File

@ -1,3 +1,6 @@
User-agent: *
Allow: /
# Metatroncube Software Solutions # Metatroncube Software Solutions
> Metatroncube Software Solutions is a technology and digital solutions company based in Waterloo, Ontario, Canada. We specialize in custom software development, web application development, mobile app development, ERP systems, UI/UX design, and digital marketing services for startups, small businesses, and enterprises. > Metatroncube Software Solutions is a technology and digital solutions company based in Waterloo, Ontario, Canada. We specialize in custom software development, web application development, mobile app development, ERP systems, UI/UX design, and digital marketing services for startups, small businesses, and enterprises.
@ -29,7 +32,8 @@ https://metatroncubesolutions.com/service/mobile-application-development
https://metatroncubesolutions.com/service/graphic-designing-company https://metatroncubesolutions.com/service/graphic-designing-company
https://metatroncubesolutions.com/service/ui-ux-designing https://metatroncubesolutions.com/service/ui-ux-designing
https://metatroncubesolutions.com/service/search-engine-optimization-seo-content-writing https://metatroncubesolutions.com/service/search-engine-optimization-seo-content-writing
https://metatroncubesolutions.com/digital-marketing https://metatroncubesolutions.com/service/digital-marketing-agency-in-canada
https://metatroncubesolutions.com/service/erp-development-implementation
## Main Website Pages ## Main Website Pages

37
src/components/home/home-1/BrandSection.tsx
View File

@ -4,6 +4,13 @@ import SectionTitle from "@/components/common/SectionTitle";
import Slider from "react-slick"; import Slider from "react-slick";
const BrandSection = ({ start = 1 }) => { const BrandSection = ({ start = 1 }) => {
const brand = [
{ id: 1, src: "/assets/img/add/big-commerce.webp", alt: "Brand 1" },
{ id: 2, src: "/assets/img/add/shopify.webp", alt: "Brand 2" },
{ id: 3, src: "/assets/img/add/constant.webp", alt: "Brand 3" },
{ id: 4, src: "/assets/img/add/hike.webp", alt: "Brand 4" },
];
const settings = { const settings = {
dots: false, dots: false,
arrows: false, arrows: false,
@ -53,20 +60,22 @@ const BrandSection = ({ start = 1 }) => {
centered={true} centered={true}
className="mb-30" className="mb-30"
/> />
<div className="small-container"> <Slider {...settings} className="brand-active">
<Slider {...settings} className="brand-active"> {brand.map((item) => (
{[1, 2, 3, 4].map((num, i) => ( <div
<div key={i} className="brand-item d-flex justify-content-center align-items-center"> key={item.id}
<span> className="brand-item d-flex justify-content-center align-items-center"
<img >
src={`/assets/img/add/icon-${num}.webp`} <span>
alt={`Brand ${start + i}`} <img
/> src={item.src}
</span> alt={item.alt}
</div> loading="lazy"
))} />
</Slider> </span>
</div> </div>
))}
</Slider>
</div> </div>
</section> </section>
); );

8
src/components/mobile-app-development-service/BrandSlider.tsx
View File

@ -5,10 +5,10 @@ import GsapReveal from '@/components/mobile-app-development-service/support/comm
const BrandSlider = () => { const BrandSlider = () => {
const brands = [ const brands = [
{ id: 1, src: "/assets/img/add/icon-1.webp", alt: "Brand 1" }, { id: 1, src: "/assets/img/add/big-commerce.webp", alt: "Brand 1" },
{ id: 2, src: "/assets/img/add/icon-2.webp", alt: "Brand 2" }, { id: 2, src: "/assets/img/add/shopify.webp", alt: "Brand 2" },
{ id: 3, src: "/assets/img/add/icon-3.webp", alt: "Brand 3" }, { id: 3, src: "/assets/img/add/constant.webp", alt: "Brand 3" },
{ id: 4, src: "/assets/img/add/icon-4.webp", alt: "Brand 4" }, { id: 4, src: "/assets/img/add/hike.webp", alt: "Brand 4" },
]; ];
const settings = { const settings = {

8
src/components/web-development-service/BrandSlider.tsx
View File

@ -5,10 +5,10 @@ import GsapReveal from '@/components/common/GsapReveal';
const BrandSlider = () => { const BrandSlider = () => {
const brands = [ const brands = [
{ id: 1, src: "/assets/img/add/icon-1.webp", alt: "Brand 1" }, { id: 1, src: "/assets/img/add/big-commerce.webp", alt: "Brand 1" },
{ id: 2, src: "/assets/img/add/icon-2.webp", alt: "Brand 2" }, { id: 2, src: "/assets/img/add/shopify.webp", alt: "Brand 2" },
{ id: 3, src: "/assets/img/add/icon-3.webp", alt: "Brand 3" }, { id: 3, src: "/assets/img/add/constant.webp", alt: "Brand 3" },
{ id: 4, src: "/assets/img/add/icon-4.webp", alt: "Brand 4" }, { id: 4, src: "/assets/img/add/hike.webp", alt: "Brand 4" },
]; ];
const settings = { const settings = {