321

src/views/Baas33/index.tsx

@@ -4,7 +4,7 @@ import StyledButton from '@/components/StyledButton';
 import { AppContianer } from '@/layouts/AppContianer';
 import { Features } from './Features';
 import { Advantages } from './Advantages';
-
+import Baas33img from '@/assets/img/baas33.png'
 import {baasBalls} from '@/config/ballSetting'
 
 import { HeroBaas } from './HeroBaas';
@@ -13,10 +13,12 @@ import { baasBg } from '@/config/bgSetting';
 import { Service } from './Service';
 import { useContext, useEffect } from 'react';
 import { AppContext } from '@/store/AppProvider';
+import { useNavigate } from 'react-router';
 export interface IAppProps {
 }
 
 export default function Baas33 () {
+  const navigate = useNavigate()
   const b =['#sdfiw2','#fud8fu','#sdif822']
 
   return (
@@ -24,19 +26,33 @@ export default function Baas33 () {
       <div className="vertival-content">
       <PageLayout ballConfig={baasBalls[0].setting}>
         <>
-        <AppContianer className='z-[999999]'>
-                <div className="translate-y-[8vh]">
-                  <div className=" text-4xl  font-mono  tracking-widest font-medium">复杂美区块链开放服务平台</div>
+        
+          <div className="translate-y-[8vh] relative">
+          <AppContianer className='z-[999999]'>
+      
+                <div>
+                  <div className="title-1-cn">复杂美区块链开放服务平台</div>
                   <div className="flex gap-x-5 mt-5 ">
-                    <StyledButton text='开发者实验室'  color="black"></StyledButton>
-                    <StyledButton text='开发者文档'  color="black"></StyledButton>
+                    <StyledButton text='开发者实验室'  color="black" ></StyledButton>
+                    <StyledButton text='开发者文档'  color="black" onClick={()=>navigate('/docs/1')}></StyledButton>
                     <StyledButton text='一键搭建'  color="red"></StyledButton>
                   </div>
                 </div>
-        </AppContianer>
-            <div className="w-full">
-               <HeroBaas></HeroBaas>
-            </div>
+                </AppContianer>
+                <div>
+                <img src={Baas33img} className="w-[110%]" />
+                <div className=" -translate-y-[5rem] flex justify-center gap-x-20 title-2-cn">
+                  <div>高效</div>
+                  <div>稳定</div>
+                  <div>低成本</div>
+                  <div>安装便捷</div>
+                </div>
+                </div>
+              </div>
+     
+{/*          
+               <HeroBaas></HeroBaas> */}
+           
 
         </>
       </PageLayout>