Merge version_1 into main #2
392
src/app/page.tsx
392
src/app/page.tsx
@@ -17,275 +17,145 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Games",
|
||||
id: "library",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="GameHub Unlimited"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Games", id: "library" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="GameHub Unlimited"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Play Now",
|
||||
href: "#library",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/futuristic-duotone-galaxy-youtube-thumbnail_23-2149480959.jpg?_wi=1"
|
||||
imageAlt="Unlimited gaming experiences"
|
||||
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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<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."
|
||||
buttons={[
|
||||
{ text: "Play Now", href: "#library" },
|
||||
{ text: "Learn More", href: "#features" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/futuristic-duotone-galaxy-youtube-thumbnail_23-2149480959.jpg"
|
||||
imageAlt="Unlimited gaming experiences"
|
||||
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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
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.",
|
||||
},
|
||||
]}
|
||||
title="Why GameHub Unlimited?"
|
||||
description="We believe in uninterrupted gaming. Here is why players choose us."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
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." }
|
||||
]}
|
||||
title="Why GameHub Unlimited?"
|
||||
description="We believe in uninterrupted gaming. Here is why players choose us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="library" data-section="library">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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",
|
||||
},
|
||||
]}
|
||||
title="Trending Games"
|
||||
description="Dive into our most popular titles and discover your next favorite game."
|
||||
/>
|
||||
</div>
|
||||
<div id="library" data-section="library">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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" },
|
||||
{ id: "g2", name: "Neon Match", price: "Free", variant: "Puzzle", imageSrc: "http://img.b2bpic.net/free-psd/summer-party-landing-page-template_23-2150339423.jpg" },
|
||||
{ id: "g3", name: "Arcade Drift", price: "Free", variant: "Racing", imageSrc: "http://img.b2bpic.net/free-vector/professional-dashboard-element-set_23-2148360091.jpg" }
|
||||
]}
|
||||
title="Trending Games"
|
||||
description="Dive into our most popular titles and discover your next favorite game."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
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.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our service? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
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." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our service? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Player Voices"
|
||||
description="See why thousands of gamers choose us for their daily fix."
|
||||
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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Player Voices"
|
||||
description="See why thousands of gamers choose us for their daily fix."
|
||||
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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
{ 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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 GameHub Unlimited. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Blog", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#" },
|
||||
{ label: "FAQs", href: "#faq" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 GameHub Unlimited. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user