bender/2f999007-8a27-4908-9856-2b2942767c1a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1782092773792 into main #1

Merged
bender merged 1 commits from version_2_1782092773792 into main 2026-06-22 01:47:27 +00:00
Conversation 0 Commits 1 Files Changed 10 +208 -114
10 changed files with 208 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Layout.tsx
View File

@@ -2,24 +2,24 @@ import { Outlet } from 'react-router-dom';
import { StyleProvider } from '@/components/ui/StyleProvider';
import SiteBackgroundSlot from '@/components/ui/SiteBackgroundSlot';
import NavbarFloating from "@/components/ui/NavbarFloating";
import NavbarFloatingLogo from "@/components/ui/NavbarFloatingLogo";
import FooterBasic from "@/components/sections/footer/FooterBasic";
export default function Layout() {
return (
<StyleProvider buttonVariant="default" siteBackground="none" heroBackground="none">
<SiteBackgroundSlot />
<NavbarFloating
logo="Luxe Properties"
<NavbarFloatingLogo
logo="CamNube"
logoImageSrc="https://storage.googleapis.com/webild/users/user_3FS60M2QjSxrl5c5I9rWKygDT4L/uploaded-1782092772795-dell9ovk.jpg"
navItems={[
{ name: "Properties", href: "#properties" },
{ name: "About", href: "#about" },
{ name: "Services", href: "#services" },
{ name: "Team", href: "#team" },
{ name: "Testimonials", href: "#testimonials" },
{ name: "Contact", href: "#contact" },
{ name: "Plataforma", href: "#plataforma" },
{ name: "Soluciones", href: "#soluciones" },
{ name: "Ecosistema", href: "#ecosistema" },
{ name: "Partners", href: "#partners" },
{ name: "Recursos", href: "#recursos" },
]}
ctaButton={{ text: "Schedule Viewing", href: "#contact" }}
ctaButton={{ text: "Agendar Demo", href: "#contact" }}
/>
<main className="flex-grow">
<Outlet />

128
src/pages/HomePage.tsx
View File

@@ -1,117 +1,37 @@
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
import { StyleProvider } from "@/components/ui/StyleProvider";
import HeroTiltedCards from "@/components/sections/hero/HeroTiltedCards";
import AboutMediaOverlay from "@/components/sections/about/AboutMediaOverlay";
import ProductVariantCards from "@/components/sections/product/ProductVariantCards";
import FeaturesRevealCards from "@/components/sections/features/FeaturesRevealCards";
import TeamOverlayCards from "@/components/sections/team/TeamOverlayCards";
import MetricsIconCards from "@/components/sections/metrics/MetricsIconCards";
import TestimonialSplitCards from "@/components/sections/testimonial/TestimonialSplitCards";
import ContactCta from "@/components/sections/contact/ContactCta";
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import PropertiesSection from './HomePage/sections/Properties';
import ServicesSection from './HomePage/sections/Services';
import TeamSection from './HomePage/sections/Team';
import MetricsSection from './HomePage/sections/Metrics';
import TestimonialsSection from './HomePage/sections/Testimonials';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage() {
export default function HomePage(): React.JSX.Element {
return (
<StyleProvider siteBackground="none" heroBackground="gradientBars" buttonVariant="magnetic">
<div id="hero" data-section="hero">
<HeroTiltedCards
tag="VSaaS LatAm"
title="El control total de su videovigilancia, centralizado e inteligente en la nube."
description="Conecte, gestione y analice múltiples ubicaciones en tiempo real desde una plataforma unificada. Optimice su red de cámaras con potentes capas de analítica predictiva mediante Inteligencia Artificial, eliminando la dependencia de servidores locales."
primaryButton={{ text: "AGENDAR DEMOSTRACIÓN", href: "#" }}
secondaryButton={{ text: "EXPLORAR SOLUCIONES", href: "#services" }}
items={[
{ imageSrc: "http://img.b2bpic.net/free-photo/storage-server-racks-room-with-big-data-cyber-network-green-light-corridor-interior-information-technology-hosting-storage-hardware-system_90220-1375.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-group-experts-governmental-hacking-room_482257-121545.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/engineers-data-center-using-green-screen-laptop-reviewing-equipment-health_482257-120719.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/big-brother-colage-concept_23-2149624965.jpg" }
]}
/>
</div>
<StyleProvider siteBackground="none" heroBackground="gradientBars" buttonVariant="magnetic">
<HeroSection />
<div id="about" data-section="about">
<AboutMediaOverlay
tag="Infraestructura"
title="Infraestructura robusta integrada con tecnologías líderes globales"
description="CamNube se integra nativamente con los estándares más exigentes del sector: ONVIF, Hikvision, Dahua, Milesight y Uniview, garantizando compatibilidad total y resiliencia absoluta en toda su red de videovigilancia."
primaryButton={{ text: "Ver Compatibilidad", href: "#" }}
imageSrc="http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg"
/>
</div>
<AboutSection />
<div id="properties" data-section="properties">
<ProductVariantCards
tag="Sectores"
title="Soluciones diseñadas para cada desafío"
description="Adaptamos nuestra tecnología de IA para optimizar la seguridad y la operativa en diversos entornos industriales y corporativos."
products={[
{ name: "Comercio y Retail", variant: "Analítica de flujo y prevención", price: "IA Predictiva", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-surgical-mask-gloves-is-shopping-supermarket-after-coronavirus-pandemic-girl-with-surgical-mask-is-going-buy-cheese_1153-5487.jpg" },
{ name: "Empresas y Corporativos", variant: "Gestión y protección perimetral", price: "Seguridad Cloud", imageSrc: "http://img.b2bpic.net/free-photo/team-leader-overseeing-diverse-operators-delivery-call-center-office_482257-105104.jpg" },
{ name: "Ciudades Inteligentes", variant: "Monitoreo masivo y tráfico", price: "Resiliencia Urbana", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-exploration-dubai-s-evolving-cityscape_23-2151339720.jpg" }
]}
/>
</div>
<PropertiesSection />
<div id="services" data-section="services">
<FeaturesRevealCards
tag="Ecosistema"
title="Conectividad técnica abierta sin limitaciones"
description="Nuestra arquitectura permite libertad total de hardware. Integre cámaras existentes, nuevos dispositivos bajo estándar ONVIF y centralice todo mediante nuestra API RESTful moderna."
items={[
{ title: "Soporte Multimarca", description: "Compatibilidad nativa con estándares ONVIF Profile S/G/T y RTSP.", imageSrc: "http://img.b2bpic.net/free-photo/empty-government-headquarters-used-oversee-traffic-surveillance-video_482257-85904.jpg" },
{ title: "Hub de Ingeniería", description: "Firmware actualizado, diagnósticos remotos y watchdog automatizado.", imageSrc: "http://img.b2bpic.net/free-photo/male-technician-inserting-chip-computer-motherboard_23-2147923526.jpg" },
{ title: "Integración API", description: "Conecte flujos de video con CRMs y software de despacho empresarial.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg" },
{ title: "Alta Disponibilidad", description: "Redundancia total frente a cortes físicos en el sitio de monitoreo.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212624.jpg" }
]}
/>
</div>
<ServicesSection />
<div id="team" data-section="team">
<TeamOverlayCards
tag="Programa Partner"
title="Transforme su negocio de seguridad"
description="Únase al ecosistema CamNube, genere ingresos recurrentes y ofrezca valor diferencial a sus clientes finales."
members={[
{ name: "Programa de Canales", role: "Margen competitivo escalonado", imageSrc: "http://img.b2bpic.net/free-photo/african-business-male-people-shaking-hands_1303-18516.jpg" },
{ name: "Marca Blanca", role: "Solución propia personalizada", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-black-suit_1303-13869.jpg" },
{ name: "Capacitación Técnica", role: "Certificación gratuita incluida", imageSrc: "http://img.b2bpic.net/free-photo/people-studying-peacefully-library_23-2148844711.jpg" }
]}
/>
</div>
<TeamSection />
<div id="metrics" data-section="metrics">
<MetricsIconCards
tag="Resultados"
title="Eficiencia comprobada en nube"
description="Optimizamos el rendimiento de los sistemas de seguridad eliminando cuellos de botella operativos."
metrics={[
{ icon: "Cpu", title: "Reducción de falsas alarmas", value: "90%" },
{ icon: "Cloud", title: "Migración de servidores", value: "100%" },
{ icon: "ShieldCheck", title: "Disponibilidad regional", value: "99.9%" },
{ icon: "BarChart3", title: "Mejora en auditoría", value: "5x" }
]}
/>
</div>
<MetricsSection />
<div id="testimonials" data-section="testimonials">
<TestimonialSplitCards
tag="Casos de éxito"
title="Lo que dicen nuestros partners"
description="Expertos en tecnología y seguridad confían en nuestra infraestructura Cloud para escalar sus operaciones en Latinoamérica."
testimonials={[
{ tag: "Retail", title: "Eficiencia total", quote: "CamNube nos permitió centralizar 50 sucursales en una sola interfaz. La reducción de costos por mantenimiento de servidores fue inmediata.", name: "Director IT", date: "2024", avatarImageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg" },
{ tag: "Gobierno", title: "IA de vanguardia", quote: "Convertimos cámaras legacy en dispositivos inteligentes de detección de incidentes en tiempo real. La analítica es precisa y escalable.", name: "Secretario de Movilidad", date: "2024", avatarImageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" }
]}
/>
</div>
<TestimonialsSection />
<div id="contact" data-section="contact">
<ContactCta
tag="Contacto"
text="¿Está listo para migrar a CamNube?"
primaryButton={{ text: "Solicitar una DEMO", href: "#" }}
secondaryButton={{ text: "Hablar con Ventas", href: "#" }}
/>
</div>
<ContactSection />
</StyleProvider>
);
}

19
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,19 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutMediaOverlay from "@/components/sections/about/AboutMediaOverlay";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<AboutMediaOverlay
tag="Infraestructura"
title="Infraestructura robusta integrada con tecnologías líderes globales"
description="CamNube se integra nativamente con los estándares más exigentes del sector: ONVIF, Hikvision, Dahua, Milesight y Uniview, garantizando compatibilidad total y resiliencia absoluta en toda su red de videovigilancia."
primaryButton={{ text: "Ver Compatibilidad", href: "#" }}
imageSrc="http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg"
/>
</div>
);
}

18
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,18 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from "@/components/sections/contact/ContactCta";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<ContactCta
tag="Contacto"
text="¿Está listo para migrar a CamNube?"
primaryButton={{ text: "Solicitar una DEMO", href: "#" }}
secondaryButton={{ text: "Hablar con Ventas", href: "#" }}
/>
</div>
);
}

26
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,26 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroTiltedCards from "@/components/sections/hero/HeroTiltedCards";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<HeroTiltedCards
tag="VSaaS LatAm"
title="El control total de su videovigilancia, centralizado e inteligente en la nube."
description="Conecte, gestione y analice múltiples ubicaciones en tiempo real desde una plataforma unificada. Optimice su red de cámaras con potentes capas de analítica predictiva mediante Inteligencia Artificial, eliminando la dependencia de servidores locales."
primaryButton={{ text: "AGENDAR DEMOSTRACIÓN", href: "#" }}
secondaryButton={{ text: "EXPLORAR SOLUCIONES", href: "#services" }}
items={[
{ imageSrc: "http://img.b2bpic.net/free-photo/storage-server-racks-room-with-big-data-cyber-network-green-light-corridor-interior-information-technology-hosting-storage-hardware-system_90220-1375.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-group-experts-governmental-hacking-room_482257-121545.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/engineers-data-center-using-green-screen-laptop-reviewing-equipment-health_482257-120719.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/big-brother-colage-concept_23-2149624965.jpg" }
]}
/>
</div>
);
}

23
src/pages/HomePage/sections/Metrics.tsx Normal file
View File

@@ -0,0 +1,23 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.
import React from 'react';
import MetricsIconCards from "@/components/sections/metrics/MetricsIconCards";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<MetricsIconCards
tag="Resultados"
title="Eficiencia comprobada en nube"
description="Optimizamos el rendimiento de los sistemas de seguridad eliminando cuellos de botella operativos."
metrics={[
{ icon: "Cpu", title: "Reducción de falsas alarmas", value: "90%" },
{ icon: "Cloud", title: "Migración de servidores", value: "100%" },
{ icon: "ShieldCheck", title: "Disponibilidad regional", value: "99.9%" },
{ icon: "BarChart3", title: "Mejora en auditoría", value: "5x" }
]}
/>
</div>
);
}

22
src/pages/HomePage/sections/Properties.tsx Normal file
View File

@@ -0,0 +1,22 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "properties" section.
import React from 'react';
import ProductVariantCards from "@/components/sections/product/ProductVariantCards";
export default function PropertiesSection(): React.JSX.Element {
return (
<div id="properties" data-section="properties">
<ProductVariantCards
tag="Sectores"
title="Soluciones diseñadas para cada desafío"
description="Adaptamos nuestra tecnología de IA para optimizar la seguridad y la operativa en diversos entornos industriales y corporativos."
products={[
{ name: "Comercio y Retail", variant: "Analítica de flujo y prevención", price: "IA Predictiva", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-surgical-mask-gloves-is-shopping-supermarket-after-coronavirus-pandemic-girl-with-surgical-mask-is-going-buy-cheese_1153-5487.jpg" },
{ name: "Empresas y Corporativos", variant: "Gestión y protección perimetral", price: "Seguridad Cloud", imageSrc: "http://img.b2bpic.net/free-photo/team-leader-overseeing-diverse-operators-delivery-call-center-office_482257-105104.jpg" },
{ name: "Ciudades Inteligentes", variant: "Monitoreo masivo y tráfico", price: "Resiliencia Urbana", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-exploration-dubai-s-evolving-cityscape_23-2151339720.jpg" }
]}
/>
</div>
);
}

23
src/pages/HomePage/sections/Services.tsx Normal file
View File

@@ -0,0 +1,23 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "services" section.
import React from 'react';
import FeaturesRevealCards from "@/components/sections/features/FeaturesRevealCards";
export default function ServicesSection(): React.JSX.Element {
return (
<div id="services" data-section="services">
<FeaturesRevealCards
tag="Ecosistema"
title="Conectividad técnica abierta sin limitaciones"
description="Nuestra arquitectura permite libertad total de hardware. Integre cámaras existentes, nuevos dispositivos bajo estándar ONVIF y centralice todo mediante nuestra API RESTful moderna."
items={[
{ title: "Soporte Multimarca", description: "Compatibilidad nativa con estándares ONVIF Profile S/G/T y RTSP.", imageSrc: "http://img.b2bpic.net/free-photo/empty-government-headquarters-used-oversee-traffic-surveillance-video_482257-85904.jpg" },
{ title: "Hub de Ingeniería", description: "Firmware actualizado, diagnósticos remotos y watchdog automatizado.", imageSrc: "http://img.b2bpic.net/free-photo/male-technician-inserting-chip-computer-motherboard_23-2147923526.jpg" },
{ title: "Integración API", description: "Conecte flujos de video con CRMs y software de despacho empresarial.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg" },
{ title: "Alta Disponibilidad", description: "Redundancia total frente a cortes físicos en el sitio de monitoreo.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212624.jpg" }
]}
/>
</div>
);
}

22
src/pages/HomePage/sections/Team.tsx Normal file
View File

@@ -0,0 +1,22 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "team" section.
import React from 'react';
import TeamOverlayCards from "@/components/sections/team/TeamOverlayCards";
export default function TeamSection(): React.JSX.Element {
return (
<div id="team" data-section="team">
<TeamOverlayCards
tag="Programa Partner"
title="Transforme su negocio de seguridad"
description="Únase al ecosistema CamNube, genere ingresos recurrentes y ofrezca valor diferencial a sus clientes finales."
members={[
{ name: "Programa de Canales", role: "Margen competitivo escalonado", imageSrc: "http://img.b2bpic.net/free-photo/african-business-male-people-shaking-hands_1303-18516.jpg" },
{ name: "Marca Blanca", role: "Solución propia personalizada", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-black-suit_1303-13869.jpg" },
{ name: "Capacitación Técnica", role: "Certificación gratuita incluida", imageSrc: "http://img.b2bpic.net/free-photo/people-studying-peacefully-library_23-2148844711.jpg" }
]}
/>
</div>
);
}

21
src/pages/HomePage/sections/Testimonials.tsx Normal file
View File

@@ -0,0 +1,21 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialSplitCards from "@/components/sections/testimonial/TestimonialSplitCards";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<TestimonialSplitCards
tag="Casos de éxito"
title="Lo que dicen nuestros partners"
description="Expertos en tecnología y seguridad confían en nuestra infraestructura Cloud para escalar sus operaciones en Latinoamérica."
testimonials={[
{ tag: "Retail", title: "Eficiencia total", quote: "CamNube nos permitió centralizar 50 sucursales en una sola interfaz. La reducción de costos por mantenimiento de servidores fue inmediata.", name: "Director IT", date: "2024", avatarImageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg" },
{ tag: "Gobierno", title: "IA de vanguardia", quote: "Convertimos cámaras legacy en dispositivos inteligentes de detección de incidentes en tiempo real. La analítica es precisa y escalable.", name: "Secretario de Movilidad", date: "2024", avatarImageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" }
]}
/>
</div>
);
}