first commit

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
+92
View File
@@ -0,0 +1,92 @@
'use client'
import Image from "next/image";
import React from "react";
const Social = () => {
return (
<ul className="clearfix">
<li data-aos="fade-up" data-aos-duration="1200">
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={51} height={51} src="/images/logo/09.png" alt="logo" />
</div>
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={35} height={35} src="/images/logo/10.png" alt="logo" />
</div>
</li>
{/* End li */}
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="100">
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={50} height={50} src="/images/logo/11.png" alt="logo" />
</div>
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={51} height={47} src="/images/logo/12.png" alt="logo" />
</div>
</li>
{/* End li */}
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="200">
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={48} height={49} src="/images/logo/13.png" alt="logo" />
</div>
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={37} height={42} src="/images/logo/14.png" alt="logo" />
</div>
</li>
{/* End li */}
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="300">
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={75} height={27} src="/images/logo/15.png" alt="logo" />
</div>
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={55} height={55} src="/images/logo/18.png" alt="logo" />
</div>
</li>
{/* End li */}
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="400">
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={60} height={58} src="/images/logo/16.png" alt="logo" />
</div>
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={45} height={45} src="/images/logo/17.png" alt="logo" />
</div>
</li>
{/* End li */}
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="600">
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={64} height={64} src="/images/logo/19.png" alt="logo" />
</div>
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={80} height={45} src="/images/logo/20.png" alt="logo" />
</div>
</li>
{/* End li */}
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="700">
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={47} height={47} src="/images/logo/21.png" alt="logo" />
</div>
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={41} height={35} src="/images/logo/22.png" alt="logo" />
</div>
</li>
{/* End li */}
<li data-aos="fade-up" data-aos-duration="1200" data-aos-delay="800">
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={57} height={54} src="/images/logo/23.png" alt="logo" />
</div>
<div className="icon-box d-flex align-items-center justify-content-center">
<Image width={37} height={37} src="/images/logo/24.png" alt="logo" />
</div>
</li>
{/* End li */}
</ul>
);
};
export default Social;
+94
View File
@@ -0,0 +1,94 @@
import React from "react";
import Image from "next/image";
const socialContent = [
{
classCol: "col-lg-3 col-md-4 col-6",
boxClass: "bx-a",
img: "p-1",
link: "#",
animationDelay: "",
},
{
classCol: "col-lg-2 col-md-4 col-6",
boxClass: "bx-b",
img: "p-2",
link: "#",
animationDelay: "50",
},
{
classCol: "col-lg-3 col-md-4 col-6",
boxClass: "bx-c",
img: "p-3",
link: "#",
animationDelay: "100",
},
{
classCol: "col-xl-2 col-lg-3 col-md-4 col-6",
boxClass: "bx-d",
img: "p-4",
link: "#",
animationDelay: "150",
},
{
classCol: "col-xl-2 col-lg-3 col-md-4 col-6",
boxClass: "bx-e",
img: "p-5",
link: "#",
animationDelay: "200",
},
{
classCol: "col-xl-4 col-lg-2 col-md-4 col-6",
boxClass: "bx-f",
img: "p-6",
link: "#",
animationDelay: "50",
},
{
classCol: "col-xl-2 col-lg-3 col-md-4 col-6",
boxClass: "bx-g",
img: "p-7",
link: "#",
animationDelay: "100",
},
{
classCol: "col-xl-3 col-lg-3 col-md-4 col-6",
boxClass: "bx-h",
img: "p-8",
link: "#",
animationDelay: "150",
},
{
classCol: "col-xl-3 col-lg-11 col-md-4 col-6",
boxClass: "bx-i",
img: "p-9",
link: "#",
animationDelay: "200",
},
];
const SocialTwo = () => {
return (
<div className="row justify-content-center">
{socialContent.map((val, i) => (
<div
className={val.classCol}
data-aos="fade-up"
data-aos-duration="1200"
data-aos-delay={val.animationDelay}
key={i}
>
<div className={`img-box ${val.boxClass}`}>
<a href="#">
<Image width={130} height={82} style={{maxHeight:'50%',objectFit:'contain'}} src={`/images/logo/${val.img}.png`} alt="logo" />
</a>
</div>
{/* /.img-box */}
</div>
))}
{/* End .col */}
</div>
);
};
export default SocialTwo;