Merge version_1 into main #2
182
src/app/page.tsx
182
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="ALU"
|
||||
/>
|
||||
@@ -60,35 +50,21 @@ export default function LandingPage() {
|
||||
description="The definitive mobile racing experience. Master the tracks, customize your machine, and become a legend."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Racing",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Start Racing", href: "#about"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/extreme-close-up-of-a-high-performance-s-1774790873844-54b3a52c.png?_wi=1",
|
||||
imageAlt: "Futuristic Garage",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/extreme-close-up-of-a-high-performance-s-1774790873844-54b3a52c.png", imageAlt: "Futuristic Garage"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/super-car-drifting-through-neon-lit-toky-1774790867787-46981f31.png",
|
||||
imageAlt: "Drifting Street",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/super-car-drifting-through-neon-lit-toky-1774790867787-46981f31.png", imageAlt: "Drifting Street"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/top-tier-hypercar-accelerating-in-a-dese-1774790863592-3ac30843.png",
|
||||
imageAlt: "Desert Race",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/top-tier-hypercar-accelerating-in-a-dese-1774790863592-3ac30843.png", imageAlt: "Desert Race"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/close-up-of-hypercar-rims-and-tires-spin-1774790863097-b7d7f038.png",
|
||||
imageAlt: "Circuit Close-up",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/close-up-of-hypercar-rims-and-tires-spin-1774790863097-b7d7f038.png", imageAlt: "Circuit Close-up"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/supercar-parked-on-an-urban-industrial-p-1774790865785-4e419680.png",
|
||||
imageAlt: "Urban Night",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/supercar-parked-on-an-urban-industrial-p-1774790865785-4e419680.png", imageAlt: "Urban Night"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/abstract-view-of-racing-dashboard-hud-wi-1774790864278-44cb97d8.png",
|
||||
imageAlt: "Digital Interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/abstract-view-of-racing-dashboard-hud-wi-1774790864278-44cb97d8.png", imageAlt: "Digital Interface"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
/>
|
||||
@@ -101,19 +77,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Global Players",
|
||||
value: "100M+",
|
||||
},
|
||||
label: "Global Players", value: "100M+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Hypercars",
|
||||
value: "250+",
|
||||
},
|
||||
label: "Hypercars", value: "250+"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Tracks",
|
||||
value: "50+",
|
||||
},
|
||||
label: "Global Tracks", value: "50+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -126,26 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Deep Customization",
|
||||
description: "Modify everything from engine performance to paint jobs with professional-grade editors.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/detailed-view-of-hypercar-customization--1774790875128-48205bd1.png",
|
||||
imageAlt: "Customization Menu",
|
||||
},
|
||||
id: "f1", title: "Deep Customization", description: "Modify everything from engine performance to paint jobs with professional-grade editors.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/detailed-view-of-hypercar-customization--1774790875128-48205bd1.png", imageAlt: "Customization Menu"},
|
||||
items: [
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Infinite tuning",
|
||||
},
|
||||
text: "Infinite tuning"},
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Global livery editor",
|
||||
},
|
||||
text: "Global livery editor"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/extreme-close-up-of-a-high-performance-s-1774790873844-54b3a52c.png?_wi=2",
|
||||
imageAlt: "Extreme close up of a high performance sports car engine and headlights at night in a futuristic gar",
|
||||
},
|
||||
]}
|
||||
title="Master the Mechanics"
|
||||
@@ -160,59 +121,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Pro Racer",
|
||||
company: "Global Circuit",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/portrait-of-a-competitive-gamer-in-a-dim-1774790871872-19d7f448.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Alex R.", role: "Pro Racer", company: "Global Circuit", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/portrait-of-a-competitive-gamer-in-a-dim-1774790871872-19d7f448.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie L.",
|
||||
role: "Streamer",
|
||||
company: "Racing Lab",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/portrait-of-a-content-creator-focused-on-1774790864063-e3a30973.png",
|
||||
},
|
||||
id: "2", name: "Jamie L.", role: "Streamer", company: "Racing Lab", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/portrait-of-a-content-creator-focused-on-1774790864063-e3a30973.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam T.",
|
||||
role: "Casual Fan",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/portrait-of-a-young-racing-fan-looking-e-1774790867092-110f6e4e.png",
|
||||
},
|
||||
id: "3", name: "Sam T.", role: "Casual Fan", company: "Community", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/portrait-of-a-young-racing-fan-looking-e-1774790867092-110f6e4e.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Taylor V.",
|
||||
role: "Expert",
|
||||
company: "Tech Squad",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/close-up-shot-of-a-person-playing-a-high-1774790864407-2b56bd11.png",
|
||||
},
|
||||
id: "4", name: "Taylor V.", role: "Expert", company: "Tech Squad", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/close-up-shot-of-a-person-playing-a-high-1774790864407-2b56bd11.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Morgan P.",
|
||||
role: "Mechanic",
|
||||
company: "Tuning Pros",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/portrait-of-a-competitive-gamer-in-a-dim-1774790871872-19d7f448.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Morgan P.", role: "Mechanic", company: "Tuning Pros", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcaThDfKAtGZ9ZWyalH4qV2qJ3/portrait-of-a-competitive-gamer-in-a-dim-1774790871872-19d7f448.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "9.5/10",
|
||||
label: "Gameplay Rating",
|
||||
},
|
||||
value: "9.5/10", label: "Gameplay Rating"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Global Matches",
|
||||
},
|
||||
value: "24/7", label: "Global Matches"},
|
||||
{
|
||||
value: "Top 1",
|
||||
label: "Mobile Racing",
|
||||
},
|
||||
value: "Top 1", label: "Mobile Racing"},
|
||||
]}
|
||||
title="Legendary Community"
|
||||
description="What our top racers say about the experience."
|
||||
@@ -224,20 +154,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it free to play?",
|
||||
content: "Yes, Asphalt Legends Unite is a free-to-play title with optional in-game purchases.",
|
||||
},
|
||||
id: "q1", title: "Is it free to play?", content: "Yes, Asphalt Legends Unite is a free-to-play title with optional in-game purchases."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Does it support cross-play?",
|
||||
content: "Absolutely, compete against friends across mobile and PC platforms.",
|
||||
},
|
||||
id: "q2", title: "Does it support cross-play?", content: "Absolutely, compete against friends across mobile and PC platforms."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I play offline?",
|
||||
content: "Most core modes require an active internet connection to synchronize your progress and rankings.",
|
||||
},
|
||||
id: "q3", title: "Can I play offline?", content: "Most core modes require an active internet connection to synchronize your progress and rankings."},
|
||||
]}
|
||||
sideTitle="Questions? We've Got Answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -248,42 +169,27 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Help Center", href: "#faq"},
|
||||
{
|
||||
label: "Safety",
|
||||
href: "#",
|
||||
},
|
||||
label: "Safety", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user