Merge version_2 into main #4
122
src/app/page.tsx
122
src/app/page.tsx
@@ -19,26 +19,21 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="none"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
background="fluid"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FireStore"
|
||||
/>
|
||||
@@ -46,16 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Upgrade Your Loadout. Rule the Battlefield."
|
||||
description="Unlock exclusive skins, premium bundles, and instant rewards for Free Fire. Join thousands of elite players."
|
||||
tag="Gaming Shop #1"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurist-texture-wallpaper_23-2151860524.jpg?_wi=1", imageAlt: "Hero scene 1"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurist-texture-wallpaper_23-2151860524.jpg?_wi=1", imageAlt: "Hero scene 1"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136843.jpg", imageAlt: "Hero scene 2"}
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-man-wearing-vr-glasses_23-2151136843.jpg", imageAlt: "Hero scene 2"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -71,18 +67,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Phantom Sniper Skin", price: "999 Diamond", imageSrc: "http://img.b2bpic.net/free-vector/knifes-set-game_1150-37093.jpg"},
|
||||
{
|
||||
id: "2", name: "Fire-Lord Bundle", price: "1999 Diamond", imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741465.jpg"},
|
||||
{
|
||||
id: "3", name: "5000 Currency Pack", price: "49 USD", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dices_23-2151098849.jpg"},
|
||||
{
|
||||
id: "4", name: "Victory Dance Emote", price: "499 Diamond", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281607.jpg"},
|
||||
{
|
||||
id: "5", name: "Neon Blade Gear", price: "899 Diamond", imageSrc: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-with-neon-light-arrangement_23-2149854270.jpg"},
|
||||
{
|
||||
id: "6", name: "Cyber Katana", price: "1299 Diamond", imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-biathlon-champion-aiming-with-competitive-gun-studio-grey-background-redhead-female-biathlon-champion-aiming-with-competitive-gun-studio-grey-background_613910-8335.jpg"},
|
||||
{ id: "1", name: "Phantom Sniper Skin", price: "999 Diamond", imageSrc: "http://img.b2bpic.net/free-vector/knifes-set-game_1150-37093.jpg" },
|
||||
{ id: "2", name: "Fire-Lord Bundle", price: "1999 Diamond", imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741465.jpg" },
|
||||
{ id: "3", name: "5000 Currency Pack", price: "49 USD", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dices_23-2151098849.jpg" },
|
||||
{ id: "4", name: "Victory Dance Emote", price: "499 Diamond", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281607.jpg" },
|
||||
{ id: "5", name: "Neon Blade Gear", price: "899 Diamond", imageSrc: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-with-neon-light-arrangement_23-2149854270.jpg" },
|
||||
{ id: "6", name: "Cyber Katana", price: "1299 Diamond", imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-biathlon-champion-aiming-with-competitive-gun-studio-grey-background-redhead-female-biathlon-champion-aiming-with-competitive-gun-studio-grey-background_613910-8335.jpg" },
|
||||
]}
|
||||
title="Legendary Items"
|
||||
description="Browse our latest catalog of rare gear."
|
||||
@@ -95,30 +85,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "silver", badge: "Standard", price: "9.99/mo", subtitle: "Essential gaming perks", features: [
|
||||
"100 Diamonds/day", "Basic Badge", "Priority queue"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "gold", badge: "Elite", price: "19.99/mo", subtitle: "For pro enthusiasts", features: [
|
||||
"300 Diamonds/day", "Gold Badge", "Early skin access"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "diamond", badge: "Legendary", price: "49.99/mo", subtitle: "Unmatched dominance", features: [
|
||||
"1000 Diamonds/day", "Diamond Badge", "Monthly skin drop"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Go Legendary", href: "#"},
|
||||
],
|
||||
},
|
||||
{ id: "silver", badge: "Standard", price: "9.99/mo", subtitle: "Essential gaming perks", features: ["100 Diamonds/day", "Basic Badge", "Priority queue"], buttons: [{ text: "Get Started", href: "#" }] },
|
||||
{ id: "gold", badge: "Elite", price: "19.99/mo", subtitle: "For pro enthusiasts", features: ["300 Diamonds/day", "Gold Badge", "Early skin access"], buttons: [{ text: "Upgrade", href: "#" }] },
|
||||
{ id: "diamond", badge: "Legendary", price: "49.99/mo", subtitle: "Unmatched dominance", features: ["1000 Diamonds/day", "Diamond Badge", "Monthly skin drop"], buttons: [{ text: "Go Legendary", href: "#" }] },
|
||||
]}
|
||||
title="VIP Membership Tiers"
|
||||
description="Get exclusive discounts and daily rewards."
|
||||
@@ -131,21 +100,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alex R.", handle: "@alexpro", testimonial: "Best shop ever, fast delivery!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zoom-man-enjoying-coop-fps-videogame-battling-flying-robots-with-his-online-friends_482257-98552.jpg"},
|
||||
{
|
||||
id: "2", name: "Sarah J.", handle: "@sarahplay", testimonial: "Got my legendary skin in minutes.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg"},
|
||||
{
|
||||
id: "3", name: "Mike D.", handle: "@mikeesports", testimonial: "Very reliable service, highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confused-young-sporty-man-wearing-headband-with-wristband-points-side_141793-121888.jpg"},
|
||||
{
|
||||
id: "4", name: "Chris B.", handle: "@chrisgamer", testimonial: "Unbeatable prices on diamonds.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-brother-surveillance-concept-composition_23-2150169350.jpg"},
|
||||
{
|
||||
id: "5", name: "Jordan L.", handle: "@jordanplays", testimonial: "Awesome bundles, great support.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg"},
|
||||
{ id: "1", name: "Alex R.", handle: "@alexpro", testimonial: "Best shop ever, fast delivery!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/zoom-man-enjoying-coop-fps-videogame-battling-flying-robots-with-his-online-friends_482257-98552.jpg" },
|
||||
{ id: "2", name: "Sarah J.", handle: "@sarahplay", testimonial: "Got my legendary skin in minutes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg" },
|
||||
{ id: "3", name: "Mike D.", handle: "@mikeesports", testimonial: "Very reliable service, highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confused-young-sporty-man-wearing-headband-with-wristband-points-side_141793-121888.jpg" },
|
||||
{ id: "4", name: "Chris B.", handle: "@chrisgamer", testimonial: "Unbeatable prices on diamonds.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/big-brother-surveillance-concept-composition_23-2150169350.jpg" },
|
||||
{ id: "5", name: "Jordan L.", handle: "@jordanplays", testimonial: "Awesome bundles, great support.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Pro Players"
|
||||
@@ -156,8 +115,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Stay Updated"
|
||||
description="Join our newsletter for exclusive skin drops and flash sales."
|
||||
inputPlaceholder="Enter your gaming email"
|
||||
@@ -171,26 +129,12 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futurist-texture-wallpaper_23-2151860524.jpg?_wi=2"
|
||||
logoText="FireStore"
|
||||
columns={[
|
||||
{
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "Memberships", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Store", items: [{ label: "Shop All", href: "#products" }, { label: "Memberships", href: "#pricing" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user