Merge version_2 into main #2
176
src/app/page.tsx
176
src/app/page.tsx
@@ -4,27 +4,27 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { TrendingUp, Trophy, Users, ArrowRight } from "lucide-react";
|
||||
import { Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="layered"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
@@ -44,129 +44,78 @@ export default function LandingPage() {
|
||||
logoText="MENTORIA ELITE"
|
||||
description="Alcance o próximo nível da sua autoridade digital com um ecossistema exclusivo e estratégico."
|
||||
buttons={[
|
||||
{
|
||||
text: "Acessar Mentoria", href: "https://pay.sunize.com.br/QrcFdxLz"},
|
||||
{ text: "Acessar Mentoria", href: "https://pay.sunize.com.br/QrcFdxLz" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139370.jpg"
|
||||
imageAlt="Mentoria Elite Background"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DmKTtEEsDOFRbSrvXUjudNC1Jc/uploaded-1779303286300-k67ti69r.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
<MetricCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Transformação de Resultados"
|
||||
description="Crescimento acelerado com metodologia validada por centenas de alunos."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Users,
|
||||
title: "Alunos Impactados", value: "2.5k+"},
|
||||
{
|
||||
id: "m2", icon: Trophy,
|
||||
title: "Mentorias Realizadas", value: "150+"},
|
||||
{
|
||||
id: "m3", icon: TrendingUp,
|
||||
title: "ROI Médio", value: "400%"},
|
||||
{ id: "m1", value: "2.5k+", description: "Alunos ativos" },
|
||||
{ id: "m2", value: "150+", description: "Mentorias executadas" },
|
||||
{ id: "m3", value: "400%", description: "ROI médio gerado" },
|
||||
]}
|
||||
title="Resultados Comprovados"
|
||||
description="Números que validam nossa autoridade e comunidade."
|
||||
className="text-purple-600"
|
||||
valueClassName="text-purple-600"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Pilares do Sucesso"
|
||||
description="Conteúdo organizado estrategicamente para sua evolução constante."
|
||||
features={[
|
||||
{
|
||||
title: "Estratégia Digital", description: "Domine as ferramentas que realmente escalam sua presença.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-neon-triangle_23-2151294003.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Análise de Dados", description: "Decisões baseadas em métricas reais, sem achismos.", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151205011.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Comunidade Exclusiva", description: "Networking com os melhores do mercado digital.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-flowing-particles_1048-12683.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "Segurança e Escala", description: "Estruturas sólidas para proteger e expandir seu negócio.", imageSrc: "http://img.b2bpic.net/free-photo/neon-green-check-mark-sign-brick-wall_84443-94481.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{ title: "Posicionamento Digital", description: "Construa uma marca forte e autoritária no mercado.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DmKTtEEsDOFRbSrvXUjudNC1Jc/uploaded-1779303286299-jd4xuv9p.png" },
|
||||
{ title: "Networking de Elite", description: "Conexões estratégicas que aceleram sua trajetória.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DmKTtEEsDOFRbSrvXUjudNC1Jc/uploaded-1779303286299-k36q903e.png" },
|
||||
{ title: "Mindset de Alta Performance", description: "Padrões mentais de quem fatura alto no digital.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DmKTtEEsDOFRbSrvXUjudNC1Jc/uploaded-1779303286299-v58mpuzp.png" }
|
||||
]}
|
||||
title="Por que a Elite?"
|
||||
description="Um modelo de aprendizado desenhado para quem busca performance e exclusividade."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
<ProductCardFour
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
title="Jornada da Mentoria"
|
||||
description="Módulos práticos focados em implementação real."
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Estratégia de Posicionamento", price: "Módulo 01", imageSrc: "http://img.b2bpic.net/free-vector/olivia-williams-design-school-business-card_742173-33288.jpg"},
|
||||
{
|
||||
id: "p2", name: "Redes de Conexão", price: "Módulo 02", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-cable_23-2149413409.jpg"},
|
||||
{
|
||||
id: "p3", name: "Mindset de Alta performance", price: "Módulo 03", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-leisure-recreation-activity-icon_53876-21313.jpg"},
|
||||
{
|
||||
id: "p4", name: "Táticas de Escala", price: "Módulo 04", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-colorful-arrows-blue-background-with-copy-space_23-2148459901.jpg"},
|
||||
{
|
||||
id: "p5", name: "Workflows de Otimização", price: "Módulo 05", imageSrc: "http://img.b2bpic.net/free-photo/trigonometry-algebra-equation-knowledge-learn-concept_53876-123006.jpg"},
|
||||
{
|
||||
id: "p6", name: "Legado Digital", price: "Módulo 06", imageSrc: "http://img.b2bpic.net/free-photo/mentoring-coaching-tutor-guiding-helping-concept_53876-128048.jpg"},
|
||||
{ id: "p1", name: "Estrutura de Base", price: "Módulo 01", variant: "Essencial", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DmKTtEEsDOFRbSrvXUjudNC1Jc/uploaded-1779303286299-jd4xuv9p.png" },
|
||||
{ id: "p2", name: "Conexões e Redes", price: "Módulo 02", variant: "Relacional", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DmKTtEEsDOFRbSrvXUjudNC1Jc/uploaded-1779303286299-k36q903e.png" },
|
||||
{ id: "p3", name: "Escala Inteligente", price: "Módulo 03", variant: "Performance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DmKTtEEsDOFRbSrvXUjudNC1Jc/uploaded-1779303286299-v58mpuzp.png" }
|
||||
]}
|
||||
title="Módulos da Mentoria"
|
||||
description="Conteúdo profundo, prático e orientado a resultados."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alice Silva", role: "Empreendedora", company: "TechSolutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg"},
|
||||
{
|
||||
id: "2", name: "Bruno Costa", role: "Estrategista", company: "GrowthLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg"},
|
||||
{
|
||||
id: "3", name: "Carla Mendes", role: "CEO", company: "DigitalPrime", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businesswoman-posing_1262-21160.jpg"},
|
||||
{
|
||||
id: "4", name: "Daniel Farias", role: "Consultor", company: "StrategyInc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg"},
|
||||
{
|
||||
id: "5", name: "Elisa Pires", role: "Marketing", company: "BrandCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg"},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Quem esteve conosco"
|
||||
description="Transformações que falam por si mesmas."
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Satisfação" },
|
||||
{ value: "5x", label: " Crescimento" },
|
||||
{ value: "100+", label: "Depoimentos" },
|
||||
{ value: "150+", label: "Projetos" },
|
||||
{ value: "2.5k+", label: "Mentorados" },
|
||||
]}
|
||||
title="O que dizem os membros"
|
||||
description="Histórias reais de quem transformou seus resultados através da nossa metodologia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Como funciona o acesso?", content: "Após a confirmação, você recebe acesso imediato na plataforma."},
|
||||
{
|
||||
id: "f2", title: "Tem suporte?", content: "Sim, suporte exclusivo para todos os mentorados através de grupo privado."},
|
||||
{
|
||||
id: "f3", title: "A mentoria serve para iniciantes?", content: "Nossa metodologia é adaptável, ideal para quem busca escalar resultados."},
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice Silva", role: "Mentorada Elite", company: "Tech", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DmKTtEEsDOFRbSrvXUjudNC1Jc/uploaded-1779303286300-k67ti69r.jpg" },
|
||||
{ id: "2", name: "Bruno Costa", role: "Mentorado Elite", company: "Growth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DmKTtEEsDOFRbSrvXUjudNC1Jc/uploaded-1779303286300-k67ti69r.jpg" },
|
||||
{ id: "3", name: "Carla Mendes", role: "Mentorada Elite", company: "Digital", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DmKTtEEsDOFRbSrvXUjudNC1Jc/uploaded-1779303286300-k67ti69r.jpg" }
|
||||
]}
|
||||
sideTitle="Dúvidas Frequentes"
|
||||
faqsAnimation="slide-up"
|
||||
imageClassName="rounded-full"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,34 +127,21 @@ export default function LandingPage() {
|
||||
title="Pronto para o próximo nível?"
|
||||
description="Garanta sua vaga na mentoria digital mais exclusiva do mercado."
|
||||
buttons={[
|
||||
{
|
||||
text: "Garantir minha vaga", href: "https://pay.sunize.com.br/QrcFdxLz"},
|
||||
{ text: "Garantir minha vaga", href: "https://pay.sunize.com.br/QrcFdxLz" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/colorful-abstract-business-card-template_23-2148367710.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DmKTtEEsDOFRbSrvXUjudNC1Jc/uploaded-1779303286300-k67ti69r.jpg"
|
||||
logoText="MENTORIA ELITE"
|
||||
columns={[
|
||||
{
|
||||
title: "Links Rápidos", items: [
|
||||
{ label: "Sobre", href: "#about" },
|
||||
{ label: "Conteúdo", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Termos", href: "#" },
|
||||
{ label: "Privacidade", href: "#" },
|
||||
],
|
||||
},
|
||||
{ title: "Navegação", items: [{ label: "Home", href: "/" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | Mentoria Elite. Todos os direitos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #141414;
|
||||
--foreground: #f5f5f5;
|
||||
--background: #fbfaff;
|
||||
--card: #f7f5ff;
|
||||
--foreground: #0f0022;
|
||||
--primary-cta: #8b5cf6;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #3b0764;
|
||||
--background-accent: #1e1b4b;
|
||||
--accent: #d8cef5;
|
||||
--background-accent: #c4a8f9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user