Merge version_1 into main #2
269
src/app/page.tsx
269
src/app/page.tsx
@@ -12,7 +12,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Calendar, CheckCircle, Database, Headphones, LayoutDashboard, LineChart, MapPin, TrendingUp } from "lucide-react";
|
||||
import { Award, Calendar, CheckCircle, Database, Headphones, LayoutDashboard, LineChart, MapPin, TrendingUp, Users, Repeat, Clock, AlertCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,31 +20,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Soluções",
|
||||
id: "solutions",
|
||||
},
|
||||
{
|
||||
name: "Produto",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Como funciona",
|
||||
id: "how-it-works",
|
||||
},
|
||||
{
|
||||
name: "Sobre nós",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Soluções", id: "solutions" },
|
||||
{ name: "Produto", id: "product" },
|
||||
{ name: "Como funciona", id: "how-it-works" },
|
||||
{ name: "Sobre nós", id: "about" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="SystemOps"
|
||||
/>
|
||||
@@ -52,65 +44,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Conversão de leads para clínicas de alto padrão"
|
||||
description="Transforme campanhas em consultas agendadas. Sem deixar leads esfriarem. A SystemOps responde, qualifica, agenda e acompanha cada contato que chega pelo WhatsApp, Instagram ou anúncios."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-male-doctor_23-2148453499.jpg",
|
||||
alt: "Clinic Partner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/therapist_23-2147990626.jpg",
|
||||
alt: "Clinic Partner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/doctor-with-stethoscope-hand-her-pocket-closeup-female-smiling-while-standing-straight-white-background_657921-729.jpg",
|
||||
alt: "Clinic Partner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-medic-hospital_23-2147763852.jpg",
|
||||
alt: "Clinic Partner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-health-worker-portrait_23-2148814229.jpg",
|
||||
alt: "Clinic Partner",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Quero aumentar agendamentos",
|
||||
href: "#contact",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-male-doctor_23-2148453499.jpg", alt: "Clinic Partner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/therapist_23-2147990626.jpg", alt: "Clinic Partner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/doctor-with-stethoscope-hand-her-pocket-closeup-female-smiling-while-standing-straight-white-background_657921-729.jpg", alt: "Clinic Partner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-medic-hospital_23-2147763852.jpg", alt: "Clinic Partner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-beautiful-health-worker-portrait_23-2148814229.jpg", alt: "Clinic Partner" },
|
||||
]}
|
||||
buttons={[{ text: "Quero aumentar agendamentos", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Leads Qualificados",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Integração CRM",
|
||||
icon: Database,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Agendamento Real",
|
||||
icon: Calendar,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Suporte Premium",
|
||||
icon: Headphones,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Análise de ROI",
|
||||
icon: LineChart,
|
||||
},
|
||||
{ type: "text-icon", text: "Leads Qualificados", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "Integração CRM", icon: Database },
|
||||
{ type: "text-icon", text: "Agendamento Real", icon: Calendar },
|
||||
{ type: "text-icon", text: "Suporte Premium", icon: Headphones },
|
||||
{ type: "text-icon", text: "Análise de ROI", icon: LineChart },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,34 +70,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Leads que esfriam",
|
||||
description: "Campanhas gerando leads que não avançam.",
|
||||
buttonIcon: "AlertCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/banker-offering-pension-plans-options-elderly-people-isolated-screen_482257-116030.jpg",
|
||||
imageAlt: "Banker offering pension plans options to elderly people next to isolated screen",
|
||||
},
|
||||
{
|
||||
title: "Recepção sobrecarregada",
|
||||
description: "Equipe dividida entre atender e vender.",
|
||||
buttonIcon: "Users",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neuroscience-expert-reviewing-mri-brain-scan-results-with-doctors_482257-123131.jpg?_wi=1",
|
||||
imageAlt: "Banker offering pension plans options to elderly people next to isolated screen",
|
||||
},
|
||||
{
|
||||
title: "Follow-up sem cadência",
|
||||
description: "Retornos esquecidos e oportunidades perdidas.",
|
||||
buttonIcon: "Repeat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-working-clinic_23-2149868970.jpg?_wi=1",
|
||||
imageAlt: "Banker offering pension plans options to elderly people next to isolated screen",
|
||||
},
|
||||
{
|
||||
title: "Tempo de resposta alto",
|
||||
description: "Pacientes somem devido à demora.",
|
||||
buttonIcon: "Clock",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctors-nurses-sitting-staircase_107420-84780.jpg?_wi=1",
|
||||
imageAlt: "Banker offering pension plans options to elderly people next to isolated screen",
|
||||
},
|
||||
{ title: "Leads que esfriam", description: "Campanhas gerando leads que não avançam.", buttonIcon: AlertCircle, imageSrc: "http://img.b2bpic.net/free-photo/banker-offering-pension-plans-options-elderly-people-isolated-screen_482257-116030.jpg", imageAlt: "Lead management" },
|
||||
{ title: "Recepção sobrecarregada", description: "Equipe dividida entre atender e vender.", buttonIcon: Users, imageSrc: "http://img.b2bpic.net/free-photo/neuroscience-expert-reviewing-mri-brain-scan-results-with-doctors_482257-123131.jpg", imageAlt: "Team management" },
|
||||
{ title: "Follow-up sem cadência", description: "Retornos esquecidos e oportunidades perdidas.", buttonIcon: Repeat, imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-working-clinic_23-2149868970.jpg", imageAlt: "Follow up process" },
|
||||
{ title: "Tempo de resposta alto", description: "Pacientes somem devido à demora.", buttonIcon: Clock, imageSrc: "http://img.b2bpic.net/free-photo/doctors-nurses-sitting-staircase_107420-84780.jpg", imageAlt: "Response time management" },
|
||||
]}
|
||||
title="Dores reais de clínicas em crescimento"
|
||||
description="O problema quase nunca é falta de leads. É falta de processo para converter."
|
||||
@@ -161,42 +87,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Agente Especialista",
|
||||
price: "AI & Human",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neuroscience-expert-reviewing-mri-brain-scan-results-with-doctors_482257-123131.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Funil de Leads",
|
||||
price: "Gestão 360",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-working-clinic_23-2149868970.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Relatórios",
|
||||
price: "Insights",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctors-nurses-sitting-staircase_107420-84780.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Esteira Comercial",
|
||||
price: "Tempo Real",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-sitting-medical-office-hospital_1170-2275.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Follow-up Ativo",
|
||||
price: "Automático",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Integração CRM",
|
||||
price: "Conectado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-confident-applicant-discusses-resume-presentation-with-hr-manager-job-interview_482257-133601.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Agente Especialista", price: "AI & Human", imageSrc: "http://img.b2bpic.net/free-photo/neuroscience-expert-reviewing-mri-brain-scan-results-with-doctors_482257-123131.jpg" },
|
||||
{ id: "p2", name: "Funil de Leads", price: "Gestão 360", imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-working-clinic_23-2149868970.jpg" },
|
||||
{ id: "p3", name: "Relatórios", price: "Insights", imageSrc: "http://img.b2bpic.net/free-photo/doctors-nurses-sitting-staircase_107420-84780.jpg" },
|
||||
{ id: "p4", name: "Esteira Comercial", price: "Tempo Real", imageSrc: "http://img.b2bpic.net/free-photo/doctor-sitting-medical-office-hospital_1170-2275.jpg" },
|
||||
{ id: "p5", name: "Follow-up Ativo", price: "Automático", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg" },
|
||||
{ id: "p6", name: "Integração CRM", price: "Conectado", imageSrc: "http://img.b2bpic.net/free-photo/black-confident-applicant-discusses-resume-presentation-with-hr-manager-job-interview_482257-133601.jpg" },
|
||||
]}
|
||||
title="O produto"
|
||||
description="Uma plataforma para vender mais sem transformar sua recepção em equipe de call center."
|
||||
@@ -209,30 +105,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: MapPin,
|
||||
title: "Mapeamento",
|
||||
value: "01",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: LayoutDashboard,
|
||||
title: "Esteira",
|
||||
value: "02",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: TrendingUp,
|
||||
title: "Follow-up",
|
||||
value: "03",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
icon: CheckCircle,
|
||||
title: "Conversão",
|
||||
value: "04",
|
||||
},
|
||||
{ id: "m1", icon: MapPin, title: "Mapeamento", value: "01" },
|
||||
{ id: "m2", icon: LayoutDashboard, title: "Esteira", value: "02" },
|
||||
{ id: "m3", icon: TrendingUp, title: "Follow-up", value: "03" },
|
||||
{ id: "m4", icon: CheckCircle, title: "Conversão", value: "04" },
|
||||
]}
|
||||
title="Do lead à consulta em quatro movimentos"
|
||||
description="Uma camada comercial desenhada para começar simples e evoluir."
|
||||
@@ -259,24 +135,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Brendon W.",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Time SystemOps",
|
||||
role: "Sucesso",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2148934307.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Time SystemOps",
|
||||
role: "Técnico",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-male-doctor-white-gown-portrait_53876-105121.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Brendon W.", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-work_23-2149485515.jpg" },
|
||||
{ id: "t2", name: "Time SystemOps", role: "Sucesso", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-tablet_23-2148934307.jpg" },
|
||||
{ id: "t3", name: "Time SystemOps", role: "Técnico", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-male-doctor-white-gown-portrait_53876-105121.jpg" },
|
||||
]}
|
||||
title="Sobre nós"
|
||||
description="Criamos sistemas para clínicas que querem vender mais sem perder o cuidado humano."
|
||||
@@ -290,26 +151,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Diretora Clínica"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/executive-business-woman-office_1303-16020.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-nurse-with-stethoscope_23-2149308271.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-therapist-getting-ready-aa-therapy-meeting-with-group-people-circle-with-chairs-close-up-counselor-waiting-addiction-patients-attend-rehab-session_482257-35295.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-pretty-doctor-sitting-her-place-office_259150-60614.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-dentist-standing-with-hands-crossed_107420-74194.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/executive-business-woman-office_1303-16020.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-nurse-with-stethoscope_23-2149308271.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-therapist-getting-ready-aa-therapy-meeting-with-group-people-circle-with-chairs-close-up-counselor-waiting-addiction-patients-attend-rehab-session_482257-35295.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blonde-pretty-doctor-sitting-her-place-office_259150-60614.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-dentist-standing-with-hands-crossed_107420-74194.jpg", alt: "Client" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -319,32 +165,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Diagnóstico Gratuito"
|
||||
title="Sua clínica já gera interesse. Hora de converter melhor."
|
||||
description="Identificamos os gargalos da sua clínica e criamos oportunidades para aumentar seus agendamentos."
|
||||
buttons={[
|
||||
{
|
||||
text: "Falar no WhatsApp",
|
||||
href: "https://wa.me/55...",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Falar no WhatsApp", href: "https://wa.me/55..." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="SystemOps"
|
||||
leftLink={{
|
||||
text: "Privacidade",
|
||||
href: "/privacy",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Termos",
|
||||
href: "/terms",
|
||||
}}
|
||||
leftLink={{ text: "Privacidade", href: "/privacy" }}
|
||||
rightLink={{ text: "Termos", href: "/terms" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user