Update src/app/page.tsx
This commit is contained in:
312
src/app/page.tsx
312
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Code, Shield, Users } from "lucide-react";
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
@@ -31,73 +32,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Loja",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Status",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Suporte",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Loja", id: "products" },
|
||||
{ name: "Status", id: "metrics" },
|
||||
{ name: "Suporte", id: "faq" },
|
||||
]}
|
||||
brandName="SEU SERVIDOR"
|
||||
button={{
|
||||
text: "Jogar Agora",
|
||||
href: "#",
|
||||
}}
|
||||
button={{ text: "Jogar Agora", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="A Próxima Geração do Minecraft"
|
||||
description="Domine o servidor com tecnologia de ponta, suporte 24/7 e uma experiência de jogo inigualável. Junte-se à maior network do Brasil."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jogar Agora",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Abrir Loja",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Jogar Agora", href: "#" },
|
||||
{ text: "Abrir Loja", href: "#products" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-trendy-kid-is-playing-new-shooting-videogame-using-special-virtual-reality-goggles_613910-13170.jpg",
|
||||
imageAlt: "Minecraft Hero 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-boy-won-competition-virtual-reality-games-got-cup_613910-3048.jpg",
|
||||
imageAlt: "Minecraft Hero 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-3d-illustration-background-wallpaper_181624-57065.jpg",
|
||||
imageAlt: "Minecraft Hero 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vivid-abstract-background-cubes_58702-6096.jpg",
|
||||
imageAlt: "Minecraft Hero 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vivid-abstract-background-cubes_58702-6097.jpg",
|
||||
imageAlt: "Minecraft Hero 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-vr-glasses-while-her-daughter-playing-studiing_624325-3339.jpg",
|
||||
imageAlt: "Minecraft Hero 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/small-trendy-kid-is-playing-new-shooting-videogame-using-special-virtual-reality-goggles_613910-13170.jpg", imageAlt: "Minecraft Hero 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-happy-boy-won-competition-virtual-reality-games-got-cup_613910-3048.jpg", imageAlt: "Minecraft Hero 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-3d-illustration-background-wallpaper_181624-57065.jpg", imageAlt: "Minecraft Hero 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vivid-abstract-background-cubes_58702-6096.jpg", imageAlt: "Minecraft Hero 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vivid-abstract-background-cubes_58702-6097.jpg", imageAlt: "Minecraft Hero 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mother-vr-glasses-while-her-daughter-playing-studiing_624325-3339.jpg", imageAlt: "Minecraft Hero 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,12 +66,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Sobre o Seu Servidor"
|
||||
buttons={[
|
||||
{
|
||||
text: "Saiba Mais",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Saiba Mais", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -120,30 +75,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Otimização RTX",
|
||||
description: "Rodando em hardware de última geração.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Sistemas Exclusivos",
|
||||
description: "Plugins desenvolvidos sob medida.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-colorized-glass-phone-16-pro-max_187299-46360.jpg",
|
||||
buttonIcon: "Code",
|
||||
},
|
||||
{
|
||||
title: "Suporte 24/7",
|
||||
description: "Equipe sempre pronta para te ajudar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-collection_23-2148469252.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Comunidade Ativa",
|
||||
description: "Milhares de jogadores online.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-pixel-background_23-2149625604.jpg",
|
||||
buttonIcon: "Users",
|
||||
},
|
||||
{ title: "Otimização RTX", description: "Rodando em hardware de última geração.", imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg", buttonIcon: Zap },
|
||||
{ title: "Sistemas Exclusivos", description: "Plugins desenvolvidos sob medida.", imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-colorized-glass-phone-16-pro-max_187299-46360.jpg", buttonIcon: Code },
|
||||
{ title: "Suporte 24/7", description: "Equipe sempre pronta para te ajudar.", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-infographic-collection_23-2148469252.jpg", buttonIcon: Shield },
|
||||
{ title: "Comunidade Ativa", description: "Milhares de jogadores online.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-pixel-background_23-2149625604.jpg", buttonIcon: Users },
|
||||
]}
|
||||
title="Diferenciais Premium"
|
||||
description="Experimente um servidor otimizado, sem lags, com sistemas exclusivos e uma comunidade incrível."
|
||||
@@ -157,42 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rank VIP Diamante",
|
||||
price: "R$ 49.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-realistic-royal-crown_23-2151772587.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pacote de 5000 Coins",
|
||||
price: "R$ 19.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cash-money_23-2151344940.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chave de Crate Mítica",
|
||||
price: "R$ 9.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/intricate-3d-cross-with-bright-lights_23-2151004882.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kit Inicial Pro",
|
||||
price: "R$ 29.90",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nqryzq",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Passe de Batalha Season 1",
|
||||
price: "R$ 39.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204980.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tag Personalizada",
|
||||
price: "R$ 14.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-cyber-monday-labels-collection_23-2149097517.jpg",
|
||||
},
|
||||
{ id: "1", name: "Rank VIP Diamante", price: "R$ 49.90", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-realistic-royal-crown_23-2151772587.jpg" },
|
||||
{ id: "2", name: "Pacote de 5000 Coins", price: "R$ 19.90", imageSrc: "http://img.b2bpic.net/free-photo/3d-cash-money_23-2151344940.jpg" },
|
||||
{ id: "3", name: "Chave de Crate Mítica", price: "R$ 9.90", imageSrc: "http://img.b2bpic.net/free-photo/intricate-3d-cross-with-bright-lights_23-2151004882.jpg" },
|
||||
{ id: "4", name: "Kit Inicial Pro", price: "R$ 29.90", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nqryzq" },
|
||||
{ id: "5", name: "Passe de Batalha Season 1", price: "R$ 39.90", imageSrc: "http://img.b2bpic.net/free-photo/bright-neon-colors-illuminated-arrow_23-2151204980.jpg" },
|
||||
{ id: "6", name: "Tag Personalizada", price: "R$ 14.90", imageSrc: "http://img.b2bpic.net/free-vector/gradient-cyber-monday-labels-collection_23-2149097517.jpg" },
|
||||
]}
|
||||
title="Loja Premium"
|
||||
description="Destaque-se no jogo com nossos itens exclusivos."
|
||||
@@ -205,53 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Mensal",
|
||||
price: "R$ 29.90",
|
||||
features: [
|
||||
"Rank VIP",
|
||||
"Tag Especial",
|
||||
"Coins Mensais",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Assinar",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Trimestral",
|
||||
price: "R$ 79.90",
|
||||
features: [
|
||||
"Rank VIP",
|
||||
"Tag Especial",
|
||||
"Coins Mensais",
|
||||
"Chaves Extras",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Assinar",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Anual",
|
||||
price: "R$ 249.90",
|
||||
features: [
|
||||
"Rank VIP",
|
||||
"Tag Especial",
|
||||
"Coins Mensais",
|
||||
"Acesso VIP Server",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Assinar",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "p1", name: "Mensal", price: "R$ 29.90", features: ["Rank VIP", "Tag Especial", "Coins Mensais"], buttons: [{ text: "Assinar" }] },
|
||||
{ id: "p2", name: "Trimestral", price: "R$ 79.90", features: ["Rank VIP", "Tag Especial", "Coins Mensais", "Chaves Extras"], buttons: [{ text: "Assinar" }] },
|
||||
{ id: "p3", name: "Anual", price: "R$ 249.90", features: ["Rank VIP", "Tag Especial", "Coins Mensais", "Acesso VIP Server"], buttons: [{ text: "Assinar" }] },
|
||||
]}
|
||||
title="Assinaturas e Planos"
|
||||
description="Escolha o melhor plano para sua jornada."
|
||||
@@ -264,26 +125,10 @@ export default function LandingPage() {
|
||||
title="Estatísticas do Servidor"
|
||||
tag="Live Metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1200",
|
||||
description: "Jogadores Online",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5M",
|
||||
description: "Compras realizadas",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5+",
|
||||
description: "Anos Online",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "20K",
|
||||
description: "Membros Discord",
|
||||
},
|
||||
{ id: "m1", value: "1200", description: "Jogadores Online" },
|
||||
{ id: "m2", value: "5M", description: "Compras realizadas" },
|
||||
{ id: "m3", value: "5+", description: "Anos Online" },
|
||||
{ id: "m4", value: "20K", description: "Membros Discord" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -296,48 +141,14 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Lucas Gamer",
|
||||
role: "Pro Player",
|
||||
company: "Hardcore PvP",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-by-using-isolated-screen-computer-monitor-play-game_482257-121631.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ana Sofia",
|
||||
role: "SkyBlock Master",
|
||||
company: "Network Core",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-gaming-setup-inside-still-life_23-2149829152.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Pedro H.",
|
||||
role: "Builder",
|
||||
company: "Design Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-gamer_23-2151954708.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Rafael M.",
|
||||
role: "Vip Player",
|
||||
company: "Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Beatriz O.",
|
||||
role: "Admin",
|
||||
company: "Core Dev",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Lucas Gamer", role: "Pro Player", company: "Hardcore PvP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-by-using-isolated-screen-computer-monitor-play-game_482257-121631.jpg" },
|
||||
{ id: "t2", name: "Ana Sofia", role: "SkyBlock Master", company: "Network Core", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cool-gaming-setup-inside-still-life_23-2149829152.jpg" },
|
||||
{ id: "t3", name: "Pedro H.", role: "Builder", company: "Design Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/focused-gamer_23-2151954708.jpg" },
|
||||
{ id: "t4", name: "Rafael M.", role: "Vip Player", company: "Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg" },
|
||||
{ id: "t5", name: "Beatriz O.", role: "Admin", company: "Core Dev", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg" },
|
||||
]}
|
||||
title="O que dizem os jogadores"
|
||||
description="O que dizem os jogadores"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -346,28 +157,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Como recebo meu VIP?",
|
||||
content: "O VIP é entregue automaticamente assim que o pagamento é confirmado.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quais métodos de pagamento?",
|
||||
content: "Aceitamos PIX, Cartão de Crédito, PayPal e Mercado Pago.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Como conectar no IP?",
|
||||
content: "Basta copiar o IP play.seuservidor.com e adicionar no seu client Minecraft.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "O suporte é rápido?",
|
||||
content: "Sim, nossa equipe atende pelo Discord e Ticket System 24/7.",
|
||||
},
|
||||
{ id: "f1", title: "Como recebo meu VIP?", content: "O VIP é entregue automaticamente assim que o pagamento é confirmado." },
|
||||
{ id: "f2", title: "Quais métodos de pagamento?", content: "Aceitamos PIX, Cartão de Crédito, PayPal e Mercado Pago." },
|
||||
{ id: "f3", title: "Como conectar no IP?", content: "Basta copiar o IP play.seuservidor.com e adicionar no seu client Minecraft." },
|
||||
{ id: "f4", title: "O suporte é rápido?", content: "Sim, nossa equipe atende pelo Discord e Ticket System 24/7." },
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Dúvidas Frequentes"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -377,26 +173,14 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "IP: play.seuservidor.com",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Discord",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "IP: play.seuservidor.com", href: "#" },
|
||||
{ label: "Discord", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Loja",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Termos",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Loja", href: "#products" },
|
||||
{ label: "Termos", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user