Merge version_1 into main #1
344
src/app/page.tsx
344
src/app/page.tsx
@@ -32,87 +32,36 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Games",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Games", id: "#products" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="RunDog"
|
||||
button={{
|
||||
text: "Play Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Play Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Unleash the Dog Within"
|
||||
description="The ultimate gaming platform for high-speed action and digital adventure. Join the RunDog community today."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/neon-tunnel-with-glowing-circle_23-2151966356.jpg",
|
||||
alt: "Gaming Character",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-shiba-inu-dog-studio_23-2150797116.jpg",
|
||||
alt: "Gaming Character",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204952.jpg",
|
||||
alt: "Gaming Character",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-dog-portrait_23-2150907184.jpg",
|
||||
alt: "3d rendering of cartoon dog portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-art-cute-dog_23-2151150627.jpg",
|
||||
alt: "Digital art cute dog",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Playing",
|
||||
href: "#contact",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/neon-tunnel-with-glowing-circle_23-2151966356.jpg", alt: "Gaming Character" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adorable-shiba-inu-dog-studio_23-2150797116.jpg", alt: "Gaming Character" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204952.jpg", alt: "Gaming Character" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-dog-portrait_23-2150907184.jpg", alt: "3d rendering of cartoon dog portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/digital-art-cute-dog_23-2151150627.jpg", alt: "Digital art cute dog" },
|
||||
]}
|
||||
buttons={[{ text: "Start Playing", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Low Latency",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "1M+ Active Players",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Gear",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Next-Gen Engine",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Tournaments",
|
||||
},
|
||||
{ type: "text", text: "Low Latency" },
|
||||
{ type: "text", text: "1M+ Active Players" },
|
||||
{ type: "text", text: "Elite Gear" },
|
||||
{ type: "text", text: "Next-Gen Engine" },
|
||||
{ type: "text", text: "Global Tournaments" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,18 +72,9 @@ export default function LandingPage() {
|
||||
title="Why RunDog Gaming?"
|
||||
description="Built for speed, crafted for the modern gamer. We bring cutting-edge tech to your fingertips."
|
||||
metrics={[
|
||||
{
|
||||
value: "1M+",
|
||||
title: "Active Gamers",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Game Modes",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Uptime Stability",
|
||||
},
|
||||
{ value: "1M+", title: "Active Gamers" },
|
||||
{ value: "50+", title: "Game Modes" },
|
||||
{ value: "99%", title: "Uptime Stability" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-3d-gaming-device_23-2151005796.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -148,31 +88,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ultra Performance",
|
||||
description: "High frame rates and zero latency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/speed-lights-effect-background-abstract-black-red-colors_1048-11300.jpg",
|
||||
},
|
||||
{
|
||||
title: "Adaptive AI",
|
||||
description: "Dynamic difficulty that grows with you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2367.jpg",
|
||||
},
|
||||
{
|
||||
title: "Global Servers",
|
||||
description: "Low latency gaming anywhere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-network-communications-background-with-flowing-floating-particles_1048-12199.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pro Connectivity",
|
||||
description: "Stable and reliable connection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837640.jpg",
|
||||
},
|
||||
{
|
||||
title: "Social Hub",
|
||||
description: "Connect with friends worldwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-tunnel-background_53876-88807.jpg",
|
||||
},
|
||||
{ title: "Ultra Performance", description: "High frame rates and zero latency.", imageSrc: "http://img.b2bpic.net/free-photo/speed-lights-effect-background-abstract-black-red-colors_1048-11300.jpg" },
|
||||
{ title: "Adaptive AI", description: "Dynamic difficulty that grows with you.", imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2367.jpg" },
|
||||
{ title: "Global Servers", description: "Low latency gaming anywhere.", imageSrc: "http://img.b2bpic.net/free-photo/3d-network-communications-background-with-flowing-floating-particles_1048-12199.jpg" },
|
||||
{ title: "Pro Connectivity", description: "Stable and reliable connection.", imageSrc: "http://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837640.jpg" },
|
||||
{ title: "Social Hub", description: "Connect with friends worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/light-tunnel-background_53876-88807.jpg" },
|
||||
]}
|
||||
title="Epic Features"
|
||||
description="Experience superior performance with our next-gen gaming engine."
|
||||
@@ -186,42 +106,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hero Skin",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-reading-tarot_23-2150396506.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Plasma Blade",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/battle-usa-north-korea-flag-which-print-screen-pawn-chess-america-north-korea-have-military-nuclear-conflict-business-sanctions-concept-by-3d-render_616485-8.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tech Armor",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-futuristic-portrait_23-2151178889.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Neon Pet",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648318.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pro Headset",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-game-helmet_23-2151152894.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Retro Console",
|
||||
price: "$50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-old-device-studio_23-2150778578.jpg",
|
||||
},
|
||||
{ id: "1", name: "Hero Skin", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-reading-tarot_23-2150396506.jpg" },
|
||||
{ id: "2", name: "Plasma Blade", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/battle-usa-north-korea-flag-which-print-screen-pawn-chess-america-north-korea-have-military-nuclear-conflict-business-sanctions-concept-by-3d-render_616485-8.jpg" },
|
||||
{ id: "3", name: "Tech Armor", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-futuristic-portrait_23-2151178889.jpg" },
|
||||
{ id: "4", name: "Neon Pet", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648318.jpg" },
|
||||
{ id: "5", name: "Pro Headset", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-football-game-helmet_23-2151152894.jpg" },
|
||||
{ id: "6", name: "Retro Console", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/gradient-old-device-studio_23-2150778578.jpg" },
|
||||
]}
|
||||
title="Elite Gear Shop"
|
||||
description="Level up your look with our exclusive collection of digital assets."
|
||||
@@ -234,54 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Starter",
|
||||
price: "$9",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Access all games",
|
||||
"Public chat",
|
||||
"Daily rewards",
|
||||
],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-searching-icon-white-background_53876-65525.jpg",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Elite",
|
||||
price: "$19",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Everything in Starter",
|
||||
"Private lobby",
|
||||
"Early access",
|
||||
],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badge-pack_23-2149044199.jpg",
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
title: "Legendary",
|
||||
price: "$39",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Everything in Elite",
|
||||
"Exclusive skins",
|
||||
"24/7 Support",
|
||||
],
|
||||
button: {
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833109.jpg",
|
||||
},
|
||||
{ id: "basic", title: "Starter", price: "$9", period: "/mo", features: ["Access all games", "Public chat", "Daily rewards"], button: { text: "Select", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/global-searching-icon-white-background_53876-65525.jpg" },
|
||||
{ id: "pro", title: "Elite", price: "$19", period: "/mo", features: ["Everything in Starter", "Private lobby", "Early access"], button: { text: "Select", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badge-pack_23-2149044199.jpg" },
|
||||
{ id: "vip", title: "Legendary", price: "$39", period: "/mo", features: ["Everything in Elite", "Exclusive skins", "24/7 Support"], button: { text: "Select", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833109.jpg" },
|
||||
]}
|
||||
title="Flexible Memberships"
|
||||
description="Choose the perfect plan for your gaming journey."
|
||||
@@ -290,25 +135,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500K+",
|
||||
description: "Matches played per day",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150ms",
|
||||
description: "Avg server latency",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Game availability",
|
||||
},
|
||||
{ id: "m1", value: "500K+", description: "Matches played per day" },
|
||||
{ id: "m2", value: "150ms", description: "Avg server latency" },
|
||||
{ id: "m3", value: "99.9%", description: "Game availability" },
|
||||
]}
|
||||
title="Why Players Trust Us"
|
||||
description="Proven results for millions of daily active users."
|
||||
@@ -321,41 +155,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@gamerOne",
|
||||
testimonial: "The best platform I've ever played on. So fast!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-with-gaming-headset-playing-multiplayer-first-person-shooter-streaming-gameplay-professional-pc-setup-gamer-girl-looking-computer-screen-while-talking-team-tournament_482257-49412.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike R.",
|
||||
handle: "@dogLover",
|
||||
testimonial: "Incredible performance, love the new skins.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-headphones-with-neon-glow-dark-background_23-2152033027.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily C.",
|
||||
handle: "@esportsAce",
|
||||
testimonial: "Smooth tournament flow, highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-wearing-hoodie-cap-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19248.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@coderGamer",
|
||||
testimonial: "Excellent API for devs, great developer support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-ceo-attends-business-meeting-videocall-connection-using-online-videoconference-call-explain-company-solution-development-company-entrepreneur-open-office-tripod-shot_482257-67912.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jess P.",
|
||||
handle: "@rankLeader",
|
||||
testimonial: "Reached top rank because of stable servers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269895.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@gamerOne", testimonial: "The best platform I've ever played on. So fast!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-woman-with-gaming-headset-playing-multiplayer-first-person-shooter-streaming-gameplay-professional-pc-setup-gamer-girl-looking-computer-screen-while-talking-team-tournament_482257-49412.jpg" },
|
||||
{ id: "2", name: "Mike R.", handle: "@dogLover", testimonial: "Incredible performance, love the new skins.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-headphones-with-neon-glow-dark-background_23-2152033027.jpg" },
|
||||
{ id: "3", name: "Emily C.", handle: "@esportsAce", testimonial: "Smooth tournament flow, highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-wearing-hoodie-cap-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19248.jpg" },
|
||||
{ id: "4", name: "David W.", handle: "@coderGamer", testimonial: "Excellent API for devs, great developer support.", imageSrc: "http://img.b2bpic.net/free-photo/startup-ceo-attends-business-meeting-videocall-connection-using-online-videoconference-call-explain-company-solution-development-company-entrepreneur-open-office-tripod-shot_482257-67912.jpg" },
|
||||
{ id: "5", name: "Jess P.", handle: "@rankLeader", testimonial: "Reached top rank because of stable servers.", imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269895.jpg" },
|
||||
]}
|
||||
title="Player Voices"
|
||||
description="See why top gamers choose RunDog as their daily platform."
|
||||
@@ -367,21 +171,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it free to play?",
|
||||
content: "Yes, we have a generous free tier for everyone.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I upgrade?",
|
||||
content: "Visit the shop section to view our pricing tiers.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there tournaments?",
|
||||
content: "We host daily and weekly tournaments for rewards.",
|
||||
},
|
||||
{ id: "q1", title: "Is it free to play?", content: "Yes, we have a generous free tier for everyone." },
|
||||
{ id: "q2", title: "How do I upgrade?", content: "Visit the shop section to view our pricing tiers." },
|
||||
{ id: "q3", title: "Are there tournaments?", content: "We host daily and weekly tournaments for rewards." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/question-mark-icon-solving-problem-solution-concept_53876-13887.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -397,18 +189,8 @@ export default function LandingPage() {
|
||||
title="Get Started Now"
|
||||
description="Ready to jump in? Send us a message and we'll help."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/neon-home-screen-with-people-avatar_23-2148741707.jpg"
|
||||
/>
|
||||
@@ -418,36 +200,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="RunDog"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#faq" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user