Update src/app/page.tsx
This commit is contained in:
@@ -10,7 +10,8 @@ import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Sparkles, Zap, Gamepad2, Award, Users, Heart, Mail, Twitter, Linkedin, Github, Dribbble } from 'lucide-react';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import { Sparkles, Zap, Gamepad2, Award, Users, Heart, Mail, Twitter, Linkedin, Github, Dribbble, MessageCircle, Twitch, Youtube } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -141,6 +142,34 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="statistics" data-section="statistics">
|
||||
<MetricCardTwo
|
||||
title="Our Impact"
|
||||
description="Scale and success defined by our community of passionate players and creators."
|
||||
tag="By The Numbers"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "50M+", description: "Total Players Worldwide"
|
||||
},
|
||||
{
|
||||
id: "2", value: "2B+", description: "Game Visits"
|
||||
},
|
||||
{
|
||||
id: "3", value: "500K+", description: "Active Community Members"
|
||||
},
|
||||
{
|
||||
id: "4", value: "12", description: "Games Released"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Meet Our Creative Team"
|
||||
@@ -150,7 +179,7 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
members={[
|
||||
{
|
||||
@@ -188,7 +217,7 @@ export default function LandingPage() {
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "A Game-Changing Experience", quote: "This studio's games completely changed how I think about gaming. The creativity, the community, and the polish of every detail is just incredible. I've made lifelong friends here.", name: "Emma Thompson", role: "Gaming Influencer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-a-satisfied-gam-1773034593503-15411624.png", imageAlt: "Emma Thompson"},
|
||||
@@ -202,6 +231,23 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="community" data-section="community">
|
||||
<ContactCTA
|
||||
tag="Join Our Community"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
title="Connect With Players Worldwide"
|
||||
description="Join thousands of passionate gamers, creators, and enthusiasts. Get involved with Discord discussions, Roblox groups, and exclusive content updates."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Join Discord", href: "https://discord.gg" },
|
||||
{ text: "Roblox Group", href: "https://roblox.com" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Get in Touch"
|
||||
|
||||
Reference in New Issue
Block a user