Dotbaseai/Dotbase-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update HeroSection.tsx

Browse Source
This commit is contained in:
yoginawaka 2025-02-05 11:03:15 +02:00 committed by GitHub
parent 78532a11ef
commit 688a1c8276
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 26 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
components/home/HeroSection.tsx
View File

@ -1,6 +1,6 @@
"use client"; "use client";
import Image from "next/image"; import Image from "next/image";
import { useCallback, useEffect, useState } from "react"; import { useCallback, useEffect } from "react";
import { usePrivy } from "@privy-io/react-auth"; import { usePrivy } from "@privy-io/react-auth";
import { useRouter } from 'next/navigation'; import { useRouter } from 'next/navigation';
import { motion } from "framer-motion"; import { motion } from "framer-motion";
@ -9,7 +9,7 @@ import img1 from "@/public/assets/images/Dashboard.png";
import { FlipWords } from "@/components/ui/animations/flip-words"; import { FlipWords } from "@/components/ui/animations/flip-words";
import { ContainerScroll } from "@/components/ui/animations/container-scroll-animation"; import { ContainerScroll } from "@/components/ui/animations/container-scroll-animation";
import { HoverBorderGradient } from "@/components/ui/animations/hover-border-gradient"; import { HoverBorderGradient } from "@/components/ui/animations/hover-border-gradient";
import axios from "axios"; // import axios from "axios";
// import { cn } from "@/lib/utils"; // import { cn } from "@/lib/utils";
// import { TypingAnimation } from "@/components/ui/animations/typing-animation"; // import { TypingAnimation } from "@/components/ui/animations/typing-animation";
// import { InteractiveGridPattern } from "@/components/ui/animations/interactive-grid-pattern"; // import { InteractiveGridPattern } from "@/components/ui/animations/interactive-grid-pattern";
@ -22,29 +22,29 @@ export default function HeroSection() {
const words = ["Smarter Workflows", "Seamless Processes", "Optimized Systems"]; const words = ["Smarter Workflows", "Seamless Processes", "Optimized Systems"];
const [CA, setCA] = useState(""); // const [CA, setCA] = useState("");
const [isCopied, setIsCopied] = useState<boolean>(false); // const [isCopied, setIsCopied] = useState<boolean>(false);
useEffect(() => { // useEffect(() => {
axios.get("https://catools.dev3vds1.link/get/almaze-labs") // axios.get("https://catools.dev3vds1.link/get/almaze-labs")
.then(response => { // .then(response => {
const data = response.data // const data = response.data
if (data) { // if (data) {
// console.log(`this is the data addr : ${data.address}`) // // console.log(`this is the data addr : ${data.address}`)
setCA(data.address); // setCA(data.address);
} // }
}) // })
.catch(error => { // .catch(error => {
console.error("Error fetching CA:", error); // console.error("Error fetching CA:", error);
}); // });
}, []); // }, []);
useEffect(() => { // useEffect(() => {
if (isCopied) { // if (isCopied) {
setTimeout(() => { // setTimeout(() => {
setIsCopied(false); // setIsCopied(false);
}, 3000); // }, 3000);
} // }
}); // });
useEffect(() => { useEffect(() => {
@ -76,7 +76,7 @@ export default function HeroSection() {
</div> </div>
<div className="relative z-10 mx-auto container max-w-[1128px] px-8 flex flex-col items-center"> <div className="relative z-10 mx-auto container max-w-[1128px] px-8 flex flex-col items-center">
<motion.div {/* <motion.div
initial={{ y: -50, opacity: 0 }} initial={{ y: -50, opacity: 0 }}
whileInView={{ y: 0, opacity: 1 }} whileInView={{ y: 0, opacity: 1 }}
transition={{ duration: 0.5, delay: 0.25 }} transition={{ duration: 0.5, delay: 0.25 }}
@ -128,7 +128,7 @@ export default function HeroSection() {
</defs> </defs>
</svg> </svg>
</HoverBorderGradient> </HoverBorderGradient>
</motion.div> </motion.div> */}
<ContainerScroll <ContainerScroll
titleComponent={ titleComponent={