Merge version_1 into main #2
262
src/app/page.tsx
262
src/app/page.tsx
@@ -29,137 +29,82 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Play",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Play", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "#stats",
|
||||
},
|
||||
name: "Stats", id: "#stats"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="SkyAce"
|
||||
button={{
|
||||
text: "Play Now", href: "#hero"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Rule the Skies"
|
||||
description="Experience the most immersive aerial combat game. Customize your fighter, dominate the leaderboards, and become the ultimate ace."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-white-aircraft-flying-sky_181624-19136.jpg",
|
||||
imageAlt: "Aerial dogfight",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-white-aircraft-flying-sky_181624-19136.jpg", imageAlt: "Aerial dogfight"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-plane-sustainable-energy-concept_23-2151582565.jpg?_wi=1",
|
||||
imageAlt: "Cockpit perspective",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-plane-sustainable-energy-concept_23-2151582565.jpg", imageAlt: "Cockpit perspective"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panorama-night-city-top-view_1153-3811.jpg?_wi=1",
|
||||
imageAlt: "Squadron formation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panorama-night-city-top-view_1153-3811.jpg", imageAlt: "Squadron formation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-fighter-plane-taking-off-mid-air-generated-by-ai_188544-26201.jpg?_wi=1",
|
||||
imageAlt: "Engine afterburners",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-fighter-plane-taking-off-mid-air-generated-by-ai_188544-26201.jpg", imageAlt: "Engine afterburners"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-many-planes-gray-sky-performing-operations-pirouetting_181624-2885.jpg?_wi=1",
|
||||
imageAlt: "Aerial explosion",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-many-planes-gray-sky-performing-operations-pirouetting_181624-2885.jpg", imageAlt: "Aerial explosion"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-war-fighter_181624-28920.jpg",
|
||||
imageAlt: "Storm maneuver",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-war-fighter_181624-28920.jpg", imageAlt: "Storm maneuver"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-many-planes-gray-sky-performing-operations-pirouetting_181624-2885.jpg?_wi=2",
|
||||
imageAlt: "Aerial explosion",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-many-planes-gray-sky-performing-operations-pirouetting_181624-2885.jpg", imageAlt: "Aerial explosion"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-fighter-plane-taking-off-mid-air-generated-by-ai_188544-26201.jpg?_wi=2",
|
||||
imageAlt: "Engine afterburners",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-fighter-plane-taking-off-mid-air-generated-by-ai_188544-26201.jpg", imageAlt: "Engine afterburners"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panorama-night-city-top-view_1153-3811.jpg?_wi=2",
|
||||
imageAlt: "Squadron formation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panorama-night-city-top-view_1153-3811.jpg", imageAlt: "Squadron formation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-plane-sustainable-energy-concept_23-2151582565.jpg?_wi=2",
|
||||
imageAlt: "Cockpit perspective",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-plane-sustainable-energy-concept_23-2151582565.jpg", imageAlt: "Cockpit perspective"},
|
||||
]}
|
||||
tag="New Season Available"
|
||||
buttons={[
|
||||
{
|
||||
text: "Download Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Download Now", href: "#"},
|
||||
{
|
||||
text: "View Trailer",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Trailer", href: "#"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg",
|
||||
alt: "Pilot A",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg", alt: "Pilot A"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19262.jpg",
|
||||
alt: "Pilot B",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19262.jpg", alt: "Pilot B"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/american-football-player-wearing-equipment_23-2151117437.jpg",
|
||||
alt: "Pilot C",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/american-football-player-wearing-equipment_23-2151117437.jpg", alt: "Pilot C"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-playing-with-virtual-headset_23-2148405682.jpg",
|
||||
alt: "Pilot D",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-playing-with-virtual-headset_23-2148405682.jpg", alt: "Pilot D"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-gamer-playing-first-person-shooter-online-video-game-powerful-personal-computer-with-colorful-neon-led-lights-cyber-performing-pc-stylish-room-gaming-tournament_482257-13303.jpg",
|
||||
alt: "Pilot E",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/professional-gamer-playing-first-person-shooter-online-video-game-powerful-personal-computer-with-colorful-neon-led-lights-cyber-performing-pc-stylish-room-gaming-tournament_482257-13303.jpg", alt: "Pilot E"},
|
||||
]}
|
||||
avatarText="Join 10k+ active pilots"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-shot-white-aircraft-flying-sky_181624-19136.jpg",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/low-angle-shot-white-aircraft-flying-sky_181624-19136.jpg", alt: "Logo 1"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/green-plane-sustainable-energy-concept_23-2151582565.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/green-plane-sustainable-energy-concept_23-2151582565.jpg", alt: "Logo 2"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/panorama-night-city-top-view_1153-3811.jpg",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/panorama-night-city-top-view_1153-3811.jpg", alt: "Logo 3"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-fighter-plane-taking-off-mid-air-generated-by-ai_188544-26201.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/futuristic-fighter-plane-taking-off-mid-air-generated-by-ai_188544-26201.jpg", alt: "Logo 4"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-shot-many-planes-gray-sky-performing-operations-pirouetting_181624-2885.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-shot-many-planes-gray-sky-performing-operations-pirouetting_181624-2885.jpg", alt: "Logo 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,32 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Advanced Upgrades",
|
||||
tags: [
|
||||
"Progression",
|
||||
"Tech",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-airplane_23-2151022234.jpg",
|
||||
},
|
||||
id: "f1", title: "Advanced Upgrades", tags: [
|
||||
"Progression", "Tech"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-airplane_23-2151022234.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Epic Boss Battles",
|
||||
tags: [
|
||||
"Bosses",
|
||||
"Action",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-airplane-flying-through-fantasy-world_23-2151752731.jpg",
|
||||
},
|
||||
id: "f2", title: "Epic Boss Battles", tags: [
|
||||
"Bosses", "Action"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-airplane-flying-through-fantasy-world_23-2151752731.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Multiplayer Squads",
|
||||
tags: [
|
||||
"Social",
|
||||
"Online",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/airplane-flying-through-fantasy-world-with-mythical-landscape_23-2151752741.jpg",
|
||||
},
|
||||
id: "f3", title: "Multiplayer Squads", tags: [
|
||||
"Social", "Online"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/airplane-flying-through-fantasy-world-with-mythical-landscape_23-2151752741.jpg"},
|
||||
]}
|
||||
title="Elite Combat Features"
|
||||
description="Dominate the air with advanced mechanics designed for the ultimate combat experience."
|
||||
@@ -210,26 +140,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
title: "Flight Hours",
|
||||
description: "Total combat flight time globally.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg",
|
||||
},
|
||||
id: "m1", value: "1.2M", title: "Flight Hours", description: "Total combat flight time globally.", imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500K",
|
||||
title: "Top Pilots",
|
||||
description: "Elite pilots on the leaderboard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-cockpit-with-intricate-equipment-generated-by-ai_188544-21879.jpg",
|
||||
},
|
||||
id: "m2", value: "500K", title: "Top Pilots", description: "Elite pilots on the leaderboard.", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-cockpit-with-intricate-equipment-generated-by-ai_188544-21879.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Accuracy Rate",
|
||||
description: "Average player hit performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/officers-team-managing-air-traffic-control-military-aircrafts_482257-90115.jpg",
|
||||
},
|
||||
id: "m3", value: "98%", title: "Accuracy Rate", description: "Average player hit performance.", imageSrc: "http://img.b2bpic.net/free-photo/officers-team-managing-air-traffic-control-military-aircrafts_482257-90115.jpg"},
|
||||
]}
|
||||
title="Global Ace Statistics"
|
||||
description="Join thousands of pilots currently dominating the aerial battlefield."
|
||||
@@ -243,45 +158,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@ace_alpha",
|
||||
testimonial: "The best flight controls I've ever experienced in a web browser. Absolutely stunning graphics.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", handle: "@ace_alpha", testimonial: "The best flight controls I've ever experienced in a web browser. Absolutely stunning graphics.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
handle: "@sky_pilot",
|
||||
testimonial: "Multiplayer dogfights are so addictive! Can't stop playing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19262.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah K.", handle: "@sky_pilot", testimonial: "Multiplayer dogfights are so addictive! Can't stop playing.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19262.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David M.",
|
||||
handle: "@jet_master",
|
||||
testimonial: "The graphics are unbelievable for a web game. Highly recommend it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-wearing-equipment_23-2151117437.jpg",
|
||||
},
|
||||
id: "3", name: "David M.", handle: "@jet_master", testimonial: "The graphics are unbelievable for a web game. Highly recommend it.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-wearing-equipment_23-2151117437.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kevin L.",
|
||||
handle: "@wingman",
|
||||
testimonial: "So many plane customization options! I feel like a real pilot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-playing-with-virtual-headset_23-2148405682.jpg",
|
||||
},
|
||||
id: "4", name: "Kevin L.", handle: "@wingman", testimonial: "So many plane customization options! I feel like a real pilot.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-playing-with-virtual-headset_23-2148405682.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maria P.",
|
||||
handle: "@sky_queen",
|
||||
testimonial: "The boss fights are extremely challenging and rewarding!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-playing-first-person-shooter-online-video-game-powerful-personal-computer-with-colorful-neon-led-lights-cyber-performing-pc-stylish-room-gaming-tournament_482257-13303.jpg",
|
||||
},
|
||||
id: "5", name: "Maria P.", handle: "@sky_queen", testimonial: "The boss fights are extremely challenging and rewarding!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-playing-first-person-shooter-online-video-game-powerful-personal-computer-with-colorful-neon-led-lights-cyber-performing-pc-stylish-room-gaming-tournament_482257-13303.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Pilot Community"
|
||||
@@ -293,16 +183,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready to Fly?"
|
||||
title="Join the Squadron Today"
|
||||
description="Register your account and start your journey to becoming the best ace in the sky."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Playing",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Playing", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -311,50 +198,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Game",
|
||||
items: [
|
||||
title: "Game", items: [
|
||||
{
|
||||
label: "Play Now",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Play Now", href: "#hero"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Community", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Status",
|
||||
href: "#",
|
||||
},
|
||||
label: "Status", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user