Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ab7c06a39c | |||
| 706b631283 | |||
| 8f546022f8 | |||
| 883e8fa30d | |||
| 0f8ec9ab7c | |||
| 91cb00dfef | |||
| 555c47126f | |||
| b5033934a8 |
1403
src/app/layout.tsx
1403
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
103
src/app/page.tsx
103
src/app/page.tsx
@@ -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 (
|
||||
@@ -50,23 +51,31 @@ export default function LandingPage() {
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-vibrant-roblox-game-screenshot-featuri-1773034595221-5ca19031.png?_wi=1", imageAlt: "Adventure game world"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-vibrant-roblox-game-screenshot-featuri-1773034595221-5ca19031.png?_wi=1", imageAlt: "Adventure game world"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-stylized-roblox-game-featuring-a-simul-1773034593916-dfee73ba.png?_wi=1", imageAlt: "Simulation game environment"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-stylized-roblox-game-featuring-a-simul-1773034593916-dfee73ba.png?_wi=1", imageAlt: "Simulation game environment"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-competitive-roblox-game-featuring-acti-1773034593898-648649b9.png?_wi=1", imageAlt: "Competitive game showcase"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-competitive-roblox-game-featuring-acti-1773034593898-648649b9.png?_wi=1", imageAlt: "Competitive game showcase"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-cozy-roblox-game-featuring-relaxation--1773034593969-7ab80cf4.png?_wi=1", imageAlt: "Community game space"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-cozy-roblox-game-featuring-relaxation--1773034593969-7ab80cf4.png?_wi=1", imageAlt: "Community game space"
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-stylized-roblox-game-featuring-a-simul-1773034593916-dfee73ba.png?_wi=2", imageAlt: "Building game world"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-stylized-roblox-game-featuring-a-simul-1773034593916-dfee73ba.png?_wi=2", imageAlt: "Building game world"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-competitive-roblox-game-featuring-acti-1773034593898-648649b9.png?_wi=2", imageAlt: "Action game gameplay"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-competitive-roblox-game-featuring-acti-1773034593898-648649b9.png?_wi=2", imageAlt: "Action game gameplay"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-cozy-roblox-game-featuring-relaxation--1773034593969-7ab80cf4.png?_wi=2", imageAlt: "Social game experience"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-cozy-roblox-game-featuring-relaxation--1773034593969-7ab80cf4.png?_wi=2", imageAlt: "Social game experience"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-vibrant-roblox-game-screenshot-featuri-1773034595221-5ca19031.png?_wi=2", imageAlt: "Adventure exploration"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-vibrant-roblox-game-screenshot-featuri-1773034595221-5ca19031.png?_wi=2", imageAlt: "Adventure exploration"
|
||||
},
|
||||
]}
|
||||
carouselPosition="right"
|
||||
buttons={[
|
||||
@@ -105,13 +114,16 @@ export default function LandingPage() {
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Roblox Studio", name: "Adventure Quest Worlds", price: "Free + Premium", rating: 5,
|
||||
reviewCount: "2.4M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-vibrant-roblox-game-screenshot-featuri-1773034595221-5ca19031.png?_wi=3", imageAlt: "Adventure Quest Worlds game"},
|
||||
reviewCount: "2.4M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-vibrant-roblox-game-screenshot-featuri-1773034595221-5ca19031.png?_wi=3", imageAlt: "Adventure Quest Worlds game"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Roblox Studio", name: "Creator's Haven", price: "Free + Premium", rating: 5,
|
||||
reviewCount: "1.8M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-stylized-roblox-game-featuring-a-simul-1773034593916-dfee73ba.png?_wi=3", imageAlt: "Creator's Haven game"},
|
||||
reviewCount: "1.8M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-stylized-roblox-game-featuring-a-simul-1773034593916-dfee73ba.png?_wi=3", imageAlt: "Creator's Haven game"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Roblox Studio", name: "Battle Arena Pro", price: "Free + Premium", rating: 5,
|
||||
reviewCount: "3.2M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-competitive-roblox-game-featuring-acti-1773034593898-648649b9.png?_wi=3", imageAlt: "Battle Arena Pro game"},
|
||||
reviewCount: "3.2M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/a-competitive-roblox-game-featuring-acti-1773034593898-648649b9.png?_wi=3", imageAlt: "Battle Arena Pro game"
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Explore All Games", href: "https://roblox.com" },
|
||||
@@ -132,15 +144,45 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited creative freedom", "Poor player engagement", "Inconsistent updates", "Weak community support"],
|
||||
"Limited creative freedom", "Poor player engagement", "Inconsistent updates", "Weak community support"
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Unlimited creative possibilities", "Thriving active community", "Regular content updates", "24/7 player support"],
|
||||
"Unlimited creative possibilities", "Thriving active community", "Regular content updates", "24/7 player support"
|
||||
],
|
||||
}}
|
||||
/>
|
||||
</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="uniform-all-items-equal"
|
||||
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 +192,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,20 +230,41 @@ 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"},
|
||||
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"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Endless Creative Freedom", quote: "I came for the games, but I stayed for the ability to create. The tools and support this studio provides let me build worlds I never thought possible.", name: "Marcus Williams", role: "Game Creator", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-another-happy-g-1773034593051-a2d1f026.png", imageAlt: "Marcus Williams"},
|
||||
id: "2", title: "Endless Creative Freedom", quote: "I came for the games, but I stayed for the ability to create. The tools and support this studio provides let me build worlds I never thought possible.", name: "Marcus Williams", role: "Game Creator", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-another-happy-g-1773034593051-a2d1f026.png", imageAlt: "Marcus Williams"
|
||||
},
|
||||
{
|
||||
id: "3", title: "The Gold Standard of Gaming", quote: "After playing countless games across platforms, these are hands down the best. The attention to detail, regular updates, and genuine care for players is unmatched.", name: "Sophie Nguyen", role: "Professional Streamer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-a-gaming-stream-1773034593743-8528aeba.png", imageAlt: "Sophie Nguyen"},
|
||||
id: "3", title: "The Gold Standard of Gaming", quote: "After playing countless games across platforms, these are hands down the best. The attention to detail, regular updates, and genuine care for players is unmatched.", name: "Sophie Nguyen", role: "Professional Streamer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-a-gaming-stream-1773034593743-8528aeba.png", imageAlt: "Sophie Nguyen"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Community Like No Other", quote: "The community here is what makes everything special. From casual players to hardcore enthusiasts, everyone feels welcome and valued. This is where gaming magic happens.", name: "David Okonkwo", role: "Community Leader", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-a-community-lea-1773034594664-76bb9cde.png", imageAlt: "David Okonkwo"},
|
||||
id: "4", title: "Community Like No Other", quote: "The community here is what makes everything special. From casual players to hardcore enthusiasts, everyone feels welcome and valued. This is where gaming magic happens.", name: "David Okonkwo", role: "Community Leader", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhAfRaQSq2Mpv9tFzynsyMoLPf/professional-portrait-of-a-community-lea-1773034594664-76bb9cde.png", imageAlt: "David Okonkwo"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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"
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4f0;
|
||||
--card: #ffffff;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #2c2c2c;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #a855f7;
|
||||
--primary-cta-text: #f5f4f0;
|
||||
--secondary-cta: #f5f4f0;
|
||||
--secondary-cta: #06b6d4;
|
||||
--secondary-cta-text: #1a1a1a;
|
||||
--accent: #8a8a8a;
|
||||
--background-accent: #e8e6e1;
|
||||
--accent: #06b6d4;
|
||||
--background-accent: #a855f7;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user