minor achanges
This commit is contained in:
parent
4f314c98b7
commit
f821088271
2 changed files with 12 additions and 17 deletions
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue