Skip to content

Commit

Permalink
fix:mint page image , usernodes page
Browse files Browse the repository at this point in the history
  • Loading branch information
@Rushikeshnimkar
Rushikeshnimkar committed Aug 28, 2024
1 parent 1564a74 commit 015caed
Show file tree
Hide file tree
Showing 5 changed files with 47 additions and 65 deletions.
2 changes: 1 addition & 1 deletion components/NodesDataDvpnUser.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ const NodesData = () => {

const fetchNodesData = async () => {
try {
const response = await axios.get(`${EREBRUS_GATEWAY_URL}/api/v1.0/nodes/all`);
const response = await axios.get(`${EREBRUS_GATEWAY_URL}api/v1.0/nodes/all`);

console.log("API Response:", response.data);

Expand Down
47 changes: 18 additions & 29 deletions pages/mint.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ const Mint = () => {
const [displayText, setDisplayText] = useState('Only at 1.11 APT');
const [displayText2, setDisplayText2] = useState('Pay in APT');
const [imageSrc, setImageSrc] = useState('/mintApt.png');
const [imageSrc2, setImageSrc2] = useState('/nft_aptos.png');
const [imageSrc2, setImageSrc2] = useState('/mint/nft_aptos.jpeg');

const chain = Cookies.get('Chain_symbol');

Expand Down Expand Up @@ -314,11 +314,11 @@ const Mint = () => {
<div className="bg-[#040819]">
<div className="p-6 sm:p-10 lg:p-20">
<div
className="text-white text-3xl sm:text-4xl md:text-5xl leading-normal mx-auto text-center"
className="text-white text-3xl sm:text-4xl md:text-5xl leading-normal mx-auto lg:ml-10"
style={{ fontFamily: 'sans-serif' }}
>
Mint Your VPN NFT, Secure, Private, <br />
<span>Exclusive</span>
Exclusive
</div>

<div
Expand All @@ -327,22 +327,22 @@ const Mint = () => {
<div className="w-full lg:w-1/2 flex justify-center items-center p-4">
<img src={imageSrc2} alt="VPN NFT" className="max-w-full h-auto" />
</div>
<div className="w-full lg:w-1/2 p-4">
<div className="text-white text-base sm:text-xl mt-4 flex items-center gap-2">
<div className="w-full lg:w-1/2 mt-20 flex flex-col gap-8">
<div className="text-white text-base sm:text-xl lg:text-2xl flex items-center gap-2 ">
<img src="/uis_calender.png" className="w-6 h-6" alt="Calendar" />
<div>3-Month Coverage</div>
</div>
<div className="text-white text-base sm:text-xl mt-4 flex items-center gap-2">
<div className="text-white text-base sm:text-xl lg:text-2xl flex items-center gap-2">
<img src="/mdi_users.png" className="w-6 h-6" alt="Users" />
<div>Unlimited Clients</div>
</div>
<div className="text-white text-base sm:text-xl mt-4 flex items-center gap-2">
<div className="text-white text-base sm:text-xl lg:text-2xl flex items-center gap-2">
<img src="/icomoon-free_price-tags.png" className="w-6 h-6" alt="Price Tags" />
<div>
{displayText}<span className="text-[16px] sm:text-[18px]">{chain === 'apt' ? "" : "($5.99)"}</span>
</div>
</div>
<div className="text-white text-base sm:text-xl mt-4 flex items-center gap-2">
<div className="text-white text-base sm:text-xl lg:text-2xl flex items-center gap-2">
<img src="/wpf_security-checked.png" className="w-6 h-6" alt="Security Checked" />
<div>Exceptional Value for Unmatched Security</div>
</div>
Expand Down Expand Up @@ -407,12 +407,14 @@ const Mint = () => {
className="w-60 -mt-10 absolute -top-10 -left-20"
/>
<div
className="relative rounded-3xl shadow dark:bg-gray-700 bgcolor pb-20"
style={{
border: "1px solid #0162FF",
boxShadow: "inset -10px -10px 60px 0 rgba(255, 255, 255, 0.4)",
}}
>
className="relative rounded-3xl shadow dark:bg-gray-700 pb-20"
style={{
border: "1px solid #0162FF",
background: "radial-gradient(89.33% 117.45% at 7.79% 5.87%, rgba(1, 98, 255, 0.52) 0%, rgba(1, 98, 255, 0.05) 100%)",
boxShadow: "0px 11px 62px rgba(21, 169, 234, 0.2), inset -12px 12px 26.8px rgba(0, 0, 0, 0.13)",
backdropFilter: "blur(12.5px)"
}}
>
<div
className="flex items-center justify-end px-4 py-6 rounded-t"
style={{ borderBottom: "1px solid #FFFFFF80" }}
Expand Down Expand Up @@ -481,17 +483,6 @@ const Mint = () => {
)}
</div>

{/* { !showconnectbutton && (<div className="flex items-center pb-20 pt-10 rounded-b w-1/2 mx-auto">
<button
onClick={stripe}
style={{ border: "1px solid #0162FF" }}
type="button"
className="flex w-full text-white font-bold focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-full text-md text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
>
<img src="/mint3.png" className="w-12"/>
<div className="px-5 py-2.5 ">Pay in USD</div>
</button>
</div>)} */}
</div>
<img
src="/coin2.png"
Expand Down Expand Up @@ -558,16 +549,14 @@ const Mint = () => {
</button>
</div>

<img src="/mint.png" className="mx-auto" />
<img src="/mint.png" className="mx-auto w-[24vh] h-[24vh]" />

<div className="p-4 md:p-5 space-y-4">
<p className="text-2xl text-center font-semibold text-white">
Congratulations
</p>
<p className="text-md text-center w-full mx-auto text-white">
You have minted your Erebrus NFT, welcome to an exclusive
journey of innovation and community. To set clients, click
button to go to subscription page.
You've minted your Erebrus NFT, Want to create VPN clients? Click View Subscription
</p>
</div>

Expand Down
63 changes: 28 additions & 35 deletions pages/usernodes.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,47 +1,40 @@
import React, { useEffect, useState} from "react";
import Link from "next/link";
import React from "react";
import NodeDwifiStreamUser from "../components/nodedataDwifiUser";
import NodesDataStreamDvpn from "../components/NodesDataDvpnUser";
import { motion } from "framer-motion";

const Dwifi = () => {

return(
<div className="bg-black">
<div className="container mx-auto py-20"
style={{
backgroundImage: 'radial-gradient(circle at center, rgba(86, 150, 255, 0.6) 4%, #0162FF80 10%, black 30%), url("/globe_image.png")',
return (
<div className="bg-gradient-to-b from-[#040819] via-[#092187] to-[#20253A] min-h-screen">
<div className="container mx-auto ">
<div
className="flex flex-col items-center justify-center lg:h-[40vw] mb-36 lg:mb-0 px-4 "
style={{
backgroundImage: 'url("/explorerhero.png")',
backgroundSize: 'cover',
backgroundBlendMode: 'overlay',
}}
>
<div className="flex flex-col items-center justify-center lg:h-[40vh] mt-10 lg:ml-0 lg:mr-0 md:ml-0 md:mr-0 ml-4 mr-4 mb-36 lg:mb-0 px-20 py-40">
<motion.h1
initial={{ y: 100, opacity: 0 }}
animate={{ y: 0, opacity: 1, transition: { duration: 1 } }}
className="text-6xl font-semibold text-gray-300 mb-8 w-3/5"
>
Manage Your ÐVPN & ÐWi-Fi Nodes
</motion.h1>
<motion.h1
initial={{ y: 100, opacity: 0 }}
animate={{ y: 0, opacity: 1, transition: { duration: 1 } }}
className="text-2xl text-white mb-8"
>
<p>
Discover data across your ÐWi-Fi network
</p>
</motion.h1>

<motion.h1
initial={{ y: 100, opacity: 0 }}
animate={{ y: 0, opacity: 1, transition: { duration: 1 } }}
className="text-6xl font-semibold text-gray-300 mb-8 text-center w-full lg:w-3/5"
>
Manage Your ÐVPN & ÐWi-Fi Nodes
</motion.h1>
<motion.h1
initial={{ y: 100, opacity: 0 }}
animate={{ y: 0, opacity: 1, transition: { duration: 1 } }}
className="text-2xl text-white text-center"
>
<p>Discover data across your ÐWi-Fi network</p>
</motion.h1>
</div>
</div>
</div>
<NodeDwifiStreamUser />
<NodesDataStreamDvpn/>
{/* <img src="/mapRegions.png"/> */}
<div className="h-[30vh]"></div>
</div>

)
}
<NodesDataStreamDvpn />
</div>
);
};

export default Dwifi;
export default Dwifi;
Binary file modified public/mint.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/mint/nft_aptos.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 015caed

Please sign in to comment.