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/block-slider/DocAsTabs.jsx
+70
View File
@@ -0,0 +1,70 @@
'use client'
import Image from "next/image";
import React from "react";
import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
const DocAsTabs = () => {
return (
<>
<Tabs>
<TabList>
<Tab>
<div className="d-flex align-items-center">
<Image width="17" height="18" src="/images/icon/90.svg" alt="icon" />
<p>Team Box</p>
</div>
</Tab>
{/* End .d-felx */}
<Tab>
<div className="d-flex align-items-center ">
<Image width="17" height="18" src="/images/icon/91.svg" alt="icon" />
<p>Project & Task</p>
</div>
</Tab>
{/* End .d-felx */}
<Tab>
<div className="d-flex align-items-center">
<Image width={18} height={18} src="/images/icon/92.svg" alt="icon" />
<p>Note & Docs</p>
</div>
</Tab>
{/* End .d-felx */}
</TabList>
<div className="mt-50 sm-mt-30">
<TabPanel>
<Image width={1155} height={685} style={{height:'fit-content'}}
src="/images/assets/screen_11.png"
alt="screen"
className="m-auto"
data-aos="fade"
data-aos-duration="1200"
/>
</TabPanel>
<TabPanel>
<Image width={1155} height={685} style={{height:'fit-content'}}
src="/images/assets/screen_15.png"
alt="screen"
className="m-auto"
data-aos="fade"
data-aos-duration="1200"
/>
</TabPanel>
<TabPanel>
<Image width={1155} height={685} style={{height:'fit-content'}}
src="/images/assets/screen_16.png"
alt="screen"
className="m-auto"
data-aos="fade"
data-aos-duration="1200"
/>
</TabPanel>
</div>
{/* /.pricing-table-area-six */}
</Tabs>
</>
);
};
export default DocAsTabs;