Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
216
src/app/page.tsx
216
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "boost",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Boost", id: "boost" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
brandName="ProBrawlBoost"
|
||||
/>
|
||||
@@ -54,42 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Domina el Arena con ProBrawlBoost"
|
||||
description="Llega a rango Pro o sube tus copas de manera rápida y segura. Expertos listos para boostear tu cuenta."
|
||||
buttons={[
|
||||
{
|
||||
text: "Comprar Boost",
|
||||
href: "#boost",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Comprar Boost", href: "#boost" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cartoon-animated-3d-penguin-aviator_23-2150882072.jpg",
|
||||
imageAlt: "Brawl Action",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-astronaut_23-2151432305.jpg",
|
||||
imageAlt: "Brawl Action 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-half-fox-half-robot_23-2151601028.jpg",
|
||||
imageAlt: "Brawl Action 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563049.jpg",
|
||||
imageAlt: "Brawl Action 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837573.jpg",
|
||||
imageAlt: "Brawl Action 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-91981.jpg",
|
||||
imageAlt: "Brawl Action 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-cartoon-animated-3d-penguin-aviator_23-2150882072.jpg", imageAlt: "Brawl Action" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-astronaut_23-2151432305.jpg", imageAlt: "Brawl Action 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-half-fox-half-robot_23-2151601028.jpg", imageAlt: "Brawl Action 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563049.jpg", imageAlt: "Brawl Action 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837573.jpg", imageAlt: "Brawl Action 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-91981.jpg", imageAlt: "Brawl Action 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,20 +62,8 @@ export default function LandingPage() {
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Riesgo de baneo en servicios baratos",
|
||||
"Jugadores no profesionales",
|
||||
"Sin garantías de tiempo",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Servicio 100% seguro y confidencial",
|
||||
"Jugadores profesionales de rango Pro",
|
||||
"Resultados garantizados en 24h",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Riesgo de baneo en servicios baratos", "Jugadores no profesionales", "Sin garantías de tiempo"] }}
|
||||
positiveCard={{ items: ["Servicio 100% seguro y confidencial", "Jugadores profesionales de rango Pro", "Resultados garantizados en 24h"] }}
|
||||
title="Por qué elegirnos"
|
||||
description="Tu cuenta en manos de profesionales certificados."
|
||||
/>
|
||||
@@ -120,40 +71,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="boost" data-section="boost">
|
||||
<PricingCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$2.00",
|
||||
name: "Boost de Copas",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contratar",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"+50 Copas",
|
||||
"Entrega en 12h",
|
||||
"Servicio seguro",
|
||||
],
|
||||
id: "basic", price: "$2.00", name: "Boost de Copas", buttons: [{ text: "Contratar", href: "#" }],
|
||||
features: ["+50 Copas", "Entrega en 12h", "Servicio seguro"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$5.00",
|
||||
name: "Rango Pro",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contratar",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Rango Pro Garantizado",
|
||||
"Entrega en 24h",
|
||||
"Jugador profesional",
|
||||
],
|
||||
id: "pro", price: "$5.00", name: "Rango Pro", buttons: [{ text: "Contratar", href: "#" }],
|
||||
features: ["Rango Pro Garantizado", "Entrega en 24h", "Jugador profesional"],
|
||||
},
|
||||
]}
|
||||
title="Nuestros Planes de Boost"
|
||||
@@ -167,24 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Cuentas Boosteadas",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Zap,
|
||||
title: "Velocidad Promedio",
|
||||
value: "12h",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Seguridad Total",
|
||||
value: "100%",
|
||||
},
|
||||
{ id: "m1", icon: Award, title: "Cuentas Boosteadas", value: "500+" },
|
||||
{ id: "m2", icon: Zap, title: "Velocidad Promedio", value: "12h" },
|
||||
{ id: "m3", icon: Shield, title: "Seguridad Total", value: "100%" },
|
||||
]}
|
||||
title="Resultados en Números"
|
||||
description="La confianza de miles de jugadores."
|
||||
@@ -197,41 +110,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "GamerX",
|
||||
handle: "@brawlpro",
|
||||
testimonial: "Subí de rango en horas. Muy seguro.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Piter",
|
||||
handle: "@pitergamer",
|
||||
testimonial: "Excelente servicio, volveré a comprar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria",
|
||||
handle: "@marita",
|
||||
testimonial: "Rápido, barato y profesional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105239.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Juan",
|
||||
handle: "@juancito",
|
||||
testimonial: "El mejor boost de Brawl Stars.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-guy-playing-with-controller_23-2148243691.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lucia",
|
||||
handle: "@luciag",
|
||||
testimonial: "Sin palabras, cuenta lista en nada.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-glasses-playing-with-controller_23-2148422239.jpg",
|
||||
},
|
||||
{ id: "t1", name: "GamerX", handle: "@brawlpro", testimonial: "Subí de rango en horas. Muy seguro.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg" },
|
||||
{ id: "t2", name: "Piter", handle: "@pitergamer", testimonial: "Excelente servicio, volveré a comprar.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-controller_23-2148542744.jpg" },
|
||||
{ id: "t3", name: "Maria", handle: "@marita", testimonial: "Rápido, barato y profesional.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-guy-wearing-black-t-shirt-with-headphones-playing-phone-isolated-blue-background_141793-105239.jpg" },
|
||||
{ id: "t4", name: "Juan", handle: "@juancito", testimonial: "El mejor boost de Brawl Stars.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-guy-playing-with-controller_23-2148243691.jpg" },
|
||||
{ id: "t5", name: "Lucia", handle: "@luciag", testimonial: "Sin palabras, cuenta lista en nada.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-glasses-playing-with-controller_23-2148422239.jpg" },
|
||||
]}
|
||||
title="Opiniones de la Comunidad"
|
||||
description="Esto dicen los jugadores que confiaron en nosotros."
|
||||
@@ -243,21 +126,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Es seguro el servicio?",
|
||||
content: "Sí, nuestros métodos son indetectables y seguros.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Cuándo recibiré mi boost?",
|
||||
content: "En menos de 24 horas tras la compra.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Cómo pago?",
|
||||
content: "Aceptamos varios métodos de pago de forma segura.",
|
||||
},
|
||||
{ id: "f1", title: "¿Es seguro el servicio?", content: "Sí, nuestros métodos son indetectables y seguros." },
|
||||
{ id: "f2", title: "¿Cuándo recibiré mi boost?", content: "En menos de 24 horas tras la compra." },
|
||||
{ id: "f3", title: "¿Cómo pago?", content: "Aceptamos varios métodos de pago de forma segura." },
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber sobre el servicio."
|
||||
@@ -271,21 +142,10 @@ export default function LandingPage() {
|
||||
title="Contáctanos"
|
||||
description="¿Tienes dudas? Escríbenos directamente."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Tu nombre",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Correo electrónico",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Tu nombre" },
|
||||
{ name: "email", type: "email", placeholder: "Correo electrónico" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tu mensaje",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tu mensaje" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204655.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -293,14 +153,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ProBrawlBoost"
|
||||
leftLink={{
|
||||
text: "Privacidad",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Términos",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacidad", href: "#" }}
|
||||
rightLink={{ text: "Términos", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user