Merge version_2 into main #2
387
src/app/page.tsx
387
src/app/page.tsx
@@ -2,318 +2,109 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Dumbbell, MapPin, Phone, CheckCircle, Flame } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmall"
|
||||
background="blurBottom"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Localização",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="A8 FIT"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="A8 FIT"
|
||||
navItems={[
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Serviços", id: "features" },
|
||||
{ name: "Diferenciais", id: "features" },
|
||||
{ name: "Contato", id: "contact" }
|
||||
]}
|
||||
button={{ text: "WhatsApp", href: "https://wa.me/5514999999999" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="A8 FIT"
|
||||
description="Transforme seu corpo com estrutura premium e equipamentos modernos em Itaporanga-SP."
|
||||
testimonials={[
|
||||
{
|
||||
name: "João Silva",
|
||||
handle: "@joaosilva",
|
||||
testimonial: "Equipamentos novos e ambiente incrível. Melhor academia de Itaporanga!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-128388.jpg?_wi=1",
|
||||
imageAlt: "modern gym interior high end",
|
||||
},
|
||||
{
|
||||
name: "Maria Souza",
|
||||
handle: "@mariasouza",
|
||||
testimonial: "Foco total nos resultados e atendimento impecável.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-training-gym-bodybuilding_23-2149552277.jpg?_wi=1",
|
||||
imageAlt: "clean modern gym facility",
|
||||
},
|
||||
{
|
||||
name: "Pedro Lima",
|
||||
handle: "@pedrolima",
|
||||
testimonial: "Ambiente moderno e muito organizado. Recomendo!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-athletic-young-women-looking-each-other-gym_23-2147949511.jpg?_wi=1",
|
||||
imageAlt: "smiling gym member portrait",
|
||||
},
|
||||
{
|
||||
name: "Ana Clara",
|
||||
handle: "@anaclara",
|
||||
testimonial: "Evolução constante desde que comecei aqui.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-sporty-man-wearing-wristband-holding-dumbbell-showing-peace-gesture-isolated-orange-background-with-copy-space_141793-63404.jpg?_wi=1",
|
||||
imageAlt: "fit person training gym",
|
||||
},
|
||||
{
|
||||
name: "Lucas F.",
|
||||
handle: "@lucasf",
|
||||
testimonial: "A melhor estrutura fitness da região.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-women-gym-training_23-2148419894.jpg?_wi=1",
|
||||
imageAlt: "woman training fitness equipment",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Fale no WhatsApp",
|
||||
href: "https://wa.me/5514999999999",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-128388.jpg?_wi=2"
|
||||
imageAlt="Academia Premium A8 FIT"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-smiling-athletic-young-women-looking-each-other-gym_23-2147949511.jpg",
|
||||
alt: "Membro 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-sporty-man-wearing-wristband-holding-dumbbell-showing-peace-gesture-isolated-orange-background-with-copy-space_141793-63404.jpg",
|
||||
alt: "Membro 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-women-gym-training_23-2148419894.jpg",
|
||||
alt: "Membro 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-59110.jpg",
|
||||
alt: "Membro 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-healthy-young-sporswoman-smiling-holding-smartphone-doing-workout-training-home_1258-189333.jpg",
|
||||
alt: "Membro 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Mais de 500 alunos satisfeitos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Equipamentos de Ponta",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Climatização Moderna",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Suporte Especializado",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiente Premium",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Treinos Eficientes",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
title="A8 FIT: Sua performance, nosso compromisso."
|
||||
description="Estrutura premium e equipamentos de última geração no coração de Itaporanga-SP. Transforme seu estilo de vida com foco, disciplina e suporte de excelência."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-128388.jpg?_wi=1"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[{ text: "Quero treinar agora!", href: "https://wa.me/5514999999999" }]}
|
||||
testimonials={[
|
||||
{ name: "Lucas S.", handle: "@lucass", testimonial: "Equipamentos impecáveis e atendimento nota 10.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Academia Premium em Itaporanga-SP"
|
||||
description="Na A8 FIT, entregamos uma experiência de treino superior. Nosso ambiente moderno, equipado com o que há de mais atual no mercado fitness, foi projetado para quem busca foco, conforto e resultados reais."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Ambiente Moderno",
|
||||
description: "Espaço amplo, climatizado e altamente confortável.",
|
||||
},
|
||||
{
|
||||
title: "Equipamentos Novos",
|
||||
description: "Tecnologia de ponta para treinos mais eficientes.",
|
||||
},
|
||||
{
|
||||
title: "Atendimento de Qualidade",
|
||||
description: "Equipe qualificada focada na sua evolução diária.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-training-gym-bodybuilding_23-2149552277.jpg?_wi=2"
|
||||
imageAlt="Ambiente Premium A8 FIT"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="Sobre a A8 FIT"
|
||||
description="Localizada em Itaporanga-SP, a A8 FIT nasce para elevar o padrão fitness da região. Entregamos um ambiente organizado, equipamentos modernos e uma experiência única para quem busca bem-estar e performance."
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Musculação Completa",
|
||||
description: "Área de pesos livres e máquinas de alta performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-training-gym-bodybuilding_23-2149552277.jpg?_wi=3",
|
||||
imageAlt: "Musculação",
|
||||
},
|
||||
{
|
||||
title: "Aula Experimental",
|
||||
description: "Venha conhecer nossa estrutura sem compromisso.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-training-gym-bodybuilding_23-2149552277.jpg?_wi=4",
|
||||
imageAlt: "Aula Experimental",
|
||||
},
|
||||
{
|
||||
title: "Plano Mensal",
|
||||
description: "Valores acessíveis para acesso premium total.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-training-gym-bodybuilding_23-2149552277.jpg?_wi=5",
|
||||
imageAlt: "Plano Mensal",
|
||||
},
|
||||
]}
|
||||
title="Serviços Exclusivos"
|
||||
description="Oferecemos a estrutura completa para o seu objetivo."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
title="Nossos Serviços e Diferenciais"
|
||||
description="Tudo o que você precisa para alcançar seus objetivos com qualidade."
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Musculação & Equipamentos", description: "Máquinas modernas para um treino completo e eficiente.", media: { imageSrc: "http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-128388.jpg" },
|
||||
items: [{ icon: Dumbbell, text: "Ambiente climatizado e organizado" }, { icon: CheckCircle, text: "Equipamentos de alta performance" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Aulas & Planos", description: "Opções flexíveis para você começar hoje mesmo.", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-training-gym-bodybuilding_23-2149552277.jpg" },
|
||||
items: [{ icon: Flame, text: "Plano mensal sem burocracia" }, { icon: CheckCircle, text: "Aula experimental inclusa" }],
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Clara",
|
||||
role: "Aluna",
|
||||
testimonial: "Treino aqui há meses e a evolução é constante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-athletic-young-women-looking-each-other-gym_23-2147949511.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lucas F.",
|
||||
role: "Aluno",
|
||||
testimonial: "Os equipamentos são os melhores da região.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-sporty-man-wearing-wristband-holding-dumbbell-showing-peace-gesture-isolated-orange-background-with-copy-space_141793-63404.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Beatriz M.",
|
||||
role: "Aluna",
|
||||
testimonial: "Ambiente super organizado e motivador.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-women-gym-training_23-2148419894.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ricardo P.",
|
||||
role: "Aluno",
|
||||
testimonial: "A8 FIT mudou minha rotina de exercícios.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-59110.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Carla V.",
|
||||
role: "Aluna",
|
||||
testimonial: "Atendimento top, recomendo a todos!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-healthy-young-sporswoman-smiling-holding-smartphone-doing-workout-training-home_1258-189333.jpg",
|
||||
},
|
||||
]}
|
||||
title="Resultados de Quem Treina"
|
||||
description="Veja o que nossos alunos dizem sobre a A8 FIT."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Fale Conosco"
|
||||
title="Pronto para começar?"
|
||||
description="Entre em contato conosco pelo WhatsApp e agende sua aula experimental em Itaporanga-SP."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-training-gym-bodybuilding_23-2149552277.jpg"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttonText="Enviar WhatsApp"
|
||||
onSubmit={(email) => console.log(email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Comece hoje mesmo a transformar seu corpo na melhor academia de Itaporanga-SP!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Comece pelo WhatsApp",
|
||||
href: "https://wa.me/5514999999999",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navegação",
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Serviços",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/5514999999999",
|
||||
},
|
||||
{
|
||||
label: "Localização",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="A8 FIT"
|
||||
copyrightText="© 2025 A8 FIT | Itaporanga-SP"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="A8 FIT"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-128388.jpg"
|
||||
columns={[
|
||||
{ title: "A8 FIT", items: [{ label: "Itaporanga-SP", href: "#" }] },
|
||||
{ title: "Links", items: [{ label: "WhatsApp", href: "https://wa.me/5514999999999" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -15,7 +15,7 @@
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
Reference in New Issue
Block a user