Scribd
Upload
9 views5 pages

Message

The document is a React component for a homepage that includes navigation, a hero section, and a portfolio section. It utilizes various hooks for mobile navigation and preloader functionality, and incorporates external CSS for styling. The homepage features links to download Minecraft and other resources, along with a video link and a section showcasing available programs.

Uploaded by

scp134lhon
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
9 views5 pages

Message

The document is a React component for a homepage that includes navigation, a hero section, and a portfolio section. It utilizes various hooks for mobile navigation and preloader functionality, and incorporates external CSS for styling. The homepage features links to download Minecraft and other resources, along with a video link and a section showcasing available programs.

Uploaded by

scp134lhon
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

// Home.

jsx
import {Link} from "react-router-dom";
import { useMobileNav, usePreloader, useNavmenuScrollspy, useNavmenuDropdown } from
"./function/Event";
// css
import "./assets/css/style.css";
import "./assets/glightbox/css/glightbox.css";
import "./assets/glightbox/css/glightbox.min.css";
// img
import logo from "./assets/img/logo.png";

const Home = () => {


// Remove #preloader on window load
usePreloader();

// Scrollspy for marking .navmenu links "active"


useNavmenuScrollspy();

// Enable dropdown toggles inside .navmenu


useNavmenuDropdown();

// Mobile-nav logic
const { mobileNavActive, toggleMobileNav, handleNavLinkClick } = useMobileNav();

return (
<div className="index-page">
<header id="header" className="header d-flex align-items-center sticky-
top">
<div className="container-fluid container-xl position-relative d-flex
align-items-center">
<Link to="/" className="logo d-flex align-items-center me-auto">
<img src={logo} alt="Logo Golden IQ" />
</Link>

<nav id="navmenu" className="navmenu">


<ul>
<li>
<a
href="#hero"
className="active text-decoration-none"
onClick={handleNavLinkClick}
>
Home
</a>
</li>
<li className="dropdown">
<a
href="#portfolio"
className="text-decoration-none"
onClick={handleNavLinkClick}
>
<span>What we have</span>
{/* This <i> has class "toggle-dropdown", so useNavmenuDropdown
will target it */}
<i className="bi bi-chevron-down toggle-dropdown" />
</a>
<ul>
<li>
<a
className="text-decoration-none"
href="#"
onClick={handleNavLinkClick}
>
Golden IQ STORE
</a>
</li>
<li>
<a
className="text-decoration-none"
href="#"
onClick={handleNavLinkClick}
>
Minecraft Apk
</a>
</li>
<li>
<a
className="text-decoration-none"
href="#"
onClick={handleNavLinkClick}
>
Minecraft IOS
</a>
</li>
<li>
<a
className="text-decoration-none"
href="#"
onClick={handleNavLinkClick}
>
Resource Pack
</a>
</li>
<li>
<a
className="text-decoration-none"
href="https://bot.goldeniq.mckh.xyz/"
onClick={handleNavLinkClick}
>
BOT Discord
</a>
</li>
</ul>
</li>
<li>
<a
className="text-decoration-none"
href="#faq"
onClick={handleNavLinkClick}
>
Information
</a>
</li>
<li>
<a
className="text-decoration-none"
href="#clients"
onClick={handleNavLinkClick}
>
Collaborative Partners
</a>
</li>
<li>
<a
className="text-decoration-none"
href="#footer"
onClick={handleNavLinkClick}
>
Portfolio
</a>
</li>
</ul>

{/* Mobile nav toggle button */}


<i
className={`mobile-nav-toggle d-xl-none bi ${
mobileNavActive ? "bi-x" : "bi-list"
}`}
onClick={toggleMobileNav}
/>
</nav>
</div>
</header>

<main className="main">
{/* Hero Section */}
<section id="hero" className="section hero light-background">
<div className="container">
<div className="row gy-4">
<div className="col-lg-6 order-2 order-lg-1 d-flex flex-column
justify-content-center" data-aos="fade-up">
<h1 className="Name-Logo">Golden IQ</h1>
<p>free download minecraft and resource pack</p>
<div className="d-flex">
<a href="#portfolio" className="text-decoration-none btn-get-
started">Get Started</a>
<a href="https://youtu.be/g8EUGAwrLRA?si=g5QoEwbelyoP-lsJ"
className="text-decoration-none glightbox btn-watch-video d-flex align-items-
center"><i className="bi bi-play-circle" /><span>Watch Video</span></a>
</div>
</div>
<div className="col-lg-6 order-1 order-lg-2 hero-img" data-
aos="zoom-out" data-aos-delay={200}>
<img src="https://media.tenor.com/0cjcEZi_w2sAAAAi/ghastling-
ghast.gif" className="img-fluid animated" alt="" />
</div>
</div>
</div>
</section>
{/* /Hero Section */}
{/* Portfolio Section */}
<section id="portfolio" className="portfolio section">
{/* Section Title */}
<div className="container section-title" data-aos="fade-up">
<h2>What we have</h2>
<p>
របស់ដែលយើងមាននាពេលបច្ចុប្បន្ន
</p>
</div>
{/* Team Section */}
<section style={{padding: 0}} id="team" className="team section">
<div className="container col-lg-q team-grid">
<div className="d-flex align-items-stretch">
<a style={{flexDirection: 'row', margin: 0}} className="card"
href="https://www.goldeniq.mckh.xyz/">
<div className="logo-container">
<img src="https://www.goldeniq.mckh.xyz/assets/dc-logo-
C9XB4AgD.png" alt="Application Logo" />
</div>
<div className="text-container">
<h4 className="program-title">Minecraft</h4>
<p className="program-description">Download For Free
Android</p>
</div>
</a>
</div>
<div className="d-flex align-items-stretch">
<a style={{flexDirection: 'row', margin: 0}} className="card"
href="https://www.goldeniq.mckh.xyz/">
<div className="logo-container">
<img src="https://www.goldeniq.mckh.xyz/assets/dc-logo-
C9XB4AgD.png" alt="Application Logo" />
</div>
<div className="text-container">
<h4 className="program-title">Minecraft</h4>
<p className="program-description">Download For Free
Android</p>
</div>
</a>
</div>
<div className="d-flex align-items-stretch">
<a style={{flexDirection: 'row', margin: 0}} className="card"
href="https://www.goldeniq.mckh.xyz/">
<div className="logo-container">
<img src="https://www.goldeniq.mckh.xyz/assets/dc-logo-
C9XB4AgD.png" alt="Application Logo" />
</div>
<div className="text-container">
<h4 className="program-title">Minecraft</h4>
<p className="program-description">Download For Free
Android</p>
</div>
</a>
</div>
</div>
</section>
{/* /Team Section */}
</section>
</main>

{/* Preloader element (removed by usePreloader on window load) */}


<div id="preloader" />
</div>
);
};
export default Home;

You might also like