bender/515201f6-955b-4105-b9ba-3009fb4dff19
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-02 22:22:32 +00:00
parent b3d0f24779
commit cab0717cb4
1 changed files with 45 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

311
src/app/page.tsx
View File

@@ -2,17 +2,17 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, CheckCircle, Zap } from "lucide-react";
import { Award, CheckCircle, Zap, Instagram, Linkedin, Twitter } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Servicios",
id: "features",
},
{
name: "Testimonios",
id: "testimonials",
},
{
name: "Contacto",
id: "contact",
},
{ name: "Inicio", id: "hero" },
{ name: "Servicios", id: "features" },
{ name: "Testimonios", id: "testimonials" },
{ name: "Contacto", id: "contact" },
]}
brandName="Jolux"
/>
@@ -55,64 +43,19 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Soluciones Digitales de Alto Impacto"
description="Desarrollamos experiencias web modernas, escalables y orientadas a resultados para empresas que buscan liderar el mercado actual."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149286124.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-male-designer-using-graphics-tablet-while-working-with-com_158595-1133.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/caucasian-male-entrepreneur-holds-clipboard_482257-121175.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/solar-panel-industry-expert-stands-high-tech-facility-inspection_482257-126036.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149286124.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/young-male-designer-using-graphics-tablet-while-working-with-com_158595-1133.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/caucasian-male-entrepreneur-holds-clipboard_482257-121175.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg", alt: "Client 5" },
]}
buttons={[
{
text: "Ver Proyectos",
href: "#features",
},
{
text: "Contacto",
href: "#contact",
},
]}
marqueeItems={[
{
type: "text",
text: "React.js",
},
{
type: "text",
text: "Node.js",
},
{
type: "text",
text: "Cloud Native",
},
{
type: "text",
text: "TypeScript",
},
{
type: "text",
text: "UI/UX Design",
},
{ text: "Ver Proyectos", href: "#features" },
{ text: "Contacto", href: "#contact" },
]}
/>
</div>
@@ -121,15 +64,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Diseño y Tecnología al servicio de su Marca",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/crop-hands-browsing-laptops_23-2147808009.jpg",
alt: "Nuestro equipo trabajando",
},
{ type: "text", content: "Diseño y Tecnología al servicio de su Marca" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/crop-hands-browsing-laptops_23-2147808009.jpg", alt: "Nuestro equipo trabajando" },
]}
/>
</div>
@@ -140,33 +76,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Desarrollo Web a Medida",
descriptions: [
"Interfaces personalizadas para cada necesidad específica.",
"Arquitectura robusta orientada a alto rendimiento.",
],
imageSrc: "http://img.b2bpic.net/free-photo/programming-language-workplace_1134-65.jpg",
},
{
id: "f2",
title: "Diseño UI/UX Moderno",
descriptions: [
"Enfoque centrado en el usuario para máxima conversión.",
"Diseños que comunican identidad y valor.",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729042.jpg",
},
{
id: "f3",
title: "Optimización Performance",
descriptions: [
"Sitios web ultrarrápidos listos para el escalado.",
"SEO técnico integrado desde la primera línea.",
],
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104496.jpg",
},
{ id: "f1", title: "Desarrollo Web a Medida", descriptions: ["Interfaces personalizadas para cada necesidad específica.", "Arquitectura robusta orientada a alto rendimiento."], imageSrc: "http://img.b2bpic.net/free-photo/programming-language-workplace_1134-65.jpg" },
{ id: "f2", title: "Diseño UI/UX Moderno", descriptions: ["Enfoque centrado en el usuario para máxima conversión.", "Diseños que comunican identidad y valor."], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-customizing-avatar-concept_23-2150729042.jpg" },
{ id: "f3", title: "Optimización Performance", descriptions: ["Sitios web ultrarrápidos listos para el escalado.", "SEO técnico integrado desde la primera línea."], imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104496.jpg" },
]}
title="Nuestras Capacidades"
description="Potenciamos su presencia digital con tecnología de vanguardia."
@@ -179,24 +91,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: CheckCircle,
title: "Proyectos Completados",
value: "150+",
},
{
id: "m2",
icon: Zap,
title: "Incremento Velocidad",
value: "200%",
},
{
id: "m3",
icon: Award,
title: "Satisfacción Cliente",
value: "99%",
},
{ id: "m1", icon: CheckCircle, title: "Proyectos Completados", value: "150+" },
{ id: "m2", icon: Zap, title: "Incremento Velocidad", value: "200%" },
{ id: "m3", icon: Award, title: "Satisfacción Cliente", value: "99%" },
]}
title="Resultados Comprobables"
description="La innovación constante es nuestra mejor métrica de éxito."
@@ -210,46 +107,9 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Juan Pérez",
role: "Fundador",
company: "EcoTech",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/company-entrepreneur-preparing-product-launch-strategy-laptop_482257-79024.jpg",
},
{
id: "2",
name: "Ana García",
role: "Gerente",
company: "ModaCity",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg",
},
{
id: "3",
name: "Luis Soto",
role: "Director",
company: "Soluciones IT",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-eyeglasses-using-tablet-computer_171337-13017.jpg",
},
{
id: "4",
name: "Elena Ruiz",
role: "Socia",
company: "Logística Global",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-stylish-businesswoman-with-laptop-dreamily-looking-away-city-street_574295-4044.jpg",
},
{
id: "5",
name: "Carlos Mora",
role: "CTO",
company: "VentaDirecta",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg",
},
{ id: "1", name: "Juan Pérez", role: "Fundador", company: "EcoTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/company-entrepreneur-preparing-product-launch-strategy-laptop_482257-79024.jpg" },
{ id: "2", name: "Ana García", role: "Gerente", company: "ModaCity", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg" },
{ id: "3", name: "Luis Soto", role: "Director", company: "Soluciones IT", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-eyeglasses-using-tablet-computer_171337-13017.jpg" },
]}
title="Lo que dicen nuestros socios"
description="Historias de éxito impulsadas por tecnología JOLUX."
@@ -261,21 +121,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "¿Cuáles son sus tiempos de entrega?",
content: "Entregamos MVP funcionales en menos de 4 semanas dependiendo de la complejidad.",
},
{
id: "q2",
title: "¿Ofrecen soporte técnico?",
content: "Sí, brindamos mantenimiento continuo y optimizaciones mensuales post-lanzamiento.",
},
{
id: "q3",
title: "¿Cómo trabajamos?",
content: "Utilizamos metodologías ágiles para asegurar transparencia y entregas constantes.",
},
{ id: "q1", title: "¿Cuáles son sus tiempos de entrega?", content: "Entregamos MVP funcionales en menos de 4 semanas dependiendo de la complejidad." },
{ id: "q2", title: "¿Ofrecen soporte técnico?", content: "Sí, brindamos mantenimiento continuo y optimizaciones mensuales post-lanzamiento." },
]}
title="Preguntas frecuentes"
description="Claridad y confianza desde el primer día."
@@ -284,108 +131,40 @@ export default function LandingPage() {
</div>
<div id="blog" data-section="blog">
<BlogCardTwo
<BlogCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Insights & Tendencias"
description="Lo último en desarrollo web y tecnología."
blogs={[
{
id: "b1",
category: "Tech",
title: "El Futuro del Web Development",
excerpt: "Cómo las nuevas tecnologías están cambiando las reglas.",
imageSrc: "http://img.b2bpic.net/free-photo/cloud-database-storage-concept-cloudscape-digital-online-server-global-network-web-database-backup-computer-infrastructure-technology_90220-1331.jpg",
authorName: "Jolux Team",
authorAvatar: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg",
date: "Oct 20, 2023",
},
{
id: "b2",
category: "Design",
title: "Tendencias UI/UX 2024",
excerpt: "Lo que los usuarios realmente esperan de su web.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg",
authorName: "Jolux Team",
authorAvatar: "http://img.b2bpic.net/free-photo/confident-young-businessman-standing-front-wooden-table-with-his-arm-crossed_23-2148087133.jpg",
date: "Nov 15, 2023",
},
{
id: "b3",
category: "Dev",
title: "Performance y Conversión",
excerpt: "Por qué la velocidad es el factor número uno de venta.",
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201858.jpg",
authorName: "Jolux Team",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-woman_23-2148778279.jpg",
date: "Dec 05, 2023",
},
{ id: "b1", category: "Tech", title: "El Futuro del Web Development", excerpt: "Cómo las nuevas tecnologías están cambiando las reglas.", imageSrc: "http://img.b2bpic.net/free-photo/cloud-database-storage-concept-cloudscape-digital-online-server-global-network-web-database-backup-computer-infrastructure-technology_90220-1331.jpg", authorName: "Jolux Team", authorAvatar: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg", date: "Oct 20, 2023" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Comencemos su transformación digital hoy."
buttons={[
{
text: "Enviar Correo",
href: "mailto:hello@jolux.com",
},
<ContactSplitForm
title="Comencemos su transformación digital hoy."
description="Cuéntenos sobre su proyecto y nos pondremos en contacto."
inputs={[
{ name: "name", type: "text", placeholder: "Nombre" },
{ name: "email", type: "email", placeholder: "Email" },
]}
textarea={{ name: "message", placeholder: "Mensaje", rows: 4 }}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
<FooterCard
logoText="Jolux"
columns={[
{
title: "Empresa",
items: [
{
label: "Sobre Nosotros",
href: "#about",
},
{
label: "Blog",
href: "#blog",
},
],
},
{
title: "Servicios",
items: [
{
label: "Desarrollo",
href: "#features",
},
{
label: "UI/UX",
href: "#features",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacidad",
href: "#",
},
{
label: "Términos",
href: "#",
},
],
},
]}
copyrightText="© 2024 Jolux Web Development."
socialLinks={[
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
]}
/>
</div>
</ReactLenis>