Merge version_1 into main #2
256
src/app/page.tsx
256
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Jets",
|
||||
id: "products",
|
||||
},
|
||||
name: "Jets", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="SkyStrike"
|
||||
/>
|
||||
@@ -59,104 +49,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master the Skies in SkyStrike"
|
||||
description="Experience the next evolution of air combat. High-fidelity 3D graphics, intense dogfights, and deep customization await. Join the elite pilot ranks today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "AcePilot99",
|
||||
handle: "@ace99",
|
||||
testimonial: "The flight physics are unparalleled on mobile. Feels like a true sim.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151625885.jpg?_wi=1",
|
||||
imageAlt: "fighter jet sunset sky",
|
||||
},
|
||||
name: "AcePilot99", handle: "@ace99", testimonial: "The flight physics are unparalleled on mobile. Feels like a true sim.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151625885.jpg", imageAlt: "fighter jet sunset sky"},
|
||||
{
|
||||
name: "SkyKing",
|
||||
handle: "@skyk",
|
||||
testimonial: "Multiplayer is intense and lag-free. Best 5v5 action I've played.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft_23-2151828278.jpg?_wi=1",
|
||||
imageAlt: "fighter jet sunset sky",
|
||||
},
|
||||
name: "SkyKing", handle: "@skyk", testimonial: "Multiplayer is intense and lag-free. Best 5v5 action I've played.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft_23-2151828278.jpg", imageAlt: "fighter jet sunset sky"},
|
||||
{
|
||||
name: "VectorPilot",
|
||||
handle: "@v_pilot",
|
||||
testimonial: "Customization is deep without being pay-to-win. Truly refreshing.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-uniform-flight-helmet-carries-out-maintenance-war-fighter-interceptor-open-air-museum_613910-5427.jpg?_wi=1",
|
||||
imageAlt: "fighter jet sunset sky",
|
||||
},
|
||||
name: "VectorPilot", handle: "@v_pilot", testimonial: "Customization is deep without being pay-to-win. Truly refreshing.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-uniform-flight-helmet-carries-out-maintenance-war-fighter-interceptor-open-air-museum_613910-5427.jpg", imageAlt: "fighter jet sunset sky"},
|
||||
{
|
||||
name: "RadarLock",
|
||||
handle: "@r_lock",
|
||||
testimonial: "The AI drone wingman is a game changer for story mode missions.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-drone-flying-ocean-with-sunset-sky_1048-8182.jpg?_wi=1",
|
||||
imageAlt: "fighter jet sunset sky",
|
||||
},
|
||||
name: "RadarLock", handle: "@r_lock", testimonial: "The AI drone wingman is a game changer for story mode missions.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-drone-flying-ocean-with-sunset-sky_1048-8182.jpg", imageAlt: "fighter jet sunset sky"},
|
||||
{
|
||||
name: "GamerX",
|
||||
handle: "@gx_sky",
|
||||
testimonial: "Stunning visuals on my mid-range device. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-spaceship-from-future_23-2150675467.jpg?_wi=1",
|
||||
imageAlt: "fighter jet sunset sky",
|
||||
},
|
||||
name: "GamerX", handle: "@gx_sky", testimonial: "Stunning visuals on my mid-range device. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-spaceship-from-future_23-2150675467.jpg", imageAlt: "fighter jet sunset sky"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Download Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Download Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151625885.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151625885.jpg"
|
||||
imageAlt="Modern fighter jet in flight"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-modern-parked-monoplane-propeller_181624-3366.jpg",
|
||||
alt: "Pilot avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-modern-parked-monoplane-propeller_181624-3366.jpg", alt: "Pilot avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151625897.jpg",
|
||||
alt: "Pilot avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bermuda-triangle-mystery-event_23-2151625897.jpg", alt: "Pilot avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/old-war-fighter_181624-28920.jpg",
|
||||
alt: "Pilot avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/old-war-fighter_181624-28920.jpg", alt: "Pilot avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sports-plane-air-racing-render-3d-illustration_654080-72.jpg",
|
||||
alt: "Pilot avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sports-plane-air-racing-render-3d-illustration_654080-72.jpg", alt: "Pilot avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-uniform-flying-helmet-repair-old-war-fighter-interceptor-open-air-museum_613910-6690.jpg",
|
||||
alt: "Pilot avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-uniform-flying-helmet-repair-old-war-fighter-interceptor-open-air-museum_613910-6690.jpg", alt: "Pilot avatar 5"},
|
||||
]}
|
||||
avatarText="Join 500k+ elite pilots"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "4.9/5 Star Rating",
|
||||
},
|
||||
type: "text", text: "4.9/5 Star Rating"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Intense PvP Combat",
|
||||
},
|
||||
type: "text", text: "Intense PvP Combat"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Realistic Physics",
|
||||
},
|
||||
type: "text", text: "Realistic Physics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Console Quality Graphics",
|
||||
},
|
||||
type: "text", text: "Console Quality Graphics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced AI Wingman",
|
||||
},
|
||||
type: "text", text: "Advanced AI Wingman"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,20 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Next-Gen HUD",
|
||||
description: "Console-level graphical feedback with real-time target lock and tactical awareness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft_23-2151828278.jpg?_wi=2",
|
||||
},
|
||||
title: "Next-Gen HUD", description: "Console-level graphical feedback with real-time target lock and tactical awareness.", imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft_23-2151828278.jpg"},
|
||||
{
|
||||
title: "Jet Powerhouse",
|
||||
description: "Realistic thrust physics and thermal afterburner effects for immersive dogfighting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-uniform-flight-helmet-carries-out-maintenance-war-fighter-interceptor-open-air-museum_613910-5427.jpg?_wi=2",
|
||||
},
|
||||
title: "Jet Powerhouse", description: "Realistic thrust physics and thermal afterburner effects for immersive dogfighting.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-uniform-flight-helmet-carries-out-maintenance-war-fighter-interceptor-open-air-museum_613910-5427.jpg"},
|
||||
{
|
||||
title: "AI Wingman",
|
||||
description: "Deploy drone support to flank enemies and overwhelm defenses in critical moments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-drone-flying-ocean-with-sunset-sky_1048-8182.jpg?_wi=2",
|
||||
},
|
||||
title: "AI Wingman", description: "Deploy drone support to flank enemies and overwhelm defenses in critical moments.", imageSrc: "http://img.b2bpic.net/free-photo/3d-drone-flying-ocean-with-sunset-sky_1048-8182.jpg"},
|
||||
]}
|
||||
title="Revolutionary Air Combat"
|
||||
description="Built from the ground up for mobile dominance with cutting-edge tech."
|
||||
@@ -191,46 +124,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "jet1",
|
||||
name: "F-22 Raptor",
|
||||
price: "Unlock",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-spaceship-from-future_23-2150675467.jpg?_wi=2",
|
||||
},
|
||||
id: "jet1", name: "F-22 Raptor", price: "Unlock", imageSrc: "http://img.b2bpic.net/free-photo/view-spaceship-from-future_23-2150675467.jpg"},
|
||||
{
|
||||
id: "jet2",
|
||||
name: "Precision Missile",
|
||||
price: "Upgrade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/destruction-russian-s-war-ukraine_23-2149437893.jpg",
|
||||
},
|
||||
id: "jet2", name: "Precision Missile", price: "Upgrade", imageSrc: "http://img.b2bpic.net/free-photo/destruction-russian-s-war-ukraine_23-2149437893.jpg"},
|
||||
{
|
||||
id: "jet3",
|
||||
name: "Hangar Skins",
|
||||
price: "Customize",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-game-stone-frames-bars-ui-scrolls-boards-with-antique-parchments-menu-buttons-cartoon-interface-elements-empty-borders-with-banners-ui-gui-design-scales-keys-user-panel-settings_107791-8644.jpg",
|
||||
},
|
||||
id: "jet3", name: "Hangar Skins", price: "Customize", imageSrc: "http://img.b2bpic.net/free-vector/set-game-stone-frames-bars-ui-scrolls-boards-with-antique-parchments-menu-buttons-cartoon-interface-elements-empty-borders-with-banners-ui-gui-design-scales-keys-user-panel-settings_107791-8644.jpg"},
|
||||
{
|
||||
id: "jet4",
|
||||
name: "Advanced Helmet",
|
||||
price: "Available",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-soldier-helmet_23-2151633267.jpg",
|
||||
},
|
||||
id: "jet4", name: "Advanced Helmet", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/still-life-soldier-helmet_23-2151633267.jpg"},
|
||||
{
|
||||
id: "jet5",
|
||||
name: "Rafale Fighter",
|
||||
price: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-airplanes-museum_613910-7273.jpg",
|
||||
},
|
||||
id: "jet5", name: "Rafale Fighter", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/man-airplanes-museum_613910-7273.jpg"},
|
||||
{
|
||||
id: "jet6",
|
||||
name: "Engine Upgrades",
|
||||
price: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pilot-mechanic-full-flight-gear-checks-propeller-his-retro-military-aircraft-before-flight_613910-5276.jpg",
|
||||
},
|
||||
id: "jet6", name: "Engine Upgrades", price: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/pilot-mechanic-full-flight-gear-checks-propeller-his-retro-military-aircraft-before-flight_613910-5276.jpg"},
|
||||
]}
|
||||
title="Elite Jet Hangar"
|
||||
description="Unlock and customize your fleet with advanced components."
|
||||
@@ -244,20 +154,11 @@ export default function LandingPage() {
|
||||
tag="Live Pilot Data"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500K+",
|
||||
description: "Active Pilots",
|
||||
},
|
||||
id: "m1", value: "500K+", description: "Active Pilots"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12M+",
|
||||
description: "Dogfights Won",
|
||||
},
|
||||
id: "m2", value: "12M+", description: "Dogfights Won"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
description: "Global Rating",
|
||||
},
|
||||
id: "m3", value: "4.9", description: "Global Rating"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -268,14 +169,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AeroTech Solutions",
|
||||
"SkyBound Games",
|
||||
"CloudScale Studios",
|
||||
"HyperDrive Labs",
|
||||
"Velocity Systems",
|
||||
"Orbit Dynamics",
|
||||
"WingSpan AI",
|
||||
]}
|
||||
"AeroTech Solutions", "SkyBound Games", "CloudScale Studios", "HyperDrive Labs", "Velocity Systems", "Orbit Dynamics", "WingSpan AI"]}
|
||||
title="Powered by Industry Leaders"
|
||||
description="Collaborating with top aerospace and gaming experts."
|
||||
/>
|
||||
@@ -288,40 +182,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarah_jet",
|
||||
testimonial: "Incredible gameplay loop. Always coming back for more.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-gamer-girl-using-pc-gaming-setup-having-good-time-playing-multiplayer-online-action-game-home-living-room-woman-streaming-first-person-shooter-while-talking-headset_482257-50431.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarah_jet", testimonial: "Incredible gameplay loop. Always coming back for more.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-gamer-girl-using-pc-gaming-setup-having-good-time-playing-multiplayer-online-action-game-home-living-room-woman-streaming-first-person-shooter-while-talking-headset_482257-50431.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@m_chen",
|
||||
testimonial: "Controls are perfect for touch, very responsive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-her-smartphone-home-couch-by-holding-from-pop-socket_23-2150168423.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@m_chen", testimonial: "Controls are perfect for touch, very responsive.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-using-her-smartphone-home-couch-by-holding-from-pop-socket_23-2150168423.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@em_sky",
|
||||
testimonial: "Sim elements blended with arcade fun perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-using-controller-play-online-video-games-computer-man-playing-game-with-joystick-headphones-front-monitor-player-having-gaming-equipment-doing-fun-activity_482257-39556.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@em_sky", testimonial: "Sim elements blended with arcade fun perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/gamer-using-controller-play-online-video-games-computer-man-playing-game-with-joystick-headphones-front-monitor-player-having-gaming-equipment-doing-fun-activity_482257-39556.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dk_air",
|
||||
testimonial: "Graphics look like something from a dedicated console.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-plaid-shirt-headphones-sitting-desk-holding-digital-camera-looking-photos_1098-17096.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@dk_air", testimonial: "Graphics look like something from a dedicated console.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-plaid-shirt-headphones-sitting-desk-holding-digital-camera-looking-photos_1098-17096.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
handle: "@a_smith",
|
||||
testimonial: "The best air combat game I've played on Android.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-product-backdrop-with-patterned-glass_53876-132986.jpg",
|
||||
},
|
||||
id: "5", name: "Alex Smith", handle: "@a_smith", testimonial: "The best air combat game I've played on Android.", imageSrc: "http://img.b2bpic.net/free-photo/orange-product-backdrop-with-patterned-glass_53876-132986.jpg"},
|
||||
]}
|
||||
title="Pilot Community"
|
||||
description="What our top-ranked pilots have to say."
|
||||
@@ -334,25 +203,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the game pay-to-win?",
|
||||
content: "Absolutely not. All purchases are purely cosmetic or utility-based.",
|
||||
},
|
||||
id: "q1", title: "Is the game pay-to-win?", content: "Absolutely not. All purchases are purely cosmetic or utility-based."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I play offline?",
|
||||
content: "Yes, our single-player story mode missions are fully available offline.",
|
||||
},
|
||||
id: "q2", title: "Can I play offline?", content: "Yes, our single-player story mode missions are fully available offline."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Does it support gamepads?",
|
||||
content: "Full controller support is included for an enhanced simulation experience.",
|
||||
},
|
||||
id: "q3", title: "Does it support gamepads?", content: "Full controller support is included for an enhanced simulation experience."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What's the drone system?",
|
||||
content: "The AI drone wingman is an unlockable ally that follows your tactical commands.",
|
||||
},
|
||||
id: "q4", title: "What's the drone system?", content: "The AI drone wingman is an unlockable ally that follows your tactical commands."},
|
||||
]}
|
||||
title="Pilot FAQ"
|
||||
description="Answers to your flight queries."
|
||||
@@ -364,8 +221,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Join the Elite"
|
||||
title="Launch Your Career"
|
||||
description="Sign up for exclusive pilot updates, patch notes, and early access to new fighter jets."
|
||||
@@ -378,13 +234,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="SkyStrike"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user