Chiefsoft/FinMarket
1
0
Fork 0
Code Issues Pull Requests Releases Activity

first commit

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-02-12 23:25:43 -05:00
commit d8c7ec4866
1400 changed files with 90826 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/brand/Brand.jsx
+87
View File
@@ -0,0 +1,87 @@
'use client'
import React from "react";
import Slider from "react-slick";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import Image from "next/image";
const LogoSlider = [
{
img: "logo-1",
url: "",
},
{
img: "logo-2",
url: "",
},
{
img: "logo-3",
url: "",
},
{
img: "logo-4",
url: "",
},
{
img: "logo-5",
url: "",
},
{
img: "logo-6",
url: "",
},
{
img: "logo-7",
url: "",
},
{
img: "logo-3",
url: "",
},
];
const brand = () => {
const settings = {
dots: false,
arrow: true,
infinite: true,
speed: 900,
slidesToShow: 7,
slidesToScroll: 1,
autoplay: false,
margin: 30,
responsive: [
{
breakpoint: 991,
settings: {
slidesToShow: 6,
},
},
{
breakpoint: 576,
settings: {
slidesToShow: 4,
},
},
{
breakpoint: 420,
settings: {
slidesToShow: 3,
},
},
],
};
return (
<Slider {...settings}>
{LogoSlider.map((val, i) => (
<div className="item" key={i}>
<a href={val.url}>
<Image width={140} height={38} style={{height:'38px',width:'fit-content'}} src={`/images/logo/${val.img}.png`} alt="logo" />
</a>
</div>
))}
</Slider>
);
};
export default brand;
components/brand/BrandFive.jsx
+81
View File
@@ -0,0 +1,81 @@
'use client'
import React from "react";
import Slider from "react-slick";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import Image from "next/image";
const LogoSlider = [
{
img: "logo-1",
url: "",
},
{
img: "logo-2",
url: "",
},
{
img: "logo-3",
url: "",
},
{
img: "logo-4",
url: "",
},
{
img: "logo-6",
url: "",
},
{
img: "logo-3",
url: "",
},
];
const BrandFive = () => {
const settings = {
dots: false,
arrow: true,
infinite: true,
speed: 900,
slidesToShow: 5,
slidesToScroll: 1,
autoplay: true,
margin: 30,
responsive: [
{
breakpoint: 991,
settings: {
slidesToShow: 4,
},
},
{
breakpoint: 576,
settings: {
slidesToShow: 3,
},
},
{
breakpoint: 420,
settings: {
slidesToShow: 2,
},
},
],
};
return (
<Slider {...settings}>
{LogoSlider.map((val, i) => (
<div className="item" key={i}>
<div className="img-meta d-flex align-items-center justify-content-center">
<a href={val.url}>
<Image width={122} height={38} style={{objectFit:'contain'}} src={`/images/logo/${val.img}.png`} alt="logo" />
</a>
</div>
</div>
))}
</Slider>
);
};
export default BrandFive;
components/brand/BrandFour.jsx
+85
View File
@@ -0,0 +1,85 @@
'use client'
import React from "react";
import Slider from "react-slick";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import Image from "next/image";
const LogoSlider = [
{
img: "logo-21",
url: "",
},
{
img: "logo-22",
url: "",
},
{
img: "logo-23",
url: "",
},
{
img: "logo-24",
url: "",
},
{
img: "logo-25",
url: "",
},
{
img: "logo-22",
url: "",
},
{
img: "logo-24",
url: "",
},
];
const BrandFour = () => {
const settings = {
dots: false,
arrow: true,
infinite: true,
speed: 900,
slidesToShow: 5,
slidesToScroll: 1,
autoplay: true,
margin: 30,
responsive: [
{
breakpoint: 991,
settings: {
slidesToShow: 4,
},
},
{
breakpoint: 576,
settings: {
slidesToShow: 3,
},
},
{
breakpoint: 420,
settings: {
slidesToShow: 2,
},
},
],
};
return (
<Slider {...settings}>
{LogoSlider.map((val, i) => (
<div className="item" key={i}>
<div className="img-meta d-flex align-items-center justify-content-center">
<a href={val.url}>
<Image width={163} height={150} style={{width:'100%',height:'fit-content'}} src={`/images/logo/${val.img}.png`} alt="logo" />
</a>
</div>
</div>
))}
</Slider>
);
};
export default BrandFour;
components/brand/BrandSeven.jsx
+23
View File
@@ -0,0 +1,23 @@
import React from "react";
const brandContent = [
{ name: "fa-facebook", link: "https://www.facebook.com/" },
{ name: "fa-twitter", link: "https://twitter.com/home" },
{ name: "fa-linkedin", link: "https://www.linkedin.com/feed/" },
];
const BrandSeven = () => {
return (
<>
{brandContent.map((val, i) => (
<li key={i}>
<a href={val.link} target="_blank" rel="noopener noreferrer">
<i className={`fa ${val.name}`} aria-hidden="true"></i>
</a>
</li>
))}
</>
);
};
export default BrandSeven;
components/brand/BrandSix.jsx
+57
View File
@@ -0,0 +1,57 @@
import React from "react";
import Image from "next/image";
const brandContent = [
{
colClass: `line-one`,
imgList: [
{
img: "logo-47",
},
{
img: "logo-48",
},
{
img: "logo-49",
},
],
},
{
colClass: `line-two`,
imgList: [
{
img: "logo-50",
},
{
img: "logo-51",
},
{
img: "logo-52",
},
],
},
];
const BrandSix = () => {
return (
<div className="row">
{brandContent.map((val, i) => (
<div className="col-sm-6" key={i}>
<div className={val.colClass}>
{val.imgList.map((brand, i) => (
<div
className="icon d-flex align-items-center justify-content-center"
key={i}
>
<Image width={197} height={130} style={{maxHeight:'36%',maxWidth:'92%',objectFit:'contain'}} src={`/images/logo/${brand.img}.png`} alt="brand" />
</div>
// /.icon
))}
</div>
{/* /.line-two */}
</div>
))}
</div>
);
};
export default BrandSix;
components/brand/BrandThree.jsx
+29
View File
@@ -0,0 +1,29 @@
import React from "react";
import Image from "next/image";
const BrandImages = [
"logo-32",
"logo-33",
"logo-34",
"logo-35",
"logo-36",
"logo-37",
"logo-38",
];
const BrandThree = () => {
return (
<>
{BrandImages.map((val, i) => (
<div
className="logo d-flex align-items-center justify-content-center"
key={i}
>
<Image width={130} height={82} style={{maxHeight:'50%',objectFit:'contain'}} src={`/images/logo/${val}.png`} alt="logo" />
</div>
))}
</>
);
};
export default BrandThree;
components/brand/BrandTwo.jsx
+82
View File
@@ -0,0 +1,82 @@
'use client'
import React from "react";
import Slider from "react-slick";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import Image from "next/image";
const LogoSlider = [
{
img: "logo-12",
url: "",
},
{
img: "logo-13",
url: "",
},
{
img: "logo-14",
url: "",
},
{
img: "logo-15",
url: "",
},
{
img: "logo-16",
url: "",
},
{
img: "logo-13",
url: "",
},
];
const BrandTwo = () => {
const settings = {
dots: false,
arrow: true,
infinite: true,
speed: 600,
slidesToShow: 5,
slidesToScroll: 1,
autoplay: true,
margin: 30,
responsive: [
{
breakpoint: 991,
settings: {
slidesToShow: 4,
},
},
{
breakpoint: 576,
settings: {
slidesToShow: 3,
},
},
{
breakpoint: 420,
settings: {
slidesToShow: 2,
},
},
],
};
return (
<Slider {...settings}>
{LogoSlider.map((val, i) => (
<div
className="img-meta d-flex align-items-center justify-content-center"
key={i}
>
<a href={val.url}>
<Image width={200} height={200} style={{width:'100%',height:'fit-content'}} src={`/images/logo/${val.img}.png`} alt="logo" />
</a>
</div>
))}
</Slider>
);
};
export default BrandTwo;