Merge version_2 into main #4
100
src/app/page.tsx
100
src/app/page.tsx
@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Shield, Star, Zap } from "lucide-react";
|
||||
import { Shield, Zap, Target, Search, Gamepad2, Trophy } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,7 +30,8 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Games", id: "library" },
|
||||
{ name: "Games Search", id: "library" },
|
||||
{ name: "Capabilities", id: "features" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="GameHub Unlimited"
|
||||
@@ -40,28 +41,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "plain" }}
|
||||
title="Unlimited Games, Zero Barriers."
|
||||
description="Experience a massive library of unblockable games designed for seamless play on any device. Start your adventure today with no restrictions."
|
||||
title="Next-Gen Gaming Engine."
|
||||
description="Discover a high-performance portal featuring thousands of competitive, casual, and arcade titles playable directly in your browser. Powered for speed, built for players."
|
||||
buttons={[
|
||||
{ text: "Play Now", href: "#library" },
|
||||
{ text: "Learn More", href: "#features" }
|
||||
{ text: "Browse Library", href: "#library" },
|
||||
{ text: "View Tech Specs", href: "#features" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/futuristic-duotone-galaxy-youtube-thumbnail_23-2149480959.jpg?_wi=1"
|
||||
imageAlt="Unlimited gaming experiences"
|
||||
imageAlt="High performance gaming portal"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-vector/purple-crater-land-game-design_1284-34894.jpg", alt: "Avatar 1" },
|
||||
{ src: "http://img.b2bpic.net/free-psd/summer-party-landing-page-template_23-2150339423.jpg", alt: "Avatar 2" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/professional-dashboard-element-set_23-2148360091.jpg", alt: "Avatar 3" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/futuristic-duotone-galaxy-youtube-thumbnail_23-2149480959.jpg", alt: "Avatar 4" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/purple-crater-land-game-design_1284-34894.jpg", alt: "Avatar 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Unblockable" },
|
||||
{ type: "text", text: "Ad-Free" },
|
||||
{ type: "text", text: "Browser-Ready" },
|
||||
{ type: "text", text: "Mobile-Friendly" },
|
||||
{ type: "text", text: "1000+ Titles" }
|
||||
{ type: "text", text: "4K Support" },
|
||||
{ type: "text", text: "Global Servers" },
|
||||
{ type: "text", text: "Low Latency" },
|
||||
{ type: "text", text: "Anti-Cheat" },
|
||||
{ type: "text", text: "10,000+ Games" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -72,12 +66,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Shield, title: "100% Unblockable", description: "Our custom proxy technology ensures you can play anytime, anywhere without filters." },
|
||||
{ icon: Zap, title: "Zero Lag", description: "Optimized web technologies provide lightning-fast loading speeds and smooth performance." },
|
||||
{ icon: Star, title: "Infinite Library", description: "From retro classics to the latest browser hits, our collection grows every single day." }
|
||||
{ icon: Target, title: "Advanced Discovery", description: "Intelligent matchmaking and search algorithms help you find your exact genre preference instantly." },
|
||||
{ icon: Zap, title: "Low-Latency Engine", description: "Our proprietary edge-network ensures zero-frame drops and seamless input registration." },
|
||||
{ icon: Gamepad2, title: "Multi-Platform Sync", description: "Start your game on desktop and pick up right where you left off on your mobile device." },
|
||||
{ icon: Trophy, title: "Competitive Stats", description: "Live leaderboards and achievement tracking integrated for every title in our catalog." }
|
||||
]}
|
||||
title="Why GameHub Unlimited?"
|
||||
description="We believe in uninterrupted gaming. Here is why players choose us."
|
||||
title="Game Capabilities"
|
||||
description="Built for hardcore gamers and casual enthusiasts alike, our engine redefines browser gaming."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -88,12 +83,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "g1", name: "Fantasy Jump", price: "Free", variant: "Platformer", imageSrc: "http://img.b2bpic.net/free-vector/purple-crater-land-game-design_1284-34894.jpg?_wi=1" },
|
||||
{ id: "g2", name: "Neon Match", price: "Free", variant: "Puzzle", imageSrc: "http://img.b2bpic.net/free-psd/summer-party-landing-page-template_23-2150339423.jpg?_wi=1" },
|
||||
{ id: "g3", name: "Arcade Drift", price: "Free", variant: "Racing", imageSrc: "http://img.b2bpic.net/free-vector/professional-dashboard-element-set_23-2148360091.jpg?_wi=1" }
|
||||
{ id: "g1", name: "Hyper Drift 2025", price: "Free", variant: "Racing", imageSrc: "http://img.b2bpic.net/free-vector/purple-crater-land-game-design_1284-34894.jpg?_wi=1" },
|
||||
{ id: "g2", name: "Cipher Quest", price: "Free", variant: "Puzzle", imageSrc: "http://img.b2bpic.net/free-psd/summer-party-landing-page-template_23-2150339423.jpg?_wi=1" },
|
||||
{ id: "g3", name: "Solar Strike", price: "Free", variant: "Action", imageSrc: "http://img.b2bpic.net/free-vector/professional-dashboard-element-set_23-2148360091.jpg?_wi=1" }
|
||||
]}
|
||||
title="Trending Games"
|
||||
description="Dive into our most popular titles and discover your next favorite game."
|
||||
title="Top Trending Games"
|
||||
description="Explore the top-rated games this week, handpicked by our pro community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -102,12 +97,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is it really unblockable?", content: "Yes, we use advanced obfuscation techniques to bypass common network restrictions." },
|
||||
{ id: "f2", title: "Are these games safe?", content: "All games are screened for security and performance to ensure a safe gaming environment." },
|
||||
{ id: "f3", title: "Do I need to install anything?", content: "No, everything runs directly in your web browser with no downloads required." }
|
||||
{ id: "f1", title: "Does this support gamepads?", content: "Yes, we offer universal support for most modern wired and wireless controllers via Bluetooth or USB." },
|
||||
{ id: "f2", title: "Are multiplayer games available?", content: "Absolutely, our server infrastructure supports real-time multiplayer for competitive titles." },
|
||||
{ id: "f3", title: "What browsers are supported?", content: "Our engine works optimally on Chrome, Edge, Firefox, and Safari with hardware acceleration enabled." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our service? We've got answers."
|
||||
description="Everything you need to know about our gaming ecosystem."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -118,41 +113,42 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Player Voices"
|
||||
description="See why thousands of gamers choose us for their daily fix."
|
||||
title="Community Feedback"
|
||||
description="Join the largest growing community of browser gaming enthusiasts."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex R.", role: "Pro Gamer", company: "GameHub Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/purple-crater-land-game-design_1284-34894.jpg?_wi=2" },
|
||||
{ id: "t2", name: "Sarah J.", role: "Casual Player", company: "GameHub Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-psd/summer-party-landing-page-template_23-2150339423.jpg?_wi=2" },
|
||||
{ id: "t3", name: "Mike T.", role: "Speedrunner", company: "GameHub Fan", rating: 4, imageSrc: "http://img.b2bpic.net/free-vector/professional-dashboard-element-set_23-2148360091.jpg?_wi=2" },
|
||||
{ id: "t4", name: "Elena V.", role: "Developer", company: "GameHub Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/futuristic-duotone-galaxy-youtube-thumbnail_23-2149480959.jpg?_wi=2" },
|
||||
{ id: "t5", name: "Alex R.", role: "Pro Gamer", company: "GameHub Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/purple-crater-land-game-design_1284-34894.jpg?_wi=3" }
|
||||
{ id: "t1", name: "Marcus K.", role: "Editor", company: "TechReviews", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/purple-crater-land-game-design_1284-34894.jpg?_wi=2" },
|
||||
{ id: "t2", name: "Jessica L.", role: "Designer", company: "Creative Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-psd/summer-party-landing-page-template_23-2150339423.jpg?_wi=2" },
|
||||
{ id: "t3", name: "David S.", role: "Pro Player", company: "eSports Daily", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/professional-dashboard-element-set_23-2148360091.jpg?_wi=2" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterLogoEmphasis
|
||||
logoText="GameHub"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Blog", href: "#" }
|
||||
items: [
|
||||
{ label: "Action Games", href: "#" },
|
||||
{ label: "Puzzle & Logic", href: "#" },
|
||||
{ label: "Multiplayer Arena", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#" },
|
||||
{ label: "FAQs", href: "#faq" }
|
||||
items: [
|
||||
{ label: "Game API", href: "#" },
|
||||
{ label: "Developer Tools", href: "#" },
|
||||
{ label: "Report a Bug", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Community Guidelines", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 GameHub Unlimited. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user