Merge version_2 into main #2
108
src/app/page.tsx
108
src/app/page.tsx
@@ -5,10 +5,11 @@ import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { Cloud, Database, Globe, Globe2, Headphones, MapPin, MessageSquare, Palette, Search, User, Wallet, Zap } from "lucide-react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import { Cloud, Database, Globe, Globe2, Headphones, MapPin, MessageSquare, Palette, User, Wallet, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -52,37 +53,22 @@ export default function LandingPage() {
|
||||
text: "Ver servicios", href: "#servicios"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283226.jpg"
|
||||
imageSrc="https://images.unsplash.com/photo-1460925895917-afdab827c52f?q=80&w=2426&auto=format&fit=crop"
|
||||
imageAlt="Representación moderna de crecimiento digital"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-glasses_23-2148422106.jpg", alt: "Cliente satisfecho 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Cliente satisfecho 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg", alt: "Cliente satisfecho 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-smiling-girl-with-short-curly-hair-wireless-earphon_574295-3796.jpg", alt: "Cliente satisfecho 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", alt: "Cliente satisfecho 5"},
|
||||
{ src: "https://i.pravatar.cc/150?u=1", alt: "Cliente 1" },
|
||||
{ src: "https://i.pravatar.cc/150?u=2", alt: "Cliente 2" },
|
||||
{ src: "https://i.pravatar.cc/150?u=3", alt: "Cliente 3" },
|
||||
{ src: "https://i.pravatar.cc/150?u=4", alt: "Cliente 4" },
|
||||
{ src: "https://i.pravatar.cc/150?u=5", alt: "Cliente 5" },
|
||||
]}
|
||||
avatarText="Más de 50 marcas impulsadas"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "SEO Optimizado", icon: Search,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "IA Integrada", icon: Database,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Soporte 24/7", icon: Headphones,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Diseño UX/UI", icon: Palette,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Cloud Hosting", icon: Cloud,
|
||||
},
|
||||
{ type: "text-icon", text: "SEO Optimizado", icon: Search },
|
||||
{ type: "text-icon", text: "IA Integrada", icon: Database },
|
||||
{ type: "text-icon", text: "Soporte 24/7", icon: Headphones },
|
||||
{ type: "text-icon", text: "Diseño UX/UI", icon: Palette },
|
||||
{ type: "text-icon", text: "Cloud Hosting", icon: Cloud },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,18 +79,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Páginas Web Profesionales", description: "Landing pages y sitios web completos entregados en 7 días."},
|
||||
{
|
||||
icon: Globe2,
|
||||
title: "Recepcionista Digital 24/7", description: "Chatbot con IA que gestiona WhatsApp, Instagram y email automáticamente."},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
title: "Respuestas Instantáneas", description: "Configuración de respuestas automáticas en todos tus canales digitales."},
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Presencia en Google", description: "Optimización de Google Maps para que tus clientes locales te encuentren."},
|
||||
{ icon: Globe, title: "Páginas Web Profesionales", description: "Landing pages y sitios web completos entregados en 7 días." },
|
||||
{ icon: Globe2, title: "Recepcionista Digital 24/7", description: "Chatbot con IA que gestiona WhatsApp, Instagram y email automáticamente." },
|
||||
{ icon: MessageSquare, title: "Respuestas Instantáneas", description: "Configuración de respuestas automáticas en todos tus canales digitales." },
|
||||
{ icon: MapPin, title: "Presencia en Google", description: "Optimización de Google Maps para que tus clientes locales te encuentren." },
|
||||
]}
|
||||
title="Nuestros servicios"
|
||||
description="Soluciones digitales integrales diseñadas para hacer crecer tu marca y simplificar tus operaciones."
|
||||
@@ -116,15 +94,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="¿Por qué Avance Digital?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Entrega", value: "Rápida"},
|
||||
{
|
||||
icon: Wallet,
|
||||
label: "Precios", value: "Accesibles"},
|
||||
{
|
||||
icon: User,
|
||||
label: "Atención", value: "Personal"},
|
||||
{ icon: Zap, label: "Entrega", value: "Rápida" },
|
||||
{ icon: Wallet, label: "Precios", value: "Accesibles" },
|
||||
{ icon: User, label: "Atención", value: "Personal" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -136,36 +108,38 @@ export default function LandingPage() {
|
||||
title="¿Listo para que tu negocio avance?"
|
||||
description="Conversemos sobre tu proyecto y cómo podemos ayudarte a escalar."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Tu nombre", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Tu correo", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Tu nombre", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Tu correo", required: true },
|
||||
]}
|
||||
buttonText="WhatsApp"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-workspace-with-laptop-paper-clips_23-2148430814.jpg"
|
||||
buttonText="Enviar mensaje"
|
||||
imageSrc="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?q=80&w=2070&auto=format&fit=crop"
|
||||
imageAlt="Profesional trabajando en estrategia digital"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<ContactCTA
|
||||
tag="Escala ahora"
|
||||
title="Impulsa tu presencia digital"
|
||||
description="Agenda una consultoría gratuita hoy mismo y comencemos a optimizar tu negocio."
|
||||
buttons={[{ text: "Agendar Consulta", href: "https://wa.me/593XXXXXXXXX" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterBaseCard
|
||||
columns={[
|
||||
{
|
||||
title: "Avance Digital", items: [
|
||||
{
|
||||
label: "Servicios", href: "#servicios"},
|
||||
{
|
||||
label: "Nosotros", href: "#nosotros"},
|
||||
{
|
||||
label: "Contacto", href: "#contacto"},
|
||||
{ label: "Servicios", href: "#servicios" },
|
||||
{ label: "Nosotros", href: "#nosotros" },
|
||||
{ label: "Contacto", href: "#contacto" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "contacto@avancedigital.ec", href: "mailto:contacto@avancedigital.ec"},
|
||||
{ label: "contacto@avancedigital.ec", href: "mailto:contacto@avancedigital.ec" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -176,4 +150,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user