diff --git a/public/images/crossChain/comprehensive.png b/public/images/crossChain/comprehensive.png new file mode 100644 index 00000000..bc7677bf Binary files /dev/null and b/public/images/crossChain/comprehensive.png differ diff --git a/public/images/crossChain/eVMChain.png b/public/images/crossChain/eVMChain.png new file mode 100644 index 00000000..092eb6a9 Binary files /dev/null and b/public/images/crossChain/eVMChain.png differ diff --git a/public/images/crossChain/heroMobile.png b/public/images/crossChain/heroMobile.png new file mode 100644 index 00000000..0dab4614 Binary files /dev/null and b/public/images/crossChain/heroMobile.png differ diff --git a/public/images/crossChain/omnichainAccount.png b/public/images/crossChain/omnichainAccount.png new file mode 100644 index 00000000..cea506d3 Binary files /dev/null and b/public/images/crossChain/omnichainAccount.png differ diff --git a/public/images/crossChain/relayStation.png b/public/images/crossChain/relayStation.png new file mode 100644 index 00000000..d5252c77 Binary files /dev/null and b/public/images/crossChain/relayStation.png differ diff --git a/public/images/crossChain/relayStationMobile.png b/public/images/crossChain/relayStationMobile.png new file mode 100644 index 00000000..fd22ea6f Binary files /dev/null and b/public/images/crossChain/relayStationMobile.png differ diff --git a/public/images/crossChain/ringDa.png b/public/images/crossChain/ringDa.png new file mode 100644 index 00000000..667da2ad Binary files /dev/null and b/public/images/crossChain/ringDa.png differ diff --git a/public/images/heroBg.mp4 b/public/images/heroBg.mp4 new file mode 100644 index 00000000..a5f6a966 Binary files /dev/null and b/public/images/heroBg.mp4 differ diff --git a/src/components/CrossChain/Comprehensive.tsx b/src/components/CrossChain/Comprehensive.tsx new file mode 100644 index 00000000..24e5f017 --- /dev/null +++ b/src/components/CrossChain/Comprehensive.tsx @@ -0,0 +1,32 @@ +import React from "react"; +import TitleAndTextSection from "./TitleAndTextSection"; + +const Comprehensive = () => { + return ( +
+ Comprehensive +
+ + + + Learn more + right-arrow + +
+
+ ); +}; + +export default Comprehensive; diff --git a/src/components/CrossChain/EVMChain.tsx b/src/components/CrossChain/EVMChain.tsx new file mode 100644 index 00000000..63808d88 --- /dev/null +++ b/src/components/CrossChain/EVMChain.tsx @@ -0,0 +1,20 @@ +import TitleAndTextSection from "./TitleAndTextSection"; + +const EVMChain = () => { + return ( +
+ + +
+ ); +}; + +export default EVMChain; diff --git a/src/components/CrossChain/GovernedSection.tsx b/src/components/CrossChain/GovernedSection.tsx new file mode 100644 index 00000000..ad682765 --- /dev/null +++ b/src/components/CrossChain/GovernedSection.tsx @@ -0,0 +1,18 @@ +const GovernedSection = () => { + return ( +
+

+ Governed by +

+ ringDa +

+ RingDAO refers to the next governance version of Darwinia. RING serves as the governance token for RingDAO, and + the upgrades to Darwinia Chain will be governed by RingDAO. RING also functions as the Gas Token for Darwinia + Chain and plays a role in Collator Staking, among other aspects. RingDAO also governs other projects, including + Msgport and SubAPI. Learn more. +

+
+ ); +}; + +export default GovernedSection; diff --git a/src/components/CrossChain/Hero.tsx b/src/components/CrossChain/Hero.tsx new file mode 100644 index 00000000..6eac9ba0 --- /dev/null +++ b/src/components/CrossChain/Hero.tsx @@ -0,0 +1,32 @@ +const Hero = () => { + return ( +
+
+ heroMobile +
+
+ +
+
+

+ POWERING YOUR +

+

+ {"DAPP’S CROSS-CHAIN CAPABILITIES"} +

+
+
+

Powering Your DApp’s

+

CROSS-CHAIN CAPABILITES

+
+ + Develop with Darwinia + right-arrow + +
+ ); +}; + +export default Hero; diff --git a/src/components/CrossChain/OmnichainAccount.tsx b/src/components/CrossChain/OmnichainAccount.tsx new file mode 100644 index 00000000..faf6d993 --- /dev/null +++ b/src/components/CrossChain/OmnichainAccount.tsx @@ -0,0 +1,22 @@ +import TitleAndTextSection from "./TitleAndTextSection"; + +const OmnichainAccount = () => { + return ( +
+ omnichainAccount + +
+ ); +}; + +export default OmnichainAccount; diff --git a/src/components/CrossChain/RelayStation.tsx b/src/components/CrossChain/RelayStation.tsx new file mode 100644 index 00000000..7afda2ec --- /dev/null +++ b/src/components/CrossChain/RelayStation.tsx @@ -0,0 +1,20 @@ +import React from "react"; +import TitleAndTextSection from "./TitleAndTextSection"; + +const RelayStation = () => { + return ( +
+ relayStation + relayStation + +
+ ); +}; + +export default RelayStation; diff --git a/src/components/CrossChain/TitleAndTextSection.tsx b/src/components/CrossChain/TitleAndTextSection.tsx new file mode 100644 index 00000000..81b6eb06 --- /dev/null +++ b/src/components/CrossChain/TitleAndTextSection.tsx @@ -0,0 +1,20 @@ +interface props { + text: string; + title: string; + classes: string; +} + +const TitleAndTextSection = ({ text, title, classes }: props) => { + return ( +
+

+ {title} +

+

+ {text} +

+
+ ); +}; + +export default TitleAndTextSection; diff --git a/src/components/Footer/OthersPageDesktopFooter.tsx b/src/components/Footer/OthersPageDesktopFooter.tsx index 3effd6fd..a2575b80 100644 --- a/src/components/Footer/OthersPageDesktopFooter.tsx +++ b/src/components/Footer/OthersPageDesktopFooter.tsx @@ -6,17 +6,27 @@ import SubscribeWrap from "../SubscribeWrap"; export default function OthersPageDesktopFooter() { return (
-
+
-
+
+
+ +
+
+ +
+
+ + +
); } diff --git a/src/components/FooterLinks/Section.tsx b/src/components/FooterLinks/Section.tsx index b7a612c3..bfa3c695 100644 --- a/src/components/FooterLinks/Section.tsx +++ b/src/components/FooterLinks/Section.tsx @@ -6,6 +6,8 @@ interface Props extends TSection {} export default function Section({ title, links }: Props) { const { isDesktopHeight } = useApp(); + console.log(title); + console.log(links); return (
diff --git a/src/components/FooterLinks/data.ts b/src/components/FooterLinks/data.ts index cd36891a..25c314dc 100644 --- a/src/components/FooterLinks/data.ts +++ b/src/components/FooterLinks/data.ts @@ -4,22 +4,80 @@ export const columns: { sections: Section[] }[] = [ { sections: [ { - title: "Documentation", + title: "Build", + links: [ + { text: "Smart Contract", href: "https://docs.darwinia.network/build/smart-contract/interact-with-web3js/", isExternal: true }, + { + text: "Node Operator", + href: "https://docs.darwinia.network/build/chain/run-collator-node/", + isExternal: true, + }, + { + text: "Frontier", + href: "https://github.com/polkadot-evm/frontier", + isExternal: true, + }, + { + text: "Substrate", + href: "https://substrate.io/", + isExternal: true, + }, + { + text: "Polkadot", + href: "https://polkadot.network/", + isExternal: true, + } + ], + }, + ], + }, + { + sections: [ + { + title: "Community", + links: [ + { + text: "Forum", + href: "https://github.com/orgs/darwinia-network/discussions", + isExternal: true + }, + { + text: "RingDAO", + href: "https://docs.darwinia.network/community/ringdao/", + isExternal: true, + }, + { text: "DCDAO", + href: "https://github.com/orgs/dcdao/discussions", + isExternal: true, + }, + ], + }, + { + title: "Cross-Chain Stack", links: [ - { text: "Darwinia", href: "https://docs.darwinia.network/", isExternal: true }, { text: "Msgport", - href: "https://docs.msgport.xyz/", + href: "https://msgport.xyz/", isExternal: true, }, { - text: "Helix Bridge", - href: "https://docs.helixbridge.app/", + text: "XAPI", + href: "https://github.com/xapi-box", + isExternal: true, + }, + { + text: "HelixBridge", + href: "https://helixbridge.app/", isExternal: true, }, { text: "XToken", - href: "https://xtoken.box/docs.html", + href: "https://xtoken.box/", + isExternal: true, + }, + { + text: "XAccount", + href: "https://xaccount.box/", isExternal: true, }, ], @@ -45,6 +103,7 @@ export const columns: { sections: Section[] }[] = [ isExternal: true, }, { text: "Collaboration", href: "https://github.com/darwinia-network/collaboration", isExternal: true }, +// { text: "Careers", href: "#", isExternal: true }, { text: "Brand", href: "https://darwinia.notion.site/Brand-Assets-9bd35f88f0674232954737577616f2c2", @@ -52,19 +111,6 @@ export const columns: { sections: Section[] }[] = [ }, ], }, - ], - }, - { - sections: [ - { - title: "Collaboration", - links: [ - { text: "Substrate_builders Program" }, - { text: "Web3 Foundation" }, - { text: "Web3.0 Bootcamp" }, - { text: "Polkadot" }, - ], - }, { title: "Others", links: [{ text: "About darwinia.network", href: "/about", isExternal: false }], diff --git a/src/components/FooterLinks/index.tsx b/src/components/FooterLinks/index.tsx index 72485b7b..7edf1df4 100644 --- a/src/components/FooterLinks/index.tsx +++ b/src/components/FooterLinks/index.tsx @@ -5,7 +5,7 @@ export default function FooterLinks() { return ( <> {columns.map((column, index) => ( -
+
{column.sections.map((section) => (
))} diff --git a/src/components/Header/OthersPageDesktopHeader.tsx b/src/components/Header/OthersPageDesktopHeader.tsx index b2b7616a..ab2258a3 100644 --- a/src/components/Header/OthersPageDesktopHeader.tsx +++ b/src/components/Header/OthersPageDesktopHeader.tsx @@ -22,7 +22,7 @@ export default function OthersPageDesktopHeader() { return (
diff --git a/src/components/Header/data.ts b/src/components/Header/data.ts index 6aa58e49..066b22bb 100644 --- a/src/components/Header/data.ts +++ b/src/components/Header/data.ts @@ -25,7 +25,7 @@ export const navigations: { }, { label: "Explorer", - link: "https://darwinia.subscan.io", + link: "https://explorer.darwinia.network", isExternal: true, }, { diff --git a/src/components/Subscribe.tsx b/src/components/Subscribe.tsx index 8a3a3d91..0c5a9f33 100644 --- a/src/components/Subscribe.tsx +++ b/src/components/Subscribe.tsx @@ -60,6 +60,7 @@ export default function Subscribe() { > Subscribe +
diff --git a/src/components/SubscribeWrap.tsx b/src/components/SubscribeWrap.tsx index d4011bdd..97aaec31 100644 --- a/src/components/SubscribeWrap.tsx +++ b/src/components/SubscribeWrap.tsx @@ -3,7 +3,9 @@ import Subscribe from "./Subscribe"; export default function SubscribeWrap({ isHomePage }: { isHomePage?: boolean }) { return (

Subscribe to Project Updates

diff --git a/src/pages/NewHome/index.tsx b/src/pages/NewHome/index.tsx new file mode 100644 index 00000000..5e2e9f76 --- /dev/null +++ b/src/pages/NewHome/index.tsx @@ -0,0 +1,23 @@ +import React from "react"; +import OthersPageWrap from "../../components/OthersPageWrap"; +import Hero from "../../components/CrossChain/Hero"; +import RelayStation from "../../components/CrossChain/RelayStation"; +import OmnichainAccount from "../../components/CrossChain/OmnichainAccount"; +import EVMChain from "../../components/CrossChain/EVMChain"; +import Comprehensive from "../../components/CrossChain/Comprehensive"; +import GovernedSection from "../../components/CrossChain/GovernedSection"; + +const CrossChain = () => { + return ( + + + + + + + + + ); +}; + +export default CrossChain; diff --git a/src/routes/routesList.ts b/src/routes/routesList.ts index a33c05ab..33d2ce35 100644 --- a/src/routes/routesList.ts +++ b/src/routes/routesList.ts @@ -12,7 +12,7 @@ const routesList = [ }, { path: "/", - component: lazy(() => import("../pages/Home")), + component: lazy(() => import("../pages/NewHome")), }, { path: "/papers", @@ -37,6 +37,10 @@ const routesList = [ { path: "/get-ring", component: lazy(() => import("../pages/GetRing")), + } , + { + path : "/new-home" , + component: lazy(() => import("../pages/NewHome")), } ]; diff --git a/tailwind.config.js b/tailwind.config.js index 99d20d6b..52f3be6b 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -21,6 +21,10 @@ module.exports = { maxWidth: { "8xl": "90rem", }, + screen : { + "4xl" : "1920px" , + "5xl" : "2560px" + } }, }, };