|
|
@@ -1,9 +1,10 @@
|
|
|
+"use client"
|
|
|
import React from 'react';
|
|
|
import Image from "next/image";
|
|
|
import {ArrowRight, Coins, Database, Diamond, FileText, Gem, MessageCircle, Network, TrendingUp} from "lucide-react";
|
|
|
import MainTitle from "@/components/MainTitle";
|
|
|
import SubTitle from "@/components/subTitle";
|
|
|
-import {Image as AntdImage} from 'antd';
|
|
|
+import {Image as AntdImage, Carousel, ConfigProvider} from 'antd';
|
|
|
import AnimatedSection from '@/components/AnimatedSection';
|
|
|
|
|
|
function Page() {
|
|
|
@@ -108,9 +109,36 @@ function Page() {
|
|
|
return (
|
|
|
<div className="bg-[#EFF5FB]">
|
|
|
<AnimatedSection effect="slide" direction="right">
|
|
|
- <div className="w-full h-full flex items-center justify-center text-white text-4xl font-bold">
|
|
|
- <Image src={"/assets/business/1.png"} alt={"banner"} width={1920} height={1080}/>
|
|
|
- </div>
|
|
|
+ <ConfigProvider
|
|
|
+ theme={{
|
|
|
+ components: {
|
|
|
+ Carousel: {
|
|
|
+ arrowSize: 28,
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <Carousel
|
|
|
+ autoplay
|
|
|
+ autoplaySpeed={3000}
|
|
|
+ arrows
|
|
|
+ dots={{
|
|
|
+ className: "bottom-4"
|
|
|
+ }}
|
|
|
+ adaptiveHeight={true}
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <div className="w-full h-full flex items-center justify-center text-white text-4xl font-bold">
|
|
|
+ <Image src={"/assets/business/5.png"} alt={"banner"} width={1920} height={1080} className="w-full object-cover" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div className="w-full h-full flex items-center justify-center text-white text-4xl font-bold">
|
|
|
+ <Image src={"/assets/business/6.png"} alt={"banner"} width={1920} height={1080} className="w-full object-cover" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Carousel>
|
|
|
+ </ConfigProvider>
|
|
|
</AnimatedSection>
|
|
|
|
|
|
<div className="py-6 sm:py-10">
|