minor achanges

This commit is contained in:
Dex404 2024-04-16 04:43:43 +00:00
parent 4f314c98b7
commit f821088271
2 changed files with 12 additions and 17 deletions

View file

@ -1,12 +1,12 @@
"use client" "use client"
import { useState, useEffect } from "react"
import { Button } from "components/Button/Button"
import { FaArrowRight } from "react-icons/fa"
interface NavbarProps { interface NavbarProps {
logoSrc: string // Path to your logo image logoSrc: string // Path to your logo image
} }
import { useState, useEffect } from "react"
import { Button } from "components/Button/Button"
import { FaArrowRight } from "react-icons/fa"
const Navbar: React.FC<NavbarProps> = ({ logoSrc }) => { const Navbar: React.FC<NavbarProps> = ({ logoSrc }) => {
const [showBackground, setShowBackground] = useState(false) const [showBackground, setShowBackground] = useState(false)
const TOP_OFFSET = 50 const TOP_OFFSET = 50
@ -36,18 +36,13 @@ const Navbar: React.FC<NavbarProps> = ({ logoSrc }) => {
return ( return (
<nav <nav
className={`${ className={`${
showBackground ? "backdrop-blur-2xl" : "bg-transparent" showBackground ? "backdrop-blur" : "bg-transparent"
} fixed left-0 top-0 z-50 flex h-20 w-full items-center justify-between px-4 px-[8.5rem] py-[1rem] text-white transition-all`} } fixed left-0 top-0 z-50 flex h-20 w-full items-center justify-between px-4 text-white`}
> >
<a href="/"> <a href="/">
<img <img src={logoSrc} alt="VizoleLabs" className="h-5 text-white" />
src={logoSrc}
alt="Vizole Labs"
className="h-8
text-white"
/>
</a> </a>
<ul className="text-md font-ligth hidden space-x-4 md:flex"> <ul className="hidden space-x-4 text-lg font-medium md:flex">
<li> <li>
<a href="/" className="hover:text-vizoleG2"> <a href="/" className="hover:text-vizoleG2">
Home Home

View file

@ -12,7 +12,7 @@ export default function AboutUs() {
backgroundRepeat: "no-repeat", backgroundRepeat: "no-repeat",
}} }}
> >
<div className="flex w-[100%] items-center justify-around pb-[10vh] pt-[5vh] max-md:flex-wrap"> <div className="flex w-[100%] justify-around pb-[10vh] pt-[5vh] max-md:flex-wrap">
<div className="mx-auto max-w-screen-xl px-4 py-8 lg:py-16"> <div className="mx-auto max-w-screen-xl px-4 py-8 lg:py-16">
<div className="mx-auto text-left text-white"> <div className="mx-auto text-left text-white">
<h4 className="bg-gradient-to-r from-vizoleG1 via-vizoleG2 to-vizoleG3 bg-clip-text pt-20 font-bold text-transparent "> <h4 className="bg-gradient-to-r from-vizoleG1 via-vizoleG2 to-vizoleG3 bg-clip-text pt-20 font-bold text-transparent ">
@ -28,7 +28,7 @@ export default function AboutUs() {
</h3> </h3>
</div> </div>
<div className="mx-auto mt-3 flex flex-col justify-around text-left text-white"> <div className=" mt-3 flex flex-col justify-around text-left text-white">
<Button <Button
href="https://vercel.com/new/git/external?repository-url=https://github.com/Blazity/next-enterprise" href="https://vercel.com/new/git/external?repository-url=https://github.com/Blazity/next-enterprise"
intent="aboutUs" intent="aboutUs"
@ -56,12 +56,12 @@ export default function AboutUs() {
</div> </div>
</div> </div>
<div> <div>
<iframe {/* <iframe
className="h-[315px] w-[560px] max-md:h-[14rem] max-md:w-[25rem]" className="h-[315px] w-[560px] max-md:h-[14rem] max-md:w-[25rem]"
src="https://www.youtube.com/embed/_vhf0RZg0fg" src="https://www.youtube.com/embed/_vhf0RZg0fg"
title="YouTube video player" title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
></iframe> ></iframe> */}
</div> </div>
</div> </div>
</div> </div>