Merge version_2 into main #1
146
src/app/page.tsx
146
src/app/page.tsx
@@ -28,26 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Planos",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Estrutura", id: "features" },
|
||||
{ name: "Planos", id: "pricing" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="A8 FIT"
|
||||
/>
|
||||
@@ -55,17 +40,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A8 FIT"
|
||||
description="Transforme seu corpo com estrutura premium e equipamentos modernos em Itaporanga-SP."
|
||||
buttons={[
|
||||
{
|
||||
text: "Fale no WhatsApp",
|
||||
href: "https://wa.me/5515999999999",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Fale no WhatsApp", href: "https://wa.me/5515999999999" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-male-exercise-bicycle_23-2148353067.jpg"
|
||||
imageAlt="Academia Premium A8 FIT"
|
||||
@@ -88,36 +66,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Estrutura",
|
||||
title: "Equipamentos Modernos",
|
||||
items: [
|
||||
"Linha completa de peso livre",
|
||||
"Máquinas de última geração",
|
||||
"Manutenção preventiva",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Ambiente",
|
||||
title: "Espaço Premium",
|
||||
items: [
|
||||
"Climatização total",
|
||||
"Vestiários confortáveis",
|
||||
"Organização impecável",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Atendimento",
|
||||
title: "Foco Total",
|
||||
items: [
|
||||
"Staff qualificado",
|
||||
"Orientação personalizada",
|
||||
"Ambiente motivador",
|
||||
],
|
||||
},
|
||||
{ id: "1", label: "Estrutura", title: "Equipamentos Modernos", items: ["Linha completa de peso livre", "Máquinas de última geração", "Manutenção preventiva"] },
|
||||
{ id: "2", label: "Ambiente", title: "Espaço Premium", items: ["Climatização total", "Vestiários confortáveis", "Organização impecável"] },
|
||||
{ id: "3", label: "Atendimento", title: "Foco Total", items: ["Staff qualificado", "Orientação personalizada", "Ambiente motivador"] },
|
||||
]}
|
||||
title="Nossos Diferenciais"
|
||||
description="Por que escolher a A8 FIT?"
|
||||
@@ -130,39 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Popular",
|
||||
price: "R$ 149",
|
||||
subtitle: "Plano Mensal",
|
||||
features: [
|
||||
"Acesso ilimitado",
|
||||
"Avaliação inicial",
|
||||
"Wifi gratuito",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "trimestral",
|
||||
badge: "Custo-Benefício",
|
||||
price: "R$ 399",
|
||||
subtitle: "Plano Trimestral",
|
||||
features: [
|
||||
"Acesso ilimitado",
|
||||
"Suporte nutricional",
|
||||
"Consultoria de treino",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "experimental",
|
||||
badge: "Teste",
|
||||
price: "Grátis",
|
||||
subtitle: "Aula Experimental",
|
||||
features: [
|
||||
"Conheça nossa estrutura",
|
||||
"Treino guiado",
|
||||
"Sem compromisso",
|
||||
],
|
||||
},
|
||||
{ id: "monthly", badge: "Popular", price: "R$ 149", subtitle: "Plano Mensal", features: ["Acesso ilimitado", "Avaliação inicial", "Wifi gratuito"] },
|
||||
{ id: "trimestral", badge: "Custo-Benefício", price: "R$ 399", subtitle: "Plano Trimestral", features: ["Acesso ilimitado", "Suporte nutricional", "Consultoria de treino"] },
|
||||
{ id: "experimental", badge: "Teste", price: "Grátis", subtitle: "Aula Experimental", features: ["Conheça nossa estrutura", "Treino guiado", "Sem compromisso"] },
|
||||
]}
|
||||
title="Nossos Planos"
|
||||
description="Escolha o melhor plano para o seu objetivo."
|
||||
@@ -172,54 +93,27 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contato"
|
||||
title="Comece hoje mesmo"
|
||||
description="Entre em contato conosco via WhatsApp e agende seu treino experimental."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892684.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Falar no WhatsApp"
|
||||
onSubmit={(email) => console.log(email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Planos",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/5515999999999",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="A8 FIT"
|
||||
columns={[
|
||||
{ items: [{ label: "Início", href: "#hero" }, { label: "Sobre", href: "#about" }, { label: "Serviços", href: "#features" }, { label: "Planos", href: "#pricing" }, { label: "Contato", href: "#contact" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "https://wa.me/5515999999999" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,14 +11,14 @@
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #1c1c1c;
|
||||
--card: #f7faf7;
|
||||
--foreground: #001a0a;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #0a7039;
|
||||
--background-accent: #e8e8e8;
|
||||
--accent: #a8d9be;
|
||||
--background-accent: #e8f5e9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user