mediahub
/
mediahub-fe
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: update navbar error

This commit is contained in:
hanif salafi 2025-01-01 23:47:21 +07:00
parent 5359289dfd
commit c8c3ed2ee6
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/[locale]/page.tsx
View File

@ -10,10 +10,13 @@ import Footer from "@/components/landing-page/footer";
import Division from "@/components/landing-page/division"; import Division from "@/components/landing-page/division";
import Navbar from "@/components/landing-page/navbar"; import Navbar from "@/components/landing-page/navbar";
import { ReactLenis } from "@studio-freight/react-lenis"; import { ReactLenis } from "@studio-freight/react-lenis";
import MountedProvider from "@/providers/mounted.provider";
const Home = ({ params: { locale } }: { params: { locale: string } }) => { const Home = ({ params: { locale } }: { params: { locale: string } }) => {
return ( return (
<> <MountedProvider
isProtected={false}
>
<ReactLenis root> <ReactLenis root>
<Navbar /> <Navbar />
<Hero /> <Hero />
@ -26,7 +29,7 @@ const Home = ({ params: { locale } }: { params: { locale: string } }) => {
<Division /> <Division />
<Footer /> <Footer />
</ReactLenis> </ReactLenis>
</> </MountedProvider>
); );
}; };

2
components/landing-page/hero.tsx
View File

@ -23,7 +23,7 @@ const Hero: React.FC = () => {
setHeroData(response?.data?.data?.content); setHeroData(response?.data?.data?.content);
}; };
return ( return (
<div className="flex flex-col lg:flex-row items-start gap-8 px-4 lg:px-20 py-4 mx-auto w-auto"> <div className="flex flex-col lg:flex-row items-start gap-8 px-4 lg:px-20 py-4 mx-auto w-auto mt-6">
{/* Section Gambar Utama */} {/* Section Gambar Utama */}
<Carousel className="lg:w-2/3 w-full lg:h-full "> <Carousel className="lg:w-2/3 w-full lg:h-full ">
<CarouselContent> <CarouselContent>

10
components/landing-page/navbar.tsx
View File

@ -92,7 +92,7 @@ const Navbar = () => {
<img <img
src="/assets/mediahub-logo.gif" src="/assets/mediahub-logo.gif"
alt="Media Hub Logo" alt="Media Hub Logo"
className="w-fit h-20 md:h-24" className="object-contain h-20"
/> />
</Link> </Link>
@ -267,7 +267,7 @@ const Navbar = () => {
<a href="https://tvradio.polri.go.id/"> <a href="https://tvradio.polri.go.id/">
<img <img
src="/assets/polriTv.png" src="/assets/polriTv.png"
className="w-auto lg:max-w-screen-lg h-10 flex-auto " className="object-contain h-10 flex-auto "
/> />
</a> </a>
</div> </div>
@ -419,10 +419,10 @@ const Navbar = () => {
className="rounded-full" className="rounded-full"
/> />
<div> <div>
<div className="text-sm font-medium capitalize lg:block hidden"> <div className="text-sm font-medium capitalize lg:block hidden whitespace-nowrap">
{detail?.fullname} {detail?.fullname}
</div> </div>
<p className="text-xs">({detail?.fullname})</p> <p className="text-xs whitespace-nowrap">({detail?.fullname})</p>
</div> </div>
<span className="text-base me-2.5 lg:inline-block hidden"> <span className="text-base me-2.5 lg:inline-block hidden">
<Icon icon="heroicons-outline:chevron-down"></Icon> <Icon icon="heroicons-outline:chevron-down"></Icon>
@ -711,7 +711,7 @@ const Navbar = () => {
<a href="https://tvradio.polri.go.id/"> <a href="https://tvradio.polri.go.id/">
<img <img
src="/assets/polriTv.png" src="/assets/polriTv.png"
className="w-21 h-11 flex items-center" className="object-contain h-11 flex items-center"
/> />
</a> </a>
</div> </div>