284 lines
12 KiB
TypeScript
284 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Award, GraduationCap, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Início", id: "hero"},
|
|
{
|
|
name: "Sobre", id: "about"},
|
|
{
|
|
name: "Metodologia", id: "metodologia"},
|
|
{
|
|
name: "Estrutura", id: "estrutura"},
|
|
{
|
|
name: "Resultados", id: "resultados"},
|
|
{
|
|
name: "Contato", id: "contato"},
|
|
]}
|
|
brandName="Feras Academia"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Formando atletas. Construindo cidadãos. Há mais de 20 anos."
|
|
description="Excelência no ensino do futebol para crianças e adolescentes em Tijucas."
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0nljht", alt: "Aluno 1"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dzi81p", alt: "Aluno 2"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rc0n4j", alt: "Aluno 3"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sxhtdr", alt: "Aluno 4"},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qip6tg", alt: "Aluno 5"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Agende uma aula experimental", href: "#contato"},
|
|
{
|
|
text: "Fale conosco", href: "#contato"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Excelência Esportiva"},
|
|
{
|
|
type: "text", text: "Formação Humana"},
|
|
{
|
|
type: "text", text: "Infraestrutura Premium"},
|
|
{
|
|
type: "text", text: "Professores Capacitados"},
|
|
{
|
|
type: "text", text: "Tradição em Tijucas"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Mais de 20 anos de História"
|
|
metrics={[
|
|
{
|
|
icon: Award,
|
|
label: "Anos de Tradição", value: "20+"},
|
|
{
|
|
icon: Users,
|
|
label: "Alunos Formados", value: "1.000+"},
|
|
{
|
|
icon: GraduationCap,
|
|
label: "Professores Formados", value: "3"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metodologia" data-section="metodologia">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Desenvolvimento Técnico", description: "Foco total na base esportiva com tecnologia e acompanhamento constante.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6jxgpu", imageAlt: "Técnica"},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hb99ce", imageAlt: "Campo"}
|
|
},
|
|
{
|
|
title: "Formação Humana", description: "Ensinamos valores como respeito, disciplina e trabalho em equipe para toda a vida.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kumwxl", imageAlt: "Equipe"},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w288ou", imageAlt: "Valores"}
|
|
},
|
|
{
|
|
title: "Acompanhamento Emocional", description: "Ambiente acolhedor que prepara a mente para o sucesso dentro e fora do futebol.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2wkcev", imageAlt: "Mentoria"},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p1157q", imageAlt: "Suporte"}
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Metodologia de Excelência"
|
|
description="Formação integral para atletas de 4 a 15 anos."
|
|
/>
|
|
</div>
|
|
|
|
<div id="estrutura" data-section="estrutura">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Quadra Coberta", price: "Segurança total", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l72e4p"},
|
|
{
|
|
id: "p2", name: "Campo Externo", price: "Espaço amplo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yw7anl"},
|
|
{
|
|
id: "p3", name: "Área de Eventos", price: "Confraternização", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=743fw3"},
|
|
{
|
|
id: "p4", name: "Vestiários Premium", price: "Profissional", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sgdc2y"},
|
|
{
|
|
id: "p5", name: "Cantina", price: "Saudável", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m1eafj"},
|
|
{
|
|
id: "p6", name: "Sala Técnica", price: "Preparação", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=knctm8"},
|
|
]}
|
|
title="Estrutura de Elite"
|
|
description="Ambientes preparados para o melhor desempenho dos seus filhos."
|
|
/>
|
|
</div>
|
|
|
|
<div id="professores" data-section="professores">
|
|
<TeamCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "t1", name: "Professor A", role: "Treinador Base", description: "Experiência de 10 anos na formação.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dplbqi"},
|
|
{
|
|
id: "t2", name: "Professor B", role: "Coordenador Técnico", description: "Formado em Educação Física.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d15lih"},
|
|
{
|
|
id: "t3", name: "Professor C", role: "Preparador Físico", description: "Especialista em performance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xjle6p"},
|
|
]}
|
|
title="Nossa Equipe de Professores"
|
|
description="Profissionais altamente qualificados dedicados à formação dos atletas."
|
|
/>
|
|
</div>
|
|
|
|
<div id="resultados" data-section="resultados">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Orgulho", quote: "Meu filho desenvolveu confiança incrível aqui.", name: "Luiz Henrique", role: "Atleta", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tdsp9j"},
|
|
{
|
|
id: "2", title: "Excelência", quote: "Escola nota 10, ensino profissional.", name: "Maria Silva", role: "Mãe", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jjehn7"},
|
|
{
|
|
id: "3", title: "Valores", quote: "Não é só futebol, é educação completa.", name: "João Santos", role: "Pai", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ulfjwv"},
|
|
{
|
|
id: "4", title: "Futuro", quote: "A Feras preparou meu filho para campeonatos.", name: "Ana Souza", role: "Mãe", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0v4986"},
|
|
{
|
|
id: "5", title: "Tradição", quote: "Confiança de anos, recomendo muito.", name: "Carlos Lima", role: "Pai", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qip6tg"},
|
|
]}
|
|
title="Histórias de Sucesso"
|
|
description="Veja como a Feras mudou a vida dos nossos alunos."
|
|
/>
|
|
</div>
|
|
|
|
<div id="timeline" data-section="timeline">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "2005 - O Início", content: "Fundação da Academia Feras."},
|
|
{
|
|
id: "f2", title: "2015 - Crescimento", content: "Expansão para novas categorias."},
|
|
{
|
|
id: "f3", title: "2025 - 20 Anos", content: "Celebração de duas décadas de sucesso."},
|
|
]}
|
|
sideTitle="20 Anos de Legado"
|
|
sideDescription="Desde a fundação, transformando a vida de gerações."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Como agendar?", content: "Pelo WhatsApp ou site."},
|
|
{
|
|
id: "q2", title: "Qual idade?", content: "De 4 a 15 anos."},
|
|
{
|
|
id: "q3", title: "Onde estamos?", content: "R. Constâncio Wetcoski, 205."},
|
|
]}
|
|
sideTitle="Dúvidas Frequentes"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contato" data-section="contato">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="MATRÍCULAS ABERTAS"
|
|
title="Entre em Contato"
|
|
description="Fale com nossa equipe e agende uma aula experimental hoje mesmo."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ilcgv"
|
|
logoText="Feras Academia"
|
|
columns={[
|
|
{
|
|
title: "Sobre", items: [
|
|
{
|
|
label: "História", href: "#about"},
|
|
{
|
|
label: "Metodologia", href: "#metodologia"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contato", items: [
|
|
{
|
|
label: "WhatsApp", href: "tel:48984048248"},
|
|
{
|
|
label: "Instagram", href: "https://instagram.com/acad.feras"},
|
|
],
|
|
},
|
|
{
|
|
title: "Endereço", items: [
|
|
{
|
|
label: "Rua Constâncio Wetcoski, 205", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|