394 lines
13 KiB
TypeScript
394 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Features",
|
|
id: "features",
|
|
},
|
|
{
|
|
name: "Jets",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="SkyStrike"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
background={{
|
|
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",
|
|
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",
|
|
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",
|
|
imageAlt: "fighter jet sunset sky",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Download Now",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
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/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/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",
|
|
},
|
|
]}
|
|
avatarText="Join 500k+ elite pilots"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "4.9/5 Star Rating",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Intense PvP Combat",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Realistic Physics",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Console Quality Graphics",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Advanced AI Wingman",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
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",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
]}
|
|
title="Revolutionary Air Combat"
|
|
description="Built from the ground up for mobile dominance with cutting-edge tech."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
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",
|
|
},
|
|
{
|
|
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: "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: "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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={true}
|
|
title="Game Stats"
|
|
tag="Live Pilot Data"
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "500K+",
|
|
description: "Active Pilots",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "12M+",
|
|
description: "Dogfights Won",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "4.9",
|
|
description: "Global Rating",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
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: "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: "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",
|
|
},
|
|
]}
|
|
title="Pilot Community"
|
|
description="What our top-ranked pilots have to say."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
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: "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.",
|
|
},
|
|
]}
|
|
title="Pilot FAQ"
|
|
description="Answers to your flight queries."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
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."
|
|
imageSrc="http://img.b2bpic.net/free-photo/jet-engine-propels-fighter-plane-through-dusk-sky-generated-by-ai_188544-33271.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="SkyStrike"
|
|
leftLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|