brand logo issue fixed
|
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 7.5 KiB |
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.9 KiB |
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
@ -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
|
||||
|
||||
|
||||
@ -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>
|
||||
);
|
||||
};
|
||||
|
||||
@ -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 = {
|
||||
|
||||
@ -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 = {
|
||||
|
||||