Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
260
src/app/page.tsx
260
src/app/page.tsx
@@ -30,60 +30,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Experience", id: "features" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Easy Gaming Academy"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Premium Gaming Experience"
|
||||
description="Unlock the ultimate PS5 gaming experience at Easy Gaming Academy. Modern setups, high-quality screens, and a welcoming environment for every gamer."
|
||||
tag="Elevate Your Game"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/a-high-end-futuristic-ps5-gaming-room-wi-1774795155692-2634580d.png?_wi=1",
|
||||
imageAlt: "Immersive gaming setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/wide-angle-shot-of-a-premium-e-sports-tr-1774795155387-0cd7a8b0.png?_wi=1",
|
||||
imageAlt: "Professional gaming lounge",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/modern-ps5-console-with-a-wireless-contr-1774795155836-a05132e9.png?_wi=1",
|
||||
imageAlt: "Next-gen console",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/ergonomic-gaming-chair-in-a-modern-tech--1774795156158-41ff3544.png?_wi=1",
|
||||
imageAlt: "Pro gaming chair",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/high-quality-gaming-monitors-in-a-row-im-1774795155667-2938686e.png?_wi=1",
|
||||
imageAlt: "Gaming display",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/a-high-end-futuristic-ps5-gaming-room-wi-1774795155692-2634580d.png", imageAlt: "Immersive gaming setup" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/wide-angle-shot-of-a-premium-e-sports-tr-1774795155387-0cd7a8b0.png", imageAlt: "Professional gaming lounge" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -98,56 +64,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Next-Gen Consoles",
|
||||
description: "Equipped with the latest PS5 consoles for maximum performance.",
|
||||
icon: Star,
|
||||
title: "Next-Gen Consoles", description: "Equipped with the latest PS5 consoles for maximum performance.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/modern-ps5-console-with-a-wireless-contr-1774795155836-a05132e9.png?_wi=2",
|
||||
imageAlt: "PS5 consoles",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/modern-ps5-console-with-a-wireless-contr-1774795155836-a05132e9.png?_wi=3",
|
||||
imageAlt: "Gaming tech",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/a-high-end-futuristic-ps5-gaming-room-wi-1774795155692-2634580d.png?_wi=2",
|
||||
imageAlt: "A high-end, futuristic PS5 gaming room with sleek RGB lighting, multiple ergonomic setups, professio",
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/modern-ps5-console-with-a-wireless-contr-1774795155836-a05132e9.png", imageAlt: "PS5 consoles" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/modern-ps5-console-with-a-wireless-contr-1774795155836-a05132e9.png", imageAlt: "Gaming tech" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Professional Setups",
|
||||
description: "Comfortable gaming chairs and high-resolution displays.",
|
||||
icon: Monitor,
|
||||
title: "Professional Setups", description: "Comfortable gaming chairs and high-resolution displays.", icon: Monitor,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/ergonomic-gaming-chair-in-a-modern-tech--1774795156158-41ff3544.png?_wi=2",
|
||||
imageAlt: "Ergonomic chair",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/ergonomic-gaming-chair-in-a-modern-tech--1774795156158-41ff3544.png?_wi=3",
|
||||
imageAlt: "Gaming desk",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/wide-angle-shot-of-a-premium-e-sports-tr-1774795155387-0cd7a8b0.png?_wi=2",
|
||||
imageAlt: "Wide angle shot of a premium e-sports training facility with multiple gaming consoles and comfortabl",
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/ergonomic-gaming-chair-in-a-modern-tech--1774795156158-41ff3544.png", imageAlt: "Ergonomic chair" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/ergonomic-gaming-chair-in-a-modern-tech--1774795156158-41ff3544.png", imageAlt: "Gaming desk" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Welcoming Vibe",
|
||||
description: "A perfect space for friends to hang out and compete.",
|
||||
icon: Users,
|
||||
title: "Welcoming Vibe", description: "A perfect space for friends to hang out and compete.", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/high-quality-gaming-monitors-in-a-row-im-1774795155667-2938686e.png?_wi=2",
|
||||
imageAlt: "Gaming monitors",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/high-quality-gaming-monitors-in-a-row-im-1774795155667-2938686e.png?_wi=3",
|
||||
imageAlt: "Group gaming",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/modern-ps5-console-with-a-wireless-contr-1774795155836-a05132e9.png?_wi=4",
|
||||
imageAlt: "Modern PS5 console with a wireless controller resting on a clean gaming desk, high-tech aesthetics, ",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/high-quality-gaming-monitors-in-a-row-im-1774795155667-2938686e.png", imageAlt: "Gaming monitors" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/high-quality-gaming-monitors-in-a-row-im-1774795155667-2938686e.png", imageAlt: "Group gaming" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Why Easy Gaming Academy?"
|
||||
description="We offer the best environment for casual fun and competitive play."
|
||||
@@ -160,30 +96,10 @@ export default function LandingPage() {
|
||||
title="Our Expert Team"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmed M.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/professional-gaming-coach-or-manager-por-1774795156253-ed6ee7d8.png",
|
||||
imageAlt: "Ahmed M.",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/portrait-of-a-tech-savvy-gamer-with-head-1774795156761-87d01ec8.png?_wi=1",
|
||||
imageAlt: "Sarah K.",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Omar L.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/support-staff-member-in-a-gaming-center--1774795156072-3691f3f9.png",
|
||||
imageAlt: "Omar L.",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Layla J.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/a-passionate-gaming-assistant-portrait-m-1774795156223-5e8c1fbb.png",
|
||||
imageAlt: "Layla J.",
|
||||
},
|
||||
{ id: "t1", name: "Ahmed M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/professional-gaming-coach-or-manager-por-1774795156253-ed6ee7d8.png", imageAlt: "Ahmed M." },
|
||||
{ id: "t2", name: "Sarah K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/portrait-of-a-tech-savvy-gamer-with-head-1774795156761-87d01ec8.png", imageAlt: "Sarah K." },
|
||||
{ id: "t3", name: "Omar L.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/support-staff-member-in-a-gaming-center--1774795156072-3691f3f9.png", imageAlt: "Omar L." },
|
||||
{ id: "t4", name: "Layla J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/a-passionate-gaming-assistant-portrait-m-1774795156223-5e8c1fbb.png", imageAlt: "Layla J." },
|
||||
]}
|
||||
memberVariant="card"
|
||||
tag="Meet the Pro Crew"
|
||||
@@ -196,60 +112,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Gamer",
|
||||
company: "Easy Academy",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/close-up-photo-of-a-happy-gamer-holding--1774795154809-04d17960.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Casual Player",
|
||||
company: "Easy Academy",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/a-person-having-fun-during-a-gaming-sess-1774795156837-6064653e.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Omar F.",
|
||||
role: "Pro Player",
|
||||
company: "Easy Academy",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/portrait-of-a-casual-player-enjoying-a-g-1774795156178-3642129b.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Layla M.",
|
||||
role: "Gamer",
|
||||
company: "Easy Academy",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/serious-esports-competitor-playing-a-mat-1774795155413-b3421034.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kevin B.",
|
||||
role: "Streamer",
|
||||
company: "Easy Academy",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/portrait-of-a-tech-savvy-gamer-with-head-1774795156761-87d01ec8.png?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Gamer", company: "Easy Academy", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/close-up-photo-of-a-happy-gamer-holding--1774795154809-04d17960.png" },
|
||||
{ id: "2", name: "Michael Chen", role: "Casual Player", company: "Easy Academy", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/a-person-having-fun-during-a-gaming-sess-1774795156837-6064653e.png" },
|
||||
{ id: "3", name: "Omar F.", role: "Pro Player", company: "Easy Academy", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/portrait-of-a-casual-player-enjoying-a-g-1774795156178-3642129b.png" },
|
||||
{ id: "4", name: "Layla M.", role: "Gamer", company: "Easy Academy", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/serious-esports-competitor-playing-a-mat-1774795155413-b3421034.png" },
|
||||
{ id: "5", name: "Kevin B.", role: "Streamer", company: "Easy Academy", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/portrait-of-a-tech-savvy-gamer-with-head-1774795156761-87d01ec8.png" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Happy Gamers",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Service Support",
|
||||
},
|
||||
{ value: "1000+", label: "Happy Gamers" },
|
||||
{ value: "5.0", label: "Average Rating" },
|
||||
{ value: "24/7", label: "Service Support" },
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Don't just take our word for it—hear from our amazing gaming community."
|
||||
@@ -261,21 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What games do you have?",
|
||||
content: "We offer a wide library of the latest PlayStation 5 titles.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need to book in advance?",
|
||||
content: "While walk-ins are welcome, booking ensures your setup is reserved.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your prices affordable?",
|
||||
content: "Yes, we pride ourselves on competitive and reasonable pricing.",
|
||||
},
|
||||
{ id: "f1", title: "What games do you have?", content: "We offer a wide library of the latest PlayStation 5 titles." },
|
||||
{ id: "f2", title: "Do I need to book in advance?", content: "While walk-ins are welcome, booking ensures your setup is reserved." },
|
||||
{ id: "f3", title: "Are your prices affordable?", content: "Yes, we pride ourselves on competitive and reasonable pricing." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcgxX4uHC31ZAxe7WpO6Gkw3zu/modern-interior-of-a-high-end-gaming-aca-1774795156584-b09e4904.png"
|
||||
imageAlt="FAQ Background"
|
||||
@@ -289,19 +149,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to play? Visit us today or reach out for bookings!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+123456789",
|
||||
},
|
||||
{
|
||||
text: "Book Session",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+123456789" },
|
||||
{ text: "Book Session", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -309,34 +161,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Features", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Easy Gaming Academy"
|
||||
/>
|
||||
@@ -344,4 +170,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user