bender/edb6f9d6-1a0e-4a04-8d28-b9d7d64bf4fb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 14:37:07 +00:00
parent eb543bb6f5
commit 432f6f23bf
1 changed files with 161 additions and 332 deletions
Download Patch File Download Diff File Expand all files Collapse all files

493
src/app/page.tsx
View File

@@ -16,349 +16,178 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="bounce-effect" defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="rounded" borderRadius="rounded"
contentWidth="small" contentWidth="medium"
sizing="mediumLargeSizeLargeTitles" sizing="medium"
background="none" background="circleGradient"
cardStyle="outline" cardStyle="glass-elevated"
primaryButtonStyle="primary-glow" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="bold" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Sobre", id: "about" },
id: "hero", { name: "Serviços", id: "features" },
}, { name: "Contato", id: "contact" }
{ ]}
name: "Sobre", brandName="Apple Fitness"
id: "about", />
}, </div>
{
name: "Serviços",
id: "features",
},
{
name: "Contato",
id: "contact",
},
]}
brandName="Apple Fitness"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Transforme sua vida na Apple Fitness"
}} description="A melhor estrutura de Florianópolis para você alcançar sua melhor forma. Climatizada, equipada e focada no seu resultado."
title="Transforme sua vida na Apple Fitness" leftCarouselItems={[
description="A melhor estrutura de Florianópolis para você alcançar sua melhor forma. Climatizada, equipada e focada no seu resultado." { imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699519.jpg", imageAlt: "Gym Facility" },
leftCarouselItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/people-gym-talking-making-exercise-plans_23-2149175367.jpg", imageAlt: "Workout" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/black-caucasian-women-doing-yoga-stretching-mat-studio_1157-52191.jpg", imageAlt: "Yoga" },
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699519.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg", imageAlt: "Cardio" },
imageAlt: "Gym Facility", { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaBBbSYkTUzIjl88TqtYM3WpdW/uploaded-1778510171721-k0yg0juj.png", imageAlt: "Brand" }
}, ]}
{ rightCarouselItems={[
imageSrc: "http://img.b2bpic.net/free-photo/people-gym-talking-making-exercise-plans_23-2149175367.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-weight-lifting_23-2149307977.jpg", imageAlt: "Studio" },
imageAlt: "Workout", { imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-chatting-gym_23-2149049818.jpg", imageAlt: "Gym" },
}, { imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-doing-spinning-cyclo-indoor-with-smart-watch_1139-1717.jpg", imageAlt: "Cardio" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-doing-yoga-together_23-2151084020.jpg", imageAlt: "Zen" },
imageSrc: "http://img.b2bpic.net/free-photo/black-caucasian-women-doing-yoga-stretching-mat-studio_1157-52191.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/two-handsome-men-is-engaged-gym_1157-21916.jpg", imageAlt: "Training" }
imageAlt: "Yoga", ]}
}, buttons={[{ text: "Agendar Treino Grátis", href: "https://wa.me/4840093003" }]}
{ avatars={[
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg", { src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothing-drinking-healthy-vegetable-drink-isolated-white-background_1258-107228.jpg", alt: "Gym member portrait 1" },
imageAlt: "Cardio", { src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-african-american-girl-sport-clothes-holding-water-bottle-after-workout-isolated-white-studio-background_1258-105072.jpg", alt: "Gym member portrait 2" },
}, { src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-grey-fitness-clothes-eating-green-ap_1258-105312.jpg", alt: "Gym member portrait 3" },
{ { src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-african-american-girl-sport-clothes-holding-water-bottle-after-workout-isolated-white-studio-background_1258-105071.jpg", alt: "Gym member portrait 4" },
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaBBbSYkTUzIjl88TqtYM3WpdW/uploaded-1778510171721-k0yg0juj.png?_wi=1", { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg", alt: "Gym member portrait 5" }
imageAlt: "Brand", ]}
}, marqueeItems={[
]} { type: "text", text: "Foco total" },
rightCarouselItems={[ { type: "text", text: "Saúde e Bem-estar" },
{ { type: "text", text: "Resultados reais" },
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-weight-lifting_23-2149307977.jpg", { type: "text", text: "Ambiente climatizado" },
imageAlt: "Studio", { type: "text", text: "Equipe especializada" }
}, ]}
{ />
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-chatting-gym_23-2149049818.jpg", </div>
imageAlt: "Gym",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-doing-spinning-cyclo-indoor-with-smart-watch_1139-1717.jpg",
imageAlt: "Cardio",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-doing-yoga-together_23-2151084020.jpg",
imageAlt: "Zen",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/two-handsome-men-is-engaged-gym_1157-21916.jpg",
imageAlt: "Training",
},
]}
buttons={[
{
text: "Agendar Treino Grátis",
href: "https://wa.me/4840093003",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothing-drinking-healthy-vegetable-drink-isolated-white-background_1258-107228.jpg",
alt: "Gym member portrait 1",
},
{
src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-african-american-girl-sport-clothes-holding-water-bottle-after-workout-isolated-white-studio-background_1258-105072.jpg",
alt: "Gym member portrait 2",
},
{
src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-grey-fitness-clothes-eating-green-ap_1258-105312.jpg",
alt: "Gym member portrait 3",
},
{
src: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-african-american-girl-sport-clothes-holding-water-bottle-after-workout-isolated-white-studio-background_1258-105071.jpg",
alt: "Gym member portrait 4",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg",
alt: "Gym member portrait 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Foco total",
},
{
type: "text",
text: "Saúde e Bem-estar",
},
{
type: "text",
text: "Resultados reais",
},
{
type: "text",
text: "Ambiente climatizado",
},
{
type: "text",
text: "Equipe especializada",
},
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MetricSplitMediaAbout <MetricSplitMediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Muito além de uma academia" title="Muito além de uma academia"
description="Na Apple Fitness, você não é apenas um número. Nosso ambiente é feito para acolher, transformar e criar conexões reais. Com climatização impecável e profissionais que se importam de verdade, aqui o seu treino rende muito mais." description="Na Apple Fitness, você não é apenas um número. Nosso ambiente é feito para acolher, transformar e criar conexões reais. Com climatização impecável e profissionais que se importam de verdade, aqui o seu treino rende muito mais."
metrics={[ metrics={[
{ { value: "4.6", title: "Nota no Google" },
value: "4.6", { value: "100+", title: "Alunos Satisfeitos" },
title: "Nota no Google", { value: "Clima", title: "Sempre Fresco" }
}, ]}
{ imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-gym-fitness-room-interior_74190-5889.jpg"
value: "100+", mediaAnimation="slide-up"
title: "Alunos Satisfeitos", />
}, </div>
{
value: "Clima",
title: "Sempre Fresco",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-gym-fitness-room-interior_74190-5889.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardNineteen <FeatureCardNineteen
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ { tag: "Musculação", title: "Treino de Alta Performance", subtitle: "Equipamentos de elite", description: "Estrutura completa para hipertrofia e emagrecimento, com acompanhamento de instrutores.", imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-dumbbell-from-rack-gym-close-up-her-hand_169016-46934.jpg" },
tag: "Musculação", { tag: "Bem-estar", title: "Yoga e Alongamento Zen", subtitle: "Corpo e mente alinhados", description: "Práticas que elevam sua flexibilidade e qualidade de vida.", imageSrc: "http://img.b2bpic.net/free-photo/resting-woman-looking-away_23-2147789618.jpg" },
title: "Treino de Alta Performance", { tag: "Conforto", title: "Ambiente Climatizado", subtitle: "Treine com frescor o ano todo", description: "Esqueça o calor, foco total no seu treino mesmo no verão de Floripa.", imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-run-machine-gym_169016-58015.jpg" }
subtitle: "Equipamentos de elite", ]}
description: "Estrutura completa para hipertrofia e emagrecimento, com acompanhamento de instrutores.", title="Treino pensado para você"
imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-dumbbell-from-rack-gym-close-up-her-hand_169016-46934.jpg", description="Da musculação ao alongamento zen, temos a modalidade certa para o seu objetivo."
}, />
{ </div>
tag: "Bem-estar",
title: "Yoga e Alongamento Zen",
subtitle: "Corpo e mente alinhados",
description: "Práticas que elevam sua flexibilidade e qualidade de vida.",
imageSrc: "http://img.b2bpic.net/free-photo/resting-woman-looking-away_23-2147789618.jpg",
},
{
tag: "Conforto",
title: "Ambiente Climatizado",
subtitle: "Treine com frescor o ano todo",
description: "Esqueça o calor, foco total no seu treino mesmo no verão de Floripa.",
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-woman-run-machine-gym_169016-58015.jpg",
},
]}
title="Treino pensado para você"
description="Da musculação ao alongamento zen, temos a modalidade certa para o seu objetivo."
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardFourteen <MetricCardFourteen
useInvertedBackground={false} useInvertedBackground={false}
title="Resultados que transformam" title="Resultados que transformam"
tag="Nossa Excelência" tag="Nossa Excelência"
metrics={[ metrics={[
{ { id: "1", value: "56+", description: "Avaliações no Google" },
id: "1", { id: "2", value: "4.6", description: "Nota Média de Satisfação" },
value: "56+", { id: "3", value: "100%", description: "Foco no seu Bem-estar" }
description: "Avaliações no Google", ]}
}, />
{ </div>
id: "2",
value: "4.6",
description: "Nota Média de Satisfação",
},
{
id: "3",
value: "100%",
description: "Foco no seu Bem-estar",
},
]}
/>
</div>
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardEleven <TeamCardEleven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
groups={[ groups={[
{ {
id: "staff", id: "staff", groupTitle: "Time Apple Fitness", members: [
groupTitle: "Time Apple Fitness", { id: "m1", title: "Instrutores", subtitle: "Focados no seu resultado", detail: "Treinadores altamente qualificados para orientar sua execução." },
members: [ { id: "m2", title: "Recepção", subtitle: "Atendimento humanizado", detail: "Prontos para te acolher em cada treino." },
{ { id: "m3", title: "Consultoria", subtitle: "Personalizado", detail: "Planejamento focado nas suas metas individuais." }
id: "m1", ]
title: "Instrutores", }
subtitle: "Focados no seu resultado", ]}
detail: "Treinadores altamente qualificados para orientar sua execução.", title="Equipe de Especialistas"
}, description="Professores que corrigem, orientam e motivam."
{ />
id: "m2", </div>
title: "Recepção",
subtitle: "Atendimento humanizado",
detail: "Prontos para te acolher em cada treino.",
},
{
id: "m3",
title: "Consultoria",
subtitle: "Personalizado",
detail: "Planejamento focado nas suas metas individuais.",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaBBbSYkTUzIjl88TqtYM3WpdW/uploaded-1778510171721-k0yg0juj.png?_wi=2",
imageAlt: "User provided image",
},
]}
title="Equipe de Especialistas"
description="Professores que corrigem, orientam e motivam."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve <TestimonialCardTwelve
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", name: "Débora Vargas", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-sporting-mat-smiling_171337-8003.jpg" },
id: "1", { id: "2", name: "Aline Rosa", imageSrc: "http://img.b2bpic.net/free-photo/male-boxer-posing-t-shirt-with-arms-crossed_23-2148426241.jpg" },
name: "Débora Vargas", { id: "3", name: "Cliente Fitness", imageSrc: "http://img.b2bpic.net/free-photo/attractive-athletic-girl-standing-near-gym-equipment-healthy-lifestyle_78826-3376.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-sporting-mat-smiling_171337-8003.jpg", { id: "4", name: "Aluno Apple", imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-male-dressed-blue-sportswear-holds-dumbbell-dark-grey-background_613910-1360.jpg" },
}, { id: "5", name: "Membro Dedicado", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-fitness-woman-smiling-holding-sporting-mat-home_171337-8008.jpg" }
{ ]}
id: "2", cardTitle="O que nossos alunos dizem"
name: "Aline Rosa", cardTag="Provas Reais"
imageSrc: "http://img.b2bpic.net/free-photo/male-boxer-posing-t-shirt-with-arms-crossed_23-2148426241.jpg", cardAnimation="slide-up"
}, />
{ </div>
id: "3",
name: "Cliente Fitness",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-athletic-girl-standing-near-gym-equipment-healthy-lifestyle_78826-3376.jpg",
},
{
id: "4",
name: "Aluno Apple",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-athletic-male-dressed-blue-sportswear-holds-dumbbell-dark-grey-background_613910-1360.jpg",
},
{
id: "5",
name: "Membro Dedicado",
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-fitness-woman-smiling-holding-sporting-mat-home_171337-8008.jpg",
},
]}
cardTitle="O que nossos alunos dizem"
cardTag="Provas Reais"
cardAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitMedia <FaqSplitMedia
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "1", title: "Vocês oferecem treino personalizado?", content: "Sim, temos profissionais focados em orientar sua execução para garantir resultados e segurança." },
id: "1", { id: "2", title: "A academia é muito lotada?", content: "Monitoramos nossos horários de pico para garantir que você sempre tenha acesso aos equipamentos." },
title: "Vocês oferecem treino personalizado?", { id: "3", title: "O espaço é climatizado?", content: "Sim, nossa climatização é referência na região e funciona perfeitamente o ano todo." }
content: "Sim, temos profissionais focados em orientar sua execução para garantir resultados e segurança.", ]}
}, imageSrc="http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114125.jpg"
{ title="Perguntas Frequentes"
id: "2", description="Tudo o que você precisa saber antes de vir treinar."
title: "A academia é muito lotada?", faqsAnimation="slide-up"
content: "Monitoramos nossos horários de pico para garantir que você sempre tenha acesso aos equipamentos.", />
}, </div>
{
id: "3",
title: "O espaço é climatizado?",
content: "Sim, nossa climatização é referência na região e funciona perfeitamente o ano todo.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114125.jpg"
title="Perguntas Frequentes"
description="Tudo o que você precisa saber antes de vir treinar."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", tag="Contato"
}} title="Pronto para começar?"
tag="Contato" description="Entre em contato pelo WhatsApp e agende seu treino grátis hoje mesmo."
title="Pronto para começar?" buttonText="Falar pelo WhatsApp"
description="Entre em contato pelo WhatsApp e agende seu treino grátis hoje mesmo." onSubmit={(email) => console.log(email)}
buttonText="Falar pelo WhatsApp" />
onSubmit={(email) => console.log(email)} </div>
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterCard
logoText="Apple Fitness" logoText="Apple Fitness"
copyrightText="© 2025 Academia Apple Fitness - Florianópolis" copyrightText="© 2025 Academia Apple Fitness - Florianópolis"
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );