260 lines
11 KiB
TypeScript
260 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Percent, UserCheck, CheckCircle, Zap, Award, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
const sendToWhatsApp = (planName: string, price: string) => {
|
|
const message = `Olá! Gostaria de finalizar minha matrícula na Academia Alpha.\n\nPlano escolhido: ${planName} (${price})\n\nAguardo mais informações para prosseguir!`;
|
|
window.open(`https://wa.me/5592986133442?text=${encodeURIComponent(message)}`, '_blank');
|
|
};
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Sobre", id: "#sobre"},
|
|
{
|
|
name: "Planos", id: "#planos"},
|
|
{
|
|
name: "Contato", id: "#contato"},
|
|
]}
|
|
brandName="Academia Alpha"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Evolua na Academia Alpha"
|
|
description="Referência em Rio Preto da Eva. Ambiente limpo, profissionais qualificados e equipamentos de ponta para sua evolução."
|
|
buttons={[
|
|
{
|
|
text: "Quero Treinar Agora", href: "#planos"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/bodybuilding-concept-with-barbell_23-2147675159.jpg?_wi=1"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197736.jpg", alt: "Aluno 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/bodybuilding-concept-with-weight-plates-barbell_23-2147675165.jpg", alt: "Aluno 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/many-dumbbels_1203-103.jpg", alt: "Aluno 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077752.jpg", alt: "Aluno 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077753.jpg", alt: "Aluno 5"},
|
|
]}
|
|
avatarText="Junte-se a +500 alunos"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Equipamentos Modernos"},
|
|
{
|
|
type: "text", text: "Ambiente Familiar"},
|
|
{
|
|
type: "text", text: "Treino Personalizado"},
|
|
{
|
|
type: "text", text: "Foco em Resultados"},
|
|
{
|
|
type: "text", text: "Saúde e Bem-Estar"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="sobre" data-section="sobre">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="Nossa Missão"
|
|
description="Com profissionais qualificados, equipamentos novos e um ambiente acolhedor e familiar, a Alpha é o lugar ideal para quem busca saúde, disciplina e evolução."
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2150290027.jpg?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="diferenciais" data-section="diferenciais">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Ambiente Organizado", description: "Limpeza impecável para seu conforto.", buttonIcon: CheckCircle,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friendly-smiling-diverse-male-colleagues-having-pleasant-conversation-work_1163-5114.jpg", imageAlt: "Friendly smiling diverse male colleagues having pleasant conversation at work"},
|
|
{
|
|
title: "Equipamentos Novos", description: "Tecnologia de ponta para seu treino.", buttonIcon: Zap,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bodybuilding-concept-with-barbell_23-2147675159.jpg?_wi=2", imageAlt: "Friendly smiling diverse male colleagues having pleasant conversation at work"},
|
|
{
|
|
title: "Profissionais Qualificados", description: "Suporte constante para sua evolução.", buttonIcon: Award,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2150290027.jpg?_wi=2", imageAlt: "Friendly smiling diverse male colleagues having pleasant conversation at work"},
|
|
{
|
|
title: "Espaço Inclusivo", description: "Treine com foco e motivação.", buttonIcon: Users,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elementary-school-teacher-teaching-student-online-coronavirus-epidemic_637285-8898.jpg?_wi=1", imageAlt: "Friendly smiling diverse male colleagues having pleasant conversation at work"},
|
|
]}
|
|
title="Por que a Alpha?"
|
|
description="Mais do que uma academia, somos um ambiente familiar focado na sua saúde."
|
|
/>
|
|
</div>
|
|
|
|
<div id="avaliacoes" data-section="avaliacoes">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Maria Silva", role: "Aluna", company: "Alpha Gym", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-sexy-slim-girl-doing-workout-gym_627829-9241.jpg"},
|
|
{
|
|
id: "2", name: "João Pereira", role: "Aluno", company: "Alpha Gym", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/trainer-helping-woman-while-practicing-pilates_107420-85001.jpg"},
|
|
{
|
|
id: "3", name: "Ana Oliveira", role: "Aluna", company: "Alpha Gym", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2150289996.jpg"},
|
|
{
|
|
id: "4", name: "Lucas Souza", role: "Aluno", company: "Alpha Gym", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-training-gym_23-2148024275.jpg"},
|
|
{
|
|
id: "5", name: "Carla Mendes", role: "Aluna", company: "Alpha Gym", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-taking-selfie-work_23-2149366490.jpg"},
|
|
]}
|
|
title="Avaliações"
|
|
description="Veja o que nossos alunos dizem."
|
|
/>
|
|
</div>
|
|
|
|
<div id="promocao" data-section="promocao">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "p1", value: "20%", title: "DESCONTO", description: "Nos planos Premium", icon: Percent,
|
|
},
|
|
{
|
|
id: "p2", value: "0", title: "AVALIAÇÃO", description: "Grátis para novos alunos", icon: UserCheck,
|
|
},
|
|
]}
|
|
title="Promoção Especial"
|
|
description="Horário promocional das 07:00 às 13:00."
|
|
/>
|
|
</div>
|
|
|
|
<div id="planos" data-section="planos">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "maromba", badge: "Popular", price: "R$ 100", subtitle: "Mensal Maromba", buttons: [
|
|
{
|
|
text: "Assinar", onClick: () => sendToWhatsApp("Mensal Maromba", "R$ 100")},
|
|
],
|
|
features: [
|
|
"Foco em hipertrofia", "Acesso academia"],
|
|
},
|
|
{
|
|
id: "alpha", badge: "Premium", price: "R$ 150", subtitle: "Mensal Alpha", buttons: [
|
|
{
|
|
text: "Assinar", onClick: () => sendToWhatsApp("Mensal Alpha", "R$ 150")},
|
|
],
|
|
features: [
|
|
"Professor", "Avaliação", "Personalizado", "Funcional"],
|
|
},
|
|
{
|
|
id: "familia", badge: "Família", price: "R$ 360", subtitle: "Mensal Familiar", buttons: [
|
|
{
|
|
text: "Assinar", onClick: () => sendToWhatsApp("Mensal Familiar", "R$ 360")},
|
|
],
|
|
features: [
|
|
"Mínimo 4 pessoas", "Acesso completo"],
|
|
},
|
|
]}
|
|
title="Planos Alpha"
|
|
description="Escolha o melhor plano para sua jornada."
|
|
/>
|
|
</div>
|
|
|
|
<div id="estrutura" data-section="estrutura">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "s1", name: "Área de Pesos", price: "Moderno", imageSrc: "http://img.b2bpic.net/free-photo/elementary-school-teacher-teaching-student-online-coronavirus-epidemic_637285-8898.jpg?_wi=2"},
|
|
{
|
|
id: "s2", name: "Área de Cardio", price: "Profissional", imageSrc: "http://img.b2bpic.net/free-photo/guy-treadmill_1098-15189.jpg"},
|
|
]}
|
|
title="Nossa Estrutura"
|
|
description="Conheça um pouco do nosso espaço."
|
|
/>
|
|
</div>
|
|
|
|
<div id="localizacao" data-section="localizacao">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="📍 R. Gov. José Lindoso, 20 | Rio Preto da Eva - AM | 📞 (92) 98482-0945"
|
|
buttons={[
|
|
{
|
|
text: "📲 Falar no WhatsApp", href: "https://wa.me/5592986133442"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Academia Alpha"
|
|
columns={[
|
|
{
|
|
title: "Navegação", items: [
|
|
{
|
|
label: "Sobre", href: "#sobre"},
|
|
{
|
|
label: "Planos", href: "#planos"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contato", items: [
|
|
{
|
|
label: "WhatsApp", href: "https://wa.me/5592986133442"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|