Merge version_2 into main #1
235
src/app/page.tsx
235
src/app/page.tsx
@@ -5,164 +5,129 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import { Sparkles, Bot, Target, Zap, BarChart3, CheckCircle, Clock3, BrainCircuit, Rocket, Headphones, FileText, BarChart, Settings, Award, Users } from "lucide-react";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Sparkles, Bot, Zap, Award, Users, Clock3, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function WebAgency2Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
sizing="mediumLarge"
|
||||
background="fluid"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="AI Business Automation"
|
||||
navItems={[
|
||||
{ name: "Webs", id: "webs" },
|
||||
{ name: "Marketing", id: "marketing" },
|
||||
{ name: "Servicios", id: "servicios" },
|
||||
{ name: "IA", id: "ia" },
|
||||
{ name: "Resultados", id: "resultados" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Consulta Gratis", href: "#contact" }}
|
||||
/>
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Automatiza y Escala tu Negocio"
|
||||
description="Creamos sitios web profesionales en menos de 2 semanas usando IA. Soluciones inteligentes para que tu empresa crezca más rápido con menos esfuerzo."
|
||||
tag="Resultados en 90 días"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "Empezar Proyecto", href: "#contact" },
|
||||
{ text: "Ver Servicios", href: "#servicios" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-financial-growth-report_482257-77710.jpg", imageAlt: "Diseño Web Moderno" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-hanging-out-with-robot_23-2151112135.jpg", imageAlt: "Agentes Inteligentes" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-colorful-arrows_1134-381.jpg", imageAlt: "Marketing ROI" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-psd/podcast-landing-page_23-2148879342.jpg", imageAlt: "Landing Page Conversión" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139245.jpg", imageAlt: "Automatización de Procesos" },
|
||||
]}
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
<FeatureBento
|
||||
title="Servicios Core"
|
||||
description="Tecnología aplicada al crecimiento empresarial."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Webs Personalizadas", description: "Diseño moderno y desarrollo rápido con IA. Sitios optimizados para convertir.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-15994.jpg", imageAlt: "Corporate Site" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/modern-landing-page-with-abstract-design_23-2147999234.jpg", imageAlt: "Landing Page" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg", imageAlt: "Portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Marketing & SEO", description: "Estrategias de tráfico cualificado, Ads y optimización SEO técnica.", bentoComponent: "line-chart"},
|
||||
{
|
||||
title: "IA & Automatizaciones", description: "Agentes, Chatbots 24/7 y automatización de procesos financieros y ventas.", bentoComponent: "chat", aiIcon: Bot,
|
||||
userIcon: Users,
|
||||
exchanges: [
|
||||
{ userMessage: "¿Cómo automatizar ventas?", aiResponse: "Desplegamos un Sales Agent para calificar leads 24/7." },
|
||||
{ userMessage: "¿Ahorro de tiempo?", aiResponse: "Promedio de 40+ horas ahorradas a la semana." }
|
||||
],
|
||||
placeholder: "¿Cómo puedo ayudarte hoy?"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
<MetricCardOne
|
||||
title="Impacto Garantizado"
|
||||
description="Nuestros resultados hablan por sí mismos."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "turnaround", value: "14 días", title: "Entrega", description: "Tiempo medio de lanzamiento", icon: Clock3 },
|
||||
{ id: "satisfaction", value: "98%", title: "Satisfacción", description: "Clientes felices con nuestros procesos", icon: Award },
|
||||
{ id: "efficiency", value: "40h+", title: "Ahorro", description: "Horas ahorradas por semana con IA", icon: Zap },
|
||||
]}
|
||||
/>
|
||||
<FeatureCardSixteen
|
||||
title="¿Por qué trabajar con nosotros?"
|
||||
description="Enfoque moderno, directo y orientado a resultados para SMEs."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Costes ocultos innecesarios", "Procesos lentos y desactualizados", "Falta de enfoque en la conversión", "Diseños genéricos sin personalidad", "Soporte técnico ausente"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Transparencia total en precios", "Metodología ágil en 5 pasos", "Diseño orientado a la conversión", "Uso avanzado de componentes IA", "Soporte cercano y continuo"],
|
||||
}}
|
||||
/>
|
||||
<FaqBase
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber sobre nuestra metodología."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "¿Cuánto tarda el desarrollo web?", content: "Entregamos tu sitio web profesional en un plazo inferior a 2 semanas gracias a nuestros flujos de IA." },
|
||||
{ id: "2", title: "¿Qué impacto tiene la automatización?", content: "Reduces hasta un 65% de errores y respondes 3 veces más rápido a tus clientes." },
|
||||
{ id: "3", title: "¿Qué tipo de servicios de marketing ofrecéis?", content: "Cubrimos SEO técnico, contenido, Google Ads, y publicidad en Redes Sociales (Instagram, LinkedIn, etc.)." },
|
||||
{ id: "4", title: "¿Ofrecéis soporte constante?", content: "Sí, trabajamos mediante colaboraciones continuas para asegurar que tu sistema de automatización y marketing crezca mensualmente." },
|
||||
]}
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="Empezar Ahora"
|
||||
title="¿Listo para automatizar tu negocio?"
|
||||
description="Respuesta en menos de 24h. Solicita tu consulta gratuita de 30 minutos."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[
|
||||
{ text: "Quiero una Web", href: "#contact" },
|
||||
{ text: "Quiero Automatizar", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FooterBase
|
||||
<div id="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Automatiza y Escala tu Negocio"
|
||||
description="Creamos sitios web profesionales de alto impacto en menos de 2 semanas usando IA. Soluciones inteligentes para que tu empresa crezca más rápido con menos esfuerzo y mayor rentabilidad."
|
||||
tag="Resultados comprobados en 90 días"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="blur-reveal"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "Empezar Proyecto", href: "#contact" },
|
||||
{ text: "Ver Servicios", href: "#servicios" },
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-analyzing-financial-growth-report_482257-77710.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-hanging-out-with-robot_23-2151112135.jpg" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-psd/podcast-landing-page_23-2148879342.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="servicios">
|
||||
<FeatureBento
|
||||
title="Nuestra suite tecnológica"
|
||||
description="Potenciamos tu operativa diaria mediante herramientas avanzadas de automatización y diseño digital."
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Sparkles, title: "Webs de IA", description: "Sitios web dinámicos, rápidos y optimizados para el usuario final." },
|
||||
{ icon: Bot, title: "Agentes 24/7", description: "IA que califica leads y gestiona clientes sin descanso." },
|
||||
{ icon: Zap, title: "Optimización ROI", description: "Estrategias de marketing basadas en datos para maximizar beneficios." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="resultados">
|
||||
<MetricCardEleven
|
||||
title="Impacto Garantizado"
|
||||
description="Transformación digital tangible desde el primer mes."
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "time", value: "14 días", title: "Entrega Rápida", description: "Time-to-market optimizado", videoSrc: "" },
|
||||
{ id: "sat", value: "98%", title: "Satisfacción", description: "Tasa de éxito en implementaciones", videoSrc: "" },
|
||||
{ id: "save", value: "40h+", title: "Ahorro Tiempo", description: "Automatización de tareas repetitivas", videoSrc: "" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonio">
|
||||
<TestimonialCardThirteen
|
||||
title="Historias de Éxito"
|
||||
description="Empresarios como tú ya han escalado sus negocios con nosotros."
|
||||
showRating={true}
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ana García", handle: "@anagarcia", testimonial: "La automatización cambió por completo mi flujo de ventas. Increíble.", rating: 5 },
|
||||
{ id: "2", name: "Carlos Ruiz", handle: "@cruiz", testimonial: "Diseño web impecable y entrega en tiempo récord. Altamente recomendado.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq">
|
||||
<FaqSplitText
|
||||
sideTitle="¿Tienes dudas?"
|
||||
sideDescription="Resolvemos tus preguntas sobre automatización."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "¿Qué garantiza el impacto?", content: "Nuestro proceso utiliza flujos de trabajo validados por IA que reducen el margen de error operativo casi a cero." },
|
||||
{ id: "f2", title: "¿Es escalable?", content: "Todas nuestras soluciones están diseñadas para crecer contigo sin necesidad de cambios estructurales mayores." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact">
|
||||
<ContactText
|
||||
text="Estamos listos para llevar tu negocio al siguiente nivel."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[{ text: "Empezar ahora", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
<FooterMedia
|
||||
logoText="AI Business Automation"
|
||||
copyrightText="© 2025 | Alejandro Salido Jiménez"
|
||||
columns={[
|
||||
{
|
||||
title: "Servicios", items: [
|
||||
{ label: "Custom Websites", href: "/services/custom-websites" },
|
||||
{ label: "Marketing & SEO", href: "/services/marketing-seo" },
|
||||
{ label: "IA Automations", href: "/services/ai-automations" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Empresa", items: [
|
||||
{ label: "Contacto", href: "/contact" },
|
||||
{ label: "Privacidad", href: "/privacy" },
|
||||
{ label: "Legal", href: "/legal-notice" },
|
||||
],
|
||||
},
|
||||
{ title: "Servicios", items: [{ label: "Webs", href: "#" }, { label: "Marketing", href: "#" }] },
|
||||
{ title: "Compañía", items: [{ label: "Contacto", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user