From 32354c7b546db5a7aa8d3dd5f11364a8b1b9953b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 22 May 2026 13:39:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 269 +++++++++--------------------------------------
 1 file changed, 51 insertions(+), 218 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index aeea0cc..9bee378 100644
--- a/src/app/page.tsx
+++ b/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>
-- 
2.49.1