Update src/app/page.tsx
This commit is contained in:
285
src/app/page.tsx
285
src/app/page.tsx
@@ -2,172 +2,155 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Inicio", id: "/" },
|
||||
{ name: "Servicios", id: "/services" },
|
||||
{ name: "Dashboard", id: "/dashboard" },
|
||||
{ name: "Proceso", id: "/process" },
|
||||
{ name: "Diagnóstico", id: "/diagnosis" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="fluid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="large"
|
||||
background="fluid"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio", id: "/"},
|
||||
{
|
||||
name: "Servicios", id: "/services"},
|
||||
{
|
||||
name: "Dashboard", id: "/dashboard"},
|
||||
{
|
||||
name: "Proceso", id: "/process"},
|
||||
{
|
||||
name: "Diagnóstico", id: "/diagnosis"},
|
||||
]}
|
||||
brandName="GrowthCore Digital"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={navItems}
|
||||
brandName="GrowthCore Digital"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="GrowthCore Digital"
|
||||
description="Datos que transforman negocios reales"
|
||||
buttons={[
|
||||
{
|
||||
text: "Diagnóstico gratuito", href: "/diagnosis"},
|
||||
{
|
||||
text: "Ver demo en vivo", href: "/dashboard"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-particle-flow-background-with-cyber-dots_1048-12440.jpg", imageAlt: "Abstract background representing data flow and digital growth"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-cyber-particles_1048-12206.jpg", imageAlt: "3D futuristic background with flowing cyber particles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-rainbow-abstract-flowing-particles_1048-13584.jpg", imageAlt: "3D render of rainbow abstract flowing particles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-flowing-particles_1048-18065.jpg", imageAlt: "3D data technology background with flowing particles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-crystal-background_1017-3751.jpg", imageAlt: "Orange crystal background"},
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="GrowthCore Digital"
|
||||
description="Transforma tu negocio con inteligencia artificial. Automatiza, analiza y crece como nunca antes."
|
||||
buttons={[
|
||||
{ text: "Explorar soluciones", href: "#features-home" },
|
||||
{ text: "Agendar demo", href: "#contact" }
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://images.unsplash.com/photo-1542744095-291d1f67b221?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Digital transformation concept"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://images.unsplash.com/photo-1497215728101-856f4ea42174?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Modern office workspace"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://images.unsplash.com/photo-1550009158-9ebf69f2d1e6?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Data analysis on a laptop"
|
||||
}
|
||||
]}
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Por Coral Analytics & Strategy"
|
||||
description="Convertimos empresas tradicionales en negocios inteligentes mediante análisis de datos, forecasting y tecnología digital de primer nivel. Nuestro enfoque es medible y centrado en resultados reales."
|
||||
metrics={[
|
||||
{
|
||||
value: "23X", title: "Más clientes"},
|
||||
{
|
||||
value: "94%", title: "Precisión IA"},
|
||||
{
|
||||
value: "21D", title: "Primeros resultados"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Sobre GrowthCore Digital"
|
||||
description="Impulsamos tu negocio con soluciones de IA personalizadas, desde automatización hasta análisis predictivo. Nuestro enfoque es maximizar tu eficiencia y rentabilidad."
|
||||
metrics={[
|
||||
{ value: "+5", title: "Años de experiencia" },
|
||||
{ value: "+100", title: "Proyectos exitosos" },
|
||||
{ value: "X%", title: "Incremento promedio en ROI" }
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="https://images.unsplash.com/photo-1573496359142-b8d8773400a4?q=80&w=2069&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
||||
imageAlt="Team collaborating on AI solutions"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof-home" data-section="social-proof-home">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"McKinsey", "Gartner", "Harvard Business Review"]}
|
||||
title="Impulsado por Datos"
|
||||
description='"Las empresas que usan datos tienen 23 veces más probabilidad de crecer que sus competidores" — McKinsey 2024'
|
||||
speed={40}
|
||||
showCard={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof-home" data-section="social-proof-home">
|
||||
<SocialProofOne
|
||||
title="Nuestros clientes confían en nosotros"
|
||||
description="Hemos colaborado con empresas de diversos sectores, ayudándolas a alcanzar sus objetivos de crecimiento."
|
||||
names={[
|
||||
"TechInnovate Solutions", "Global Ventures Inc.", "Creative Minds Agency", "Phoenix Logistics", "Innovate Labs", "Digital Edge Corp.", "Quantum Systems", "FutureTech Innovations", "Pinnacle Brands", "Synergy Dynamics"
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
showCard={true}
|
||||
speed={60}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features-home" data-section="features-home">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Estrategia en días, no meses", description: "Diagnóstico en 48 horas y tu primera estrategia activa en menos de tres semanas.", phoneOne: {
|
||||
imageAlt: "Estrategia rápida"},
|
||||
phoneTwo: {
|
||||
imageAlt: "Resultados en días"}
|
||||
},
|
||||
{
|
||||
title: "Dashboard exclusivo en vivo", description: "Panel privado con 11 secciones: ventas, forecast, competencia, IA y más, actualizado en tiempo real.", phoneOne: {
|
||||
imageAlt: "Dashboard exclusivo"},
|
||||
phoneTwo: {
|
||||
imageAlt: "Datos en vivo"}
|
||||
},
|
||||
{
|
||||
title: "Tecnología de primer nivel", description: "Webs y apps profesionales que posicionan tu marca y trabajan por ti 24/7, garantizando tu crecimiento digital.", phoneOne: {
|
||||
imageAlt: "Tecnología de élite"},
|
||||
phoneTwo: {
|
||||
imageAlt: "Plataformas digitales"}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="¿Por qué GrowthCore?"
|
||||
description="Nuestro compromiso se basa en la velocidad, la precisión y la tecnología de vanguardia para tu negocio."
|
||||
/>
|
||||
</div>
|
||||
<div id="features-home" data-section="features-home">
|
||||
<FeatureCardNine
|
||||
showStepNumbers={true}
|
||||
title="Cómo trabajamos contigo"
|
||||
description="Nuestro proceso simplificado garantiza resultados impactantes y una integración fluida de la IA en tu operación."
|
||||
features={[
|
||||
{
|
||||
title: "Diagnóstico inicial", description: "Comprendemos tus necesidades y desafíos específicos para diseñar la estrategia de IA más efectiva.", phoneOne: { imageSrc: "https://images.unsplash.com/photo-1549692520-acc6669e2f95?q=80&w=1866&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Phone showing a diagnostic app" },
|
||||
phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1549692520-acc6669e2f95?q=80&w=1866&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Phone showing data analysis" }
|
||||
},
|
||||
{
|
||||
title: "Diseño e implementación", description: "Desarrollamos e implementamos soluciones de IA personalizadas, integrándolas sin problemas en tus sistemas existentes.", phoneOne: { imageSrc: "https://images.unsplash.com/photo-1549692520-acc6669e2f95?q=80&w=1866&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Phone showing a design interface" },
|
||||
phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1549692520-acc6669e2f95?q=80&w=1866&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Phone showing integration" }
|
||||
},
|
||||
{
|
||||
title: "Optimización continua", description: "Monitoreamos y ajustamos las soluciones para asegurar un rendimiento óptimo y resultados a largo plazo.", phoneOne: { imageSrc: "https://images.unsplash.com/photo-1549692520-acc6669e2f95?q=80&w=1866&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Phone showing performance metrics" },
|
||||
phoneTwo: { imageSrc: "https://images.unsplash.com/photo-1549692520-acc6669e2f95?q=80&w=1866&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Phone showing optimization process" }
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Contacto"
|
||||
title="Transforma tu negocio con datos"
|
||||
description="¿Listo para ver tu crecimiento real? Agenda una llamada de diagnóstico gratuito."
|
||||
buttons={[{ text: "Agenda tu diagnóstico", href: "/diagnosis" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Contacto"
|
||||
title="¿Listo para transformar tu negocio?"
|
||||
description="Contáctanos hoy mismo para explorar cómo la IA puede impulsar tu crecimiento y eficiencia."
|
||||
buttons={[
|
||||
{ text: "Agendar una consulta", href: "/diagnosis" }
|
||||
]}
|
||||
buttonAnimation="shift-hover"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="GrowthCore Digital"
|
||||
columns={[
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "contacto@growthcore.digital", href: "mailto:contacto@growthcore.digital"},
|
||||
{
|
||||
label: "LinkedIn", href: "https://linkedin.com/company/growthcoredigital"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "Política de Privacidad", href: "#privacy-policy"},
|
||||
{
|
||||
label: "Términos de Servicio", href: "#terms-of-service"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 GrowthCore Digital · Todos los derechos reservados"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="GrowthCore Digital"
|
||||
columns={[
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{ label: "contacto@growthcore.digital", href: "mailto:contacto@growthcore.digital" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/growthcoredigital" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Empresa", items: [
|
||||
{ label: "Política de Privacidad", href: "#privacy-policy" },
|
||||
{ label: "Términos de Servicio", href: "#terms-of-service" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 GrowthCore Digital · Todos los derechos reservados"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user