brand logo issue fixed

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

View File

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

View File

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@ -1,3 +1,6 @@
User-agent: *
Allow: /
# 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.
@ -29,7 +32,8 @@ https://metatroncubesolutions.com/service/mobile-application-development
https://metatroncubesolutions.com/service/graphic-designing-company
https://metatroncubesolutions.com/service/ui-ux-designing
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

View File

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

View File

@ -5,10 +5,10 @@ import GsapReveal from '@/components/mobile-app-development-service/support/comm
const BrandSlider = () => {
const brands = [
{ id: 1, src: "/assets/img/add/icon-1.webp", alt: "Brand 1" },
{ id: 2, src: "/assets/img/add/icon-2.webp", alt: "Brand 2" },
{ id: 3, src: "/assets/img/add/icon-3.webp", alt: "Brand 3" },
{ id: 4, src: "/assets/img/add/icon-4.webp", alt: "Brand 4" },
{ 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 = {

View File

@ -5,10 +5,10 @@ import GsapReveal from '@/components/common/GsapReveal';
const BrandSlider = () => {
const brands = [
{ id: 1, src: "/assets/img/add/icon-1.webp", alt: "Brand 1" },
{ id: 2, src: "/assets/img/add/icon-2.webp", alt: "Brand 2" },
{ id: 3, src: "/assets/img/add/icon-3.webp", alt: "Brand 3" },
{ id: 4, src: "/assets/img/add/icon-4.webp", alt: "Brand 4" },
{ 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 = {