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"
import { useState, useEffect } from "react"
import { Button } from "components/Button/Button"
import { FaArrowRight } from "react-icons/fa"
interface NavbarProps {
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 [showBackground, setShowBackground] = useState(false)
const TOP_OFFSET = 50
@ -36,18 +36,13 @@ const Navbar: React.FC<NavbarProps> = ({ logoSrc }) => {
return (
<nav
className={`${
showBackground ? "backdrop-blur-2xl" : "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`}
showBackground ? "backdrop-blur" : "bg-transparent"
} fixed left-0 top-0 z-50 flex h-20 w-full items-center justify-between px-4 text-white`}
>
<a href="/">
<img
src={logoSrc}
alt="Vizole Labs"
className="h-8
text-white"
/>
<img src={logoSrc} alt="VizoleLabs" className="h-5 text-white" />
</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>
<a href="/" className="hover:text-vizoleG2">
Home

View file

@ -12,7 +12,7 @@ export default function AboutUs() {
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 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 ">
@ -28,7 +28,7 @@ export default function AboutUs() {
</h3>
</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
href="https://vercel.com/new/git/external?repository-url=https://github.com/Blazity/next-enterprise"
intent="aboutUs"
@ -56,12 +56,12 @@ export default function AboutUs() {
</div>
</div>
<div>
<iframe
{/* <iframe
className="h-[315px] w-[560px] max-md:h-[14rem] max-md:w-[25rem]"
src="https://www.youtube.com/embed/_vhf0RZg0fg"
title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
></iframe>
></iframe> */}
</div>
</div>
</div>