Merge version_1 into main #2
292
src/app/page.tsx
292
src/app/page.tsx
@@ -30,95 +30,42 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Modalidades",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Lifestyle",
|
||||
id: "lifestyle",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Modalidades", id: "features" },
|
||||
{ name: "Lifestyle", id: "lifestyle" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Nossa Arena"
|
||||
button={{
|
||||
text: "Agendar Agora",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Agendar Agora", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Viva o esporte. Conecte-se. Jogue na Nossa Arena."
|
||||
description="Estrutura completa com as melhores quadras da região."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar quadra agora",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Falar no WhatsApp",
|
||||
href: "https://wa.me/5500000000000",
|
||||
},
|
||||
{ text: "Agendar quadra agora", href: "#contact" },
|
||||
{ text: "Falar no WhatsApp", href: "https://wa.me/5500000000000" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-tennis-player-green-court-grass_1321-4454.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-tennis-player-green-court-grass_1321-4454.jpg"
|
||||
imageAlt="Nossa Arena Complexo Esportivo"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-kid-running-outdoors_23-2149457232.jpg",
|
||||
alt: "Atleta 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-lenght-photo-young-african-sports-man-standing-with-crossed-hands_171337-9491.jpg",
|
||||
alt: "Atleta 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-baskeball-player-standing-court_23-2147925229.jpg",
|
||||
alt: "Atleta 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-tennis-player-green-court-grass_72229-356.jpg",
|
||||
alt: "Atleta 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-night-city-lights-abstract-urban-concept-hamburg-germany_1220-1112.jpg",
|
||||
alt: "Atleta 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-kid-running-outdoors_23-2149457232.jpg", alt: "Atleta 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-lenght-photo-young-african-sports-man-standing-with-crossed-hands_171337-9491.jpg", alt: "Atleta 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-baskeball-player-standing-court_23-2147925229.jpg", alt: "Atleta 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-tennis-player-green-court-grass_72229-356.jpg", alt: "Atleta 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-night-city-lights-abstract-urban-concept-hamburg-germany_1220-1112.jpg", alt: "Atleta 5" },
|
||||
]}
|
||||
avatarText="Mais de 1000 atletas jogando conosco"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quadras Profissionais",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Estrutura Coberta",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Barbearia Exclusiva",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Açaí Premium",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Espaço Gourmet",
|
||||
},
|
||||
{ type: "text", text: "Quadras Profissionais" },
|
||||
{ type: "text", text: "Estrutura Coberta" },
|
||||
{ type: "text", text: "Barbearia Exclusiva" },
|
||||
{ type: "text", text: "Açaí Premium" },
|
||||
{ type: "text", text: "Espaço Gourmet" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -130,52 +77,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Padel",
|
||||
description: "02 quadras profissionais de alto desempenho.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-playing-padle-tennis-inside_23-2149444608.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-playing-tennis_72229-387.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-tennis-player-green-court-grass_1321-4454.jpg?_wi=2",
|
||||
imageAlt: "padel court professional sports",
|
||||
title: "Padel", description: "02 quadras profissionais de alto desempenho.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/people-playing-padle-tennis-inside_23-2149444608.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-playing-tennis_72229-387.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Pickleball",
|
||||
description: "01 quadra moderna para você curtir.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-playing-paddle-tennis-together_23-2149459009.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-women-playing-paddle-tennis_23-2149443550.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shirtless-man-as-referee-beach-volleyball-match-with-female-player_23-2148662689.jpg",
|
||||
imageAlt: "padel court professional sports",
|
||||
title: "Pickleball", description: "01 quadra moderna para você curtir.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/women-playing-paddle-tennis-together_23-2149459009.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/sporty-women-playing-paddle-tennis_23-2149443550.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Beach Tennis",
|
||||
description: "09 quadras com areia tratada.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-field-hockey-coach-arena_23-2149668534.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volleyball-net-morning-beach-tropical-resort-egypt_639032-2634.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=1",
|
||||
imageAlt: "padel court professional sports",
|
||||
title: "Beach Tennis", description: "09 quadras com areia tratada.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-field-hockey-coach-arena_23-2149668534.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/volleyball-net-morning-beach-tropical-resort-egypt_639032-2634.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Society",
|
||||
description: "Primeiro campo society coberto da cidade.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-breakfast-dessert-bowl-with-banana-slices-cereal_23-2148417435.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-playing-football_23-2148867407.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5507.jpg?_wi=1",
|
||||
imageAlt: "padel court professional sports",
|
||||
title: "Society", description: "Primeiro campo society coberto da cidade.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-breakfast-dessert-bowl-with-banana-slices-cereal_23-2148417435.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-playing-football_23-2148867407.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -190,45 +105,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incrível",
|
||||
quote: "Melhor estrutura da região, quadras impecáveis!",
|
||||
name: "Bruno Silva",
|
||||
role: "Atleta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/build-up-athlete-with-his-arm-crossed-stadium-track-field_23-2148162071.jpg",
|
||||
},
|
||||
id: "1", title: "Incrível", quote: "Melhor estrutura da região, quadras impecáveis!", name: "Bruno Silva", role: "Atleta", imageSrc: "http://img.b2bpic.net/free-photo/build-up-athlete-with-his-arm-crossed-stadium-track-field_23-2148162071.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Top",
|
||||
quote: "Ambiente incrível, pessoal muito gente boa.",
|
||||
name: "Ana Souza",
|
||||
role: "Beach Tennista",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-floor-studio-near-gray-wall_158538-3591.jpg",
|
||||
},
|
||||
id: "2", title: "Top", quote: "Ambiente incrível, pessoal muito gente boa.", name: "Ana Souza", role: "Beach Tennista", imageSrc: "http://img.b2bpic.net/free-photo/female-sitting-floor-studio-near-gray-wall_158538-3591.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sensacional",
|
||||
quote: "As quadras de Padel são as melhores que já joguei.",
|
||||
name: "Ricardo Melo",
|
||||
role: "Padeler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-park-with-earphones-tablet_1157-30676.jpg",
|
||||
},
|
||||
id: "3", title: "Sensacional", quote: "As quadras de Padel são as melhores que já joguei.", name: "Ricardo Melo", role: "Padeler", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-park-with-earphones-tablet_1157-30676.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Nota 10",
|
||||
quote: "Depois do jogo o restaurante é o ponto de encontro.",
|
||||
name: "Juliana Dias",
|
||||
role: "Atleta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-players-before-show_23-2150885867.jpg",
|
||||
},
|
||||
id: "4", title: "Nota 10", quote: "Depois do jogo o restaurante é o ponto de encontro.", name: "Juliana Dias", role: "Atleta", imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-players-before-show_23-2150885867.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Recomendo",
|
||||
quote: "Estrutura completa e sempre limpa.",
|
||||
name: "Carlos Lima",
|
||||
role: "Jogador",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-out-street_23-2148213172.jpg",
|
||||
},
|
||||
id: "5", title: "Recomendo", quote: "Estrutura completa e sempre limpa.", name: "Carlos Lima", role: "Jogador", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-out-street_23-2148213172.jpg"},
|
||||
]}
|
||||
title="Mais que esporte, uma experiência completa"
|
||||
description="Veja o que nossos atletas falam sobre a Nossa Arena."
|
||||
@@ -241,12 +126,9 @@ export default function LandingPage() {
|
||||
title="Corte, estilo e praticidade"
|
||||
description="Barbearia completa dentro do complexo para você sair pronto para o compromisso pós-jogo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar pelo WhatsApp",
|
||||
href: "https://wa.me/5500000000000",
|
||||
},
|
||||
{ text: "Agendar pelo WhatsApp", href: "https://wa.me/5500000000000" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -258,55 +140,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "a1",
|
||||
name: "Açaí Tradicional",
|
||||
price: "R$ 15,00",
|
||||
variant: "Grande",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-breakfast-dessert-bowl-with-banana-slices-cereal_23-2148417435.jpg?_wi=2",
|
||||
},
|
||||
id: "a1", name: "Açaí Tradicional", price: "R$ 15,00", variant: "Grande", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-breakfast-dessert-bowl-with-banana-slices-cereal_23-2148417435.jpg"},
|
||||
{
|
||||
id: "a2",
|
||||
name: "Açaí Nutella",
|
||||
price: "R$ 22,00",
|
||||
variant: "Grande",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788559.jpg",
|
||||
},
|
||||
id: "a2", name: "Açaí Nutella", price: "R$ 22,00", variant: "Grande", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788559.jpg"},
|
||||
{
|
||||
id: "a3",
|
||||
name: "Açaí Morango",
|
||||
price: "R$ 20,00",
|
||||
variant: "Grande",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168839.jpg",
|
||||
},
|
||||
id: "a3", name: "Açaí Morango", price: "R$ 20,00", variant: "Grande", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168839.jpg"},
|
||||
{
|
||||
id: "a4",
|
||||
name: "Açaí Banana",
|
||||
price: "R$ 18,00",
|
||||
variant: "Grande",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788549.jpg",
|
||||
},
|
||||
id: "a4", name: "Açaí Banana", price: "R$ 18,00", variant: "Grande", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788549.jpg"},
|
||||
{
|
||||
id: "a5",
|
||||
name: "Açaí Power",
|
||||
price: "R$ 25,00",
|
||||
variant: "Grande",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788544.jpg",
|
||||
},
|
||||
id: "a5", name: "Açaí Power", price: "R$ 25,00", variant: "Grande", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788544.jpg"},
|
||||
{
|
||||
id: "a6",
|
||||
name: "Açaí Tropical",
|
||||
price: "R$ 20,00",
|
||||
variant: "Grande",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-acai-dessert-with-berries_23-2149871610.jpg",
|
||||
},
|
||||
id: "a6", name: "Açaí Tropical", price: "R$ 20,00", variant: "Grande", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-acai-dessert-with-berries_23-2149871610.jpg"},
|
||||
]}
|
||||
title="Energia e Sabor"
|
||||
description="O açaí mais cremoso da região para recarregar as baterias."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver opções",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Ver opções", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -317,21 +166,16 @@ export default function LandingPage() {
|
||||
title="Comida de qualidade"
|
||||
description="Ambiente completo e saboroso para reunir a galera após a partida."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver cardápio",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Ver cardápio", href: "#" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5507.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-african-american-man-posing-inside-night-club-black-hat_627829-5507.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Pronto para jogar?"
|
||||
title="Reserve sua quadra agora"
|
||||
description="Não perca tempo, garanta seu horário hoje mesmo."
|
||||
@@ -347,28 +191,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Como chegar?",
|
||||
content: "Estamos localizados na Rua das Quadras, 123. Use o botão para abrir no Google Maps.",
|
||||
},
|
||||
id: "1", title: "Como chegar?", content: "Estamos localizados na Rua das Quadras, 123. Use o botão para abrir no Google Maps."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Horário de funcionamento",
|
||||
content: "Segunda a Domingo, das 07h às 00h.",
|
||||
},
|
||||
id: "2", title: "Horário de funcionamento", content: "Segunda a Domingo, das 07h às 00h."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Como agendar?",
|
||||
content: "Você pode agendar pelo nosso WhatsApp oficial.",
|
||||
},
|
||||
id: "3", title: "Como agendar?", content: "Você pode agendar pelo nosso WhatsApp oficial."},
|
||||
]}
|
||||
title="Localização"
|
||||
description="Rua das Quadras, 123 - Centro."
|
||||
buttons={[
|
||||
{
|
||||
text: "Abrir no Google Maps",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
{ text: "Abrir no Google Maps", href: "https://maps.google.com" },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
@@ -379,29 +211,15 @@ export default function LandingPage() {
|
||||
logoText="Nossa Arena"
|
||||
columns={[
|
||||
{
|
||||
title: "Institucional",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#",
|
||||
},
|
||||
title: "Institucional", items: [
|
||||
{ label: "Sobre", href: "#" },
|
||||
{ label: "Contato", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Redes Sociais",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
title: "Redes Sociais", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "WhatsApp", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -411,4 +229,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user