3 Commits

Author SHA1 Message Date
aa119d811f Merge version_2 into main
Merge version_2 into main
2026-03-27 11:04:18 +00:00
cb6f1ea6d4 Update src/app/styles/variables.css 2026-03-27 11:04:15 +00:00
4f0bbf95fb Update src/app/page.tsx 2026-03-27 11:04:15 +00:00
2 changed files with 33 additions and 89 deletions

View File

@@ -29,17 +29,11 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Inicio", name: "Inicio", id: "hero"},
id: "hero",
},
{ {
name: "Servicios", name: "Servicios", id: "productos"},
id: "productos",
},
{ {
name: "Contacto", name: "Contacto", id: "contacto"},
id: "contacto",
},
]} ]}
brandName="ContablePro" brandName="ContablePro"
/> />
@@ -48,43 +42,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="ContablePro Panamá" title="ContablePro Panamá"
description="Servicios contables profesionales online. Contrata y paga tus trámites en minutos de forma segura y eficiente." description="Servicios contables profesionales online. Contrata y paga tus trámites en minutos de forma segura y eficiente."
leftCarouselItems={[ leftCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-elements_23-2147986573.jpg", imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-elements_23-2147986573.jpg", imageAlt: "professional accountant office"},
imageAlt: "professional accountant office",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/female-manager-looking-horizontal-greenscreen-mobile-phone-working-corporate-office-with-chroma-key-display-young-woman-analyzing-smartphone-screen-with-isolated-mockup_482257-63251.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-manager-looking-horizontal-greenscreen-mobile-phone-working-corporate-office-with-chroma-key-display-young-woman-analyzing-smartphone-screen-with-isolated-mockup_482257-63251.jpg", imageAlt: "digital accounting software interface"},
imageAlt: "digital accounting software interface",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-handsome-man-party-suit-holding-hands-heart-sighing-flattered-saying-thank-you-standing-grateful-white-background_1258-64655.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-pleased-handsome-man-party-suit-holding-hands-heart-sighing-flattered-saying-thank-you-standing-grateful-white-background_1258-64655.jpg", imageAlt: "business handshake successful"},
imageAlt: "business handshake successful",
},
]} ]}
rightCarouselItems={[ rightCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/view-multiple-skyscrapers-canary-wharf-district-london-united-kingdom_1268-25815.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-multiple-skyscrapers-canary-wharf-district-london-united-kingdom_1268-25815.jpg", imageAlt: "office building panama city"},
imageAlt: "office building panama city",
},
{ {
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-statistical-data-about-world_23-2148381982.jpg", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-statistical-data-about-world_23-2148381982.jpg", imageAlt: "data visualization charts"},
imageAlt: "data visualization charts",
},
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=beb5sp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=beb5sp", imageAlt: "business documents organized"},
imageAlt: "business documents organized",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Ver Servicios", text: "Ver Servicios", href: "#productos"},
href: "#productos",
},
]} ]}
/> />
</div> </div>
@@ -97,32 +76,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "renta", id: "renta", brand: "Contable", name: "Declaración de Renta", price: "$50", rating: 5,
brand: "Contable", reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/people-checking-bankbook-isolated-white-table_53876-14795.jpg"},
name: "Declaración de Renta",
price: "$50",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/people-checking-bankbook-isolated-white-table_53876-14795.jpg",
},
{ {
id: "aviso", id: "aviso", brand: "Contable", name: "Aviso de Operaciones", price: "$80", rating: 5,
brand: "Contable", reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/south-african-motor-vehicle-car-licence-document_181624-13958.jpg"},
name: "Aviso de Operaciones",
price: "$80",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/south-african-motor-vehicle-car-licence-document_181624-13958.jpg",
},
{ {
id: "fisco", id: "fisco", brand: "Contable", name: "Consultoría Fiscal", price: "$120", rating: 5,
brand: "Contable", reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/business-people-front-window_23-2147626543.jpg"},
name: "Consultoría Fiscal",
price: "$120",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/business-people-front-window_23-2147626543.jpg",
},
]} ]}
title="Nuestros Servicios" title="Nuestros Servicios"
description="Selecciona el servicio que necesitas para continuar con tu trámite contable." description="Selecciona el servicio que necesitas para continuar con tu trámite contable."
@@ -137,19 +98,13 @@ export default function LandingPage() {
features={[ features={[
{ {
icon: CheckCircle, icon: CheckCircle,
title: "Rapidez", title: "Rapidez", description: "Gestión de trámites en línea 100% digital."},
description: "Gestión de trámites en línea 100% digital.",
},
{ {
icon: Shield, icon: Shield,
title: "Seguridad", title: "Seguridad", description: "Tus datos financieros protegidos con altos estándares."},
description: "Tus datos financieros protegidos con altos estándares.",
},
{ {
icon: Zap, icon: Zap,
title: "Eficiencia", title: "Eficiencia", description: "Resultados profesionales sin esperas innecesarias."},
description: "Resultados profesionales sin esperas innecesarias.",
},
]} ]}
title="Por qué elegirnos" title="Por qué elegirnos"
description="Contamos con la experiencia y tecnología para simplificar tu vida financiera en Panamá." description="Contamos con la experiencia y tecnología para simplificar tu vida financiera en Panamá."
@@ -160,8 +115,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Contacto" tag="Contacto"
title="¿Necesitas ayuda personalizada?" title="¿Necesitas ayuda personalizada?"
description="Déjanos tu correo y un asesor se pondrá en contacto contigo a la brevedad." description="Déjanos tu correo y un asesor se pondrá en contacto contigo a la brevedad."
@@ -179,29 +133,19 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-vector/gradient-accounting-logo_23-2148837587.jpg" imageSrc="http://img.b2bpic.net/free-vector/gradient-accounting-logo_23-2148837587.jpg"
columns={[ columns={[
{ {
title: "Servicios", title: "Servicios", items: [
items: [
{ {
label: "Declaración de Renta", label: "Declaración de Renta", href: "#"},
href: "#",
},
{ {
label: "Aviso de Operaciones", label: "Aviso de Operaciones", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Empresa", title: "Empresa", items: [
items: [
{ {
label: "Sobre Nosotros", label: "Sobre Nosotros", href: "#"},
href: "#",
},
{ {
label: "Contacto", label: "Contacto", href: "#"},
href: "#",
},
], ],
}, },
]} ]}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #f5faff; --background: #ffffff;
--card: #f1f8ff; --card: #f9f9f9;
--foreground: #001122; --foreground: #000612e6;
--primary-cta: #15479c; --primary-cta: #15479c;
--primary-cta-text: #f5faff; --primary-cta-text: #f5faff;
--secondary-cta: #ffffff; --secondary-cta: #f9f9f9;
--secondary-cta-text: #001122; --secondary-cta-text: #001122;
--accent: #a8cce8; --accent: #e2e2e2;
--background-accent: #7ba3cf; --background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);