Merge version_1 into main #1
272
src/app/page.tsx
272
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Game Modes",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Game Modes", id: "product" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SkyStrike Air"
|
||||
/>
|
||||
@@ -58,38 +43,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Dominate the Skies."
|
||||
description="Engage in hyper-realistic aerial warfare. Pilot the world's most advanced fighter jets in intense PvP battles and epic story-driven campaigns."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Deployment",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Deployment", href: "#" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves-bird-flying_58702-11152.jpg",
|
||||
imageAlt: "F-22 Raptor in storm",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/airplane-flying-through-fantasy-world-with-mythical-landscape_23-2151752736.jpg",
|
||||
imageAlt: "SU-57 night combat",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/airplane-concept-with-copy-space_1194-638369.jpg",
|
||||
imageAlt: "Rafale precision missile launch",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-airplane-descending-from-clouded-sky_181624-26225.jpg",
|
||||
imageAlt: "Aerial formation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-couple-love-is-hugging-each-other-sitting-ground-near-helicopter-sunny-day_8353-11022.jpg",
|
||||
imageAlt: "Dogfight maneuver",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves-bird-flying_58702-11152.jpg", imageAlt: "F-22 Raptor in storm" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/airplane-flying-through-fantasy-world-with-mythical-landscape_23-2151752736.jpg", imageAlt: "SU-57 night combat" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/airplane-concept-with-copy-space_1194-638369.jpg", imageAlt: "Rafale precision missile launch" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-airplane-descending-from-clouded-sky_181624-26225.jpg", imageAlt: "Aerial formation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/attractive-couple-love-is-hugging-each-other-sitting-ground-near-helicopter-sunny-day_8353-11022.jpg", imageAlt: "Dogfight maneuver" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -100,9 +63,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Next-Generation Air Combat"
|
||||
description={[
|
||||
"Experience console-level graphics on your mobile device. SkyStrike Air redefines flight combat with realistic physics, smart AI enemies, and dynamic weather systems that test your skills as a master pilot.",
|
||||
"Whether you are a flight sim veteran or an arcade combat fan, our flexible control system lets you fly your way through intense boss fights and team-based PvP warfare.",
|
||||
]}
|
||||
"Experience console-level graphics on your mobile device. SkyStrike Air redefines flight combat with realistic physics, smart AI enemies, and dynamic weather systems that test your skills as a master pilot.", "Whether you are a flight sim veteran or an arcade combat fan, our flexible control system lets you fly your way through intense boss fights and team-based PvP warfare."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,24 +74,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Drone Wingman",
|
||||
description: "Deploy intelligent drone support to track targets and cover your flank during heated engagements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-looking-spacecraft_23-2150675569.jpg",
|
||||
imageAlt: "Drone system",
|
||||
},
|
||||
{
|
||||
title: "Dynamic Weather Combat",
|
||||
description: "Fly through rain, storms, and low visibility. Real-time environment changes affect flight behavior.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-captain-pilot-pushing-engine-throttle-lever-takeoff-with-airplane-from-aviation-cockpit-aircrew-men-flying-plane-jet-using-dashboard-control-panel-command_482257-51159.jpg",
|
||||
imageAlt: "Storm weather",
|
||||
},
|
||||
{
|
||||
title: "Realistic Cockpit Interface",
|
||||
description: "Immersive 3D cockpit controls with fully functional HUD and voice-command capabilities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828182.jpg",
|
||||
imageAlt: "Advanced cockpit",
|
||||
},
|
||||
{ title: "AI Drone Wingman", description: "Deploy intelligent drone support to track targets and cover your flank during heated engagements.", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-looking-spacecraft_23-2150675569.jpg", imageAlt: "Drone system" },
|
||||
{ title: "Dynamic Weather Combat", description: "Fly through rain, storms, and low visibility. Real-time environment changes affect flight behavior.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-captain-pilot-pushing-engine-throttle-lever-takeoff-with-airplane-from-aviation-cockpit-aircrew-men-flying-plane-jet-using-dashboard-control-panel-command_482257-51159.jpg", imageAlt: "Storm weather" },
|
||||
{ title: "Realistic Cockpit Interface", description: "Immersive 3D cockpit controls with fully functional HUD and voice-command capabilities.", imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828182.jpg", imageAlt: "Advanced cockpit" },
|
||||
]}
|
||||
title="Core Combat Features"
|
||||
description="Equipped with advanced tactical systems, drones, and customizable loadouts."
|
||||
@@ -139,30 +85,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
title: "Active Pilots",
|
||||
description: "Commanding the skies worldwide.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5v5",
|
||||
title: "PvP Battles",
|
||||
description: "Team-based tactical dominance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sergeant-presenting-his-salute-with-respect-colonel_482257-90011.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Elite Jets",
|
||||
description: "Fully customizable modern fighters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/first-place-medal_23-2148930695.jpg",
|
||||
},
|
||||
{ id: "m1", value: "1.2M", title: "Active Pilots", description: "Commanding the skies worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg" },
|
||||
{ id: "m2", value: "5v5", title: "PvP Battles", description: "Team-based tactical dominance.", imageSrc: "http://img.b2bpic.net/free-photo/sergeant-presenting-his-salute-with-respect-colonel_482257-90011.jpg" },
|
||||
{ id: "m3", value: "15+", title: "Elite Jets", description: "Fully customizable modern fighters.", imageSrc: "http://img.b2bpic.net/free-photo/first-place-medal_23-2148930695.jpg" },
|
||||
]}
|
||||
title="Combat Statistics"
|
||||
description="Tracking your aerial dominance across global servers."
|
||||
@@ -176,42 +105,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "F-22 Raptor",
|
||||
price: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-picture-seaplane-flying-clear-sky_181624-21681.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "SU-57 Felon",
|
||||
price: "Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/armenian-army-units-trainings_181624-29357.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rafale M",
|
||||
price: "Tactical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-b-17-bomber-plane-from-wwii-captured-airbase-sunny-day_181624-26344.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Engine Upgrade Kit",
|
||||
price: "Mod",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-hummingbird_23-2151443879.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Missile Pack",
|
||||
price: "Weapon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-shooting-gallery-trying-out-new-rifle-model-close-up_482257-127883.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Stealth Black Skin",
|
||||
price: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-spaceship-from-future_23-2150675459.jpg",
|
||||
},
|
||||
{ id: "p1", name: "F-22 Raptor", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-picture-seaplane-flying-clear-sky_181624-21681.jpg" },
|
||||
{ id: "p2", name: "SU-57 Felon", price: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/armenian-army-units-trainings_181624-29357.jpg" },
|
||||
{ id: "p3", name: "Rafale M", price: "Tactical", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-b-17-bomber-plane-from-wwii-captured-airbase-sunny-day_181624-26344.jpg" },
|
||||
{ id: "p4", name: "Engine Upgrade Kit", price: "Mod", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-hummingbird_23-2151443879.jpg" },
|
||||
{ id: "p5", name: "Missile Pack", price: "Weapon", imageSrc: "http://img.b2bpic.net/free-photo/man-shooting-gallery-trying-out-new-rifle-model-close-up_482257-127883.jpg" },
|
||||
{ id: "p6", name: "Stealth Black Skin", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/view-spaceship-from-future_23-2150675459.jpg" },
|
||||
]}
|
||||
title="Hangar Selection"
|
||||
description="Unlock and customize your fleet with advanced engines, skins, and weapon systems."
|
||||
@@ -223,56 +122,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
date: "Oct 2024",
|
||||
title: "Pro Gamer",
|
||||
quote: "The control physics are perfect. It feels like real flight combat.",
|
||||
tag: "PvP Master",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/surprised-man-playing-game-medium-shot_23-2149005213.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah J.",
|
||||
date: "Nov 2024",
|
||||
title: "Flight Sim Fan",
|
||||
quote: "Unbelievable graphics. The storm weather effects are truly immersive.",
|
||||
tag: "Elite Pilot",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105239.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-controller-medium-shot_23-2149005237.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike D.",
|
||||
date: "Dec 2024",
|
||||
title: "Mobile Gamer",
|
||||
quote: "Easily the best air combat game I've played on Android. No pay-to-win, just pure skill.",
|
||||
tag: "Hardcore",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/overweight-man-glasses-wearing-black-t-shirt-with-headphones-playing-game-his-smartphone-standing-white-wall_141793-56802.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-redhead-woman-shouting-from-joy-happiness-looking-surprised-standing-white-wall_176420-38261.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jenny L.",
|
||||
date: "Jan 2025",
|
||||
title: "Game Critic",
|
||||
quote: "The drone wingman system adds a whole new layer of strategy to the game.",
|
||||
tag: "Strategist",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-angry-after-losing-while-playing-videogames-neon-lit-apartment_482257-82376.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilled-empowered-female-ceo-negotiating-with-shareholders-online-conference_482257-112279.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom H.",
|
||||
date: "Feb 2025",
|
||||
title: "Aviation Buff",
|
||||
quote: "The attention to detail on the jet models is incredible.",
|
||||
tag: "Ace Pilot",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-doing-no-gesture_1368-7753.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-male-pilot_23-2150923103.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", date: "Oct 2024", title: "Pro Gamer", quote: "The control physics are perfect. It feels like real flight combat.", tag: "PvP Master", avatarSrc: "http://img.b2bpic.net/free-photo/surprised-man-playing-game-medium-shot_23-2149005213.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg" },
|
||||
{ id: "t2", name: "Sarah J.", date: "Nov 2024", title: "Flight Sim Fan", quote: "Unbelievable graphics. The storm weather effects are truly immersive.", tag: "Elite Pilot", avatarSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105239.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-controller-medium-shot_23-2149005237.jpg" },
|
||||
{ id: "t3", name: "Mike D.", date: "Dec 2024", title: "Mobile Gamer", quote: "Easily the best air combat game I've played on Android. No pay-to-win, just pure skill.", tag: "Hardcore", avatarSrc: "http://img.b2bpic.net/free-photo/overweight-man-glasses-wearing-black-t-shirt-with-headphones-playing-game-his-smartphone-standing-white-wall_141793-56802.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-redhead-woman-shouting-from-joy-happiness-looking-surprised-standing-white-wall_176420-38261.jpg" },
|
||||
{ id: "t4", name: "Jenny L.", date: "Jan 2025", title: "Game Critic", quote: "The drone wingman system adds a whole new layer of strategy to the game.", tag: "Strategist", avatarSrc: "http://img.b2bpic.net/free-photo/man-angry-after-losing-while-playing-videogames-neon-lit-apartment_482257-82376.jpg", imageSrc: "http://img.b2bpic.net/free-photo/skilled-empowered-female-ceo-negotiating-with-shareholders-online-conference_482257-112279.jpg" },
|
||||
{ id: "t5", name: "Tom H.", date: "Feb 2025", title: "Aviation Buff", quote: "The attention to detail on the jet models is incredible.", tag: "Ace Pilot", avatarSrc: "http://img.b2bpic.net/free-photo/super-hero-businessman-doing-no-gesture_1368-7753.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-male-pilot_23-2150923103.jpg" },
|
||||
]}
|
||||
title="Pilot Feedback"
|
||||
description="From the cockpit to global leaderboards, here is what our players say."
|
||||
@@ -284,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is the game free to play?",
|
||||
content: "Yes, SkyStrike Air is free to play, with optional cosmetics and battle passes available for purchase.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Does it support VR?",
|
||||
content: "We offer an optional VR mode for supported Android devices for an unparalleled cockpit experience.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there offline modes?",
|
||||
content: "Yes, we feature a full story mode with offline missions, boss fights, and training modules.",
|
||||
},
|
||||
{ id: "f1", title: "Is the game free to play?", content: "Yes, SkyStrike Air is free to play, with optional cosmetics and battle passes available for purchase." },
|
||||
{ id: "f2", title: "Does it support VR?", content: "We offer an optional VR mode for supported Android devices for an unparalleled cockpit experience." },
|
||||
{ id: "f3", title: "Are there offline modes?", content: "Yes, we feature a full story mode with offline missions, boss fights, and training modules." },
|
||||
]}
|
||||
title="Pilot FAQ"
|
||||
description="Everything you need to know before taking off."
|
||||
@@ -309,9 +151,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Stay Informed"
|
||||
title="Join the Squadron"
|
||||
description="Subscribe for exclusive updates, pilot rewards, and game development news."
|
||||
@@ -324,45 +164,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17139.jpg"
|
||||
logoText="SkyStrike Air"
|
||||
columns={[
|
||||
{
|
||||
title: "Game",
|
||||
items: [
|
||||
{
|
||||
label: "Download",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Patch Notes",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Game", items: [{ label: "Download", href: "#" }, { label: "Patch Notes", href: "#" }] },
|
||||
{ title: "Community", items: [{ label: "Discord", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user