Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 29bb82f2e1 | |||
| 405479b69f |
295
src/app/page.tsx
295
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Registrar",
|
||||
id: "form",
|
||||
},
|
||||
name: "Registrar", id: "form"},
|
||||
{
|
||||
name: "Jogadores",
|
||||
id: "list",
|
||||
},
|
||||
name: "Jogadores", id: "list"},
|
||||
]}
|
||||
brandName="RuaBall"
|
||||
/>
|
||||
@@ -54,118 +46,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="O Campo é a Rua"
|
||||
description="Junte-se à nossa comunidade de futebol de rua. Registro rápido, fácil e pronto para o jogo."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ethnic-sportsman-with-soccer-ball_23-2148203633.jpg",
|
||||
imageAlt: "Campo de rua",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-suburbs_23-2149085441.jpg",
|
||||
imageAlt: "Jogo de rua",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077751.jpg",
|
||||
imageAlt: "Bola no chão",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-hanging-out-together-full-shot_23-2149085439.jpg",
|
||||
imageAlt: "Amigos futebol",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-with-basketball_23-2148239430.jpg",
|
||||
imageAlt: "Esporte urbano",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-student-playing-soccer_23-2148209596.jpg",
|
||||
imageAlt: "Campo urbano",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ethnic-sportsman-with-soccer-ball_23-2148203633.jpg", imageAlt: "Campo de rua" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-suburbs_23-2149085441.jpg", imageAlt: "Jogo de rua" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077751.jpg", imageAlt: "Bola no chão" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-sport-with-hand-drawn-doodles_23-2150032084.jpg",
|
||||
imageAlt: "Torneio rua",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/championship-success-illuminated-by-glowing-spotlight-flame-generative-ai_188544-46308.jpg",
|
||||
imageAlt: "Gol marcado",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sportsman-taking-break-from-exercising_273609-14225.jpg",
|
||||
imageAlt: "Comemoração rua",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soccer-ball-with-copy-space_1194-639911.jpg",
|
||||
imageAlt: "Futebol noturno",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-soccer-ball-pitch_23-2148298936.jpg",
|
||||
imageAlt: "Amistoso",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-african-american-street-basketball-player-camouflage-jacket-isolated-dark-background_613910-6505.jpg",
|
||||
imageAlt: "Pelada",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Começar Registro",
|
||||
href: "#form",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-with-soccer-ball_23-2150904277.jpg",
|
||||
alt: "Jogador 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-african-american-bearded-hipster-guy-dressed-black-hoodie-sports-shorts-holds-skateboard-while-sitting-stairs-ghetto_613910-6245.jpg",
|
||||
alt: "Jogador 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-with-football-ball_23-2148867388.jpg",
|
||||
alt: "Jogador 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-football-player-with-ball_23-2150904561.jpg",
|
||||
alt: "Jogador 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-woman-soccer-field_23-2150338729.jpg",
|
||||
alt: "Jogador 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Mais de 500 jogadores registrados"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-london-streets_23-2149377199.jpg",
|
||||
alt: "Sponsor 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-soccer-field_23-2150338725.jpg",
|
||||
alt: "Sponsor 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-playing-football_23-2148867414.jpg",
|
||||
alt: "Sponsor 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-colombia-national-soccer-team_23-2149728378.jpg",
|
||||
alt: "Sponsor 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/old-soccer-ball-dry-cracked-ground-texture_1232-3136.jpg",
|
||||
alt: "Sponsor 5",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-sport-with-hand-drawn-doodles_23-2150032084.jpg", imageAlt: "Torneio rua" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/championship-success-illuminated-by-glowing-spotlight-flame-generative-ai_188544-46308.jpg", imageAlt: "Gol marcado" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-sportsman-taking-break-from-exercising_273609-14225.jpg", imageAlt: "Comemoração rua" },
|
||||
]}
|
||||
buttons={[{ text: "Começar Registro", href: "#form" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -174,48 +68,34 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Sobre o RuaBall"
|
||||
description="Nossa missão é organizar as peladas de rua, garantindo que ninguém fique de fora e a diversão seja garantida para todos."
|
||||
description="Nossa missão é organizar as peladas de rua, garantindo que ninguém fique de fora."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Facilidade",
|
||||
description: "Registro simplificado para jogadores.",
|
||||
},
|
||||
{
|
||||
title: "Comunidade",
|
||||
description: "Conectando apaixonados por futebol.",
|
||||
},
|
||||
{
|
||||
title: "Tempo Real",
|
||||
description: "Lista de jogadores atualizada.",
|
||||
},
|
||||
{ title: "Facilidade", description: "Registro simplificado." },
|
||||
{ title: "Comunidade", description: "Conectando apaixonados." },
|
||||
{ title: "Tempo Real", description: "Lista de jogadores atualizada." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-friends-sitting-outdoors_23-2149085444.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="form" data-section="form">
|
||||
<FeatureCardTwentyOne
|
||||
<FeatureCardNine
|
||||
showStepNumbers={true}
|
||||
title="Cadastro Expandido"
|
||||
description="Agora coletamos mais detalhes para organizar jogos melhores."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Fluxo de Registro"
|
||||
description="Preencha seus dados em um fluxo interativo de slides."
|
||||
accordionItems={[
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Passo 1: Identificação",
|
||||
content: "Nome completo, sexo e cidade.",
|
||||
title: "Dados Pessoais", description: "Nome, contato, idade, posição preferida e nível técnico.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/soccer-balloon-camp-monochrome-scene-generative-ai_188544-9745.jpg?_wi=1", imageAlt: "Campos" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/soccer-balloon-camp-monochrome-scene-generative-ai_188544-9745.jpg?_wi=2", imageAlt: "Campos" }
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Passo 2: Preferências",
|
||||
content: "Seus gostos pessoais no futebol.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Passo 3: Identidade",
|
||||
content: "Nome de camisa e apelido.",
|
||||
},
|
||||
title: "Disponibilidade", description: "Dias e horários em que você costuma estar livre para jogar.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/soccer-balloon-camp-monochrome-scene-generative-ai_188544-9745.jpg?_wi=3", imageAlt: "Campos" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/soccer-balloon-camp-monochrome-scene-generative-ai_188544-9745.jpg?_wi=4", imageAlt: "Campos" }
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/soccer-balloon-camp-monochrome-scene-generative-ai_188544-9745.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -226,21 +106,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Segurança de dados",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Disponibilidade",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Ágil",
|
||||
description: "Sistema de confirmação",
|
||||
},
|
||||
{ id: "m1", value: "100%", description: "Segurança de dados" },
|
||||
{ id: "m2", value: "24/7", description: "Disponibilidade" },
|
||||
{ id: "m3", value: "Ágil", description: "Sistema de confirmação" },
|
||||
]}
|
||||
title="Confirmação de Jogadores"
|
||||
description="Mantenha sua conta ativa e confirmada."
|
||||
@@ -254,42 +122,8 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "João",
|
||||
price: "Confirmado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white_23-2150853585.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Maria",
|
||||
price: "Confirmado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-soccer-ball_23-2150904427.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pedro",
|
||||
price: "Confirmado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-grandstands_52683-100558.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ana",
|
||||
price: "Confirmado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/junior-football-player-field_53876-146600.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Carlos",
|
||||
price: "Confirmado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-playing-basketball_23-2149231751.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Bia",
|
||||
price: "Confirmado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-13805.jpg",
|
||||
},
|
||||
{ id: "p1", name: "João", price: "Confirmado", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white_23-2150853585.jpg" },
|
||||
{ id: "p2", name: "Maria", price: "Confirmado", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-soccer-ball_23-2150904427.jpg" },
|
||||
]}
|
||||
title="Lista de Confirmados"
|
||||
description="Veja quem já garantiu a vaga no jogo."
|
||||
@@ -300,24 +134,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Como confirmar?",
|
||||
content: "Clique no botão Sim após os slides.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Onde ficam os dados?",
|
||||
content: "No seu navegador (localStorage).",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Posso resetar?",
|
||||
content: "Sim, temos opção de reset de dados.",
|
||||
},
|
||||
{ id: "f1", title: "Como confirmar?", content: "Clique no botão Sim." },
|
||||
{ id: "f2", title: "Onde ficam os dados?", content: "Armazenados com segurança." },
|
||||
]}
|
||||
sideTitle="Dúvidas?"
|
||||
sideDescription="Tire suas dúvidas sobre o registro."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -325,48 +145,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
text="Pronto para jogar? Entre em contato com a organização local."
|
||||
buttons={[
|
||||
{
|
||||
text: "Falar com Organizador",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Pronto para jogar? Entre em contato com a organização."
|
||||
buttons={[{ text: "Falar com Organizador", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Produto",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Registro",
|
||||
href: "#form",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Produto", items: [{ label: "Sobre", href: "#about" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }] },
|
||||
]}
|
||||
logoText="RuaBall"
|
||||
/>
|
||||
@@ -374,4 +163,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user