Merge version_1 into main #1
219
src/app/page.tsx
219
src/app/page.tsx
@@ -33,100 +33,63 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
name: "Nosotros", id: "about"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "services",
|
||||
},
|
||||
name: "Servicios", id: "services"},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonios", id: "testimonials"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="DAF"
|
||||
button={{
|
||||
text: "Cotiza tu página",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Cotiza tu página", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Páginas web que hacen crecer tu negocio"
|
||||
description="Diseño web profesional y rápido para negocios que quieren destacar en internet y vender más. Sin complicaciones, solo resultados."
|
||||
buttons={[
|
||||
{
|
||||
text: "Cotiza tu página",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Cotiza tu página", href: "#contact"},
|
||||
{
|
||||
text: "Ver servicios",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Ver servicios", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/upset-programmer-annoyed-by-computer-bugs-while-coding-it-startup-office_482257-125912.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businessman-glasses-looking-satisfied-smiling-holding-hands-waist-standing-w_1258-113634.jpg",
|
||||
alt: "Client success 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-businessman-glasses-looking-satisfied-smiling-holding-hands-waist-standing-w_1258-113634.jpg", alt: "Client success 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-african-american-businessman-wearing-tie-glasses-isolated-white-background-relaxed-with-serious-expression-face-simple-natural-looking-camera_839833-17856.jpg",
|
||||
alt: "Client success 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-african-american-businessman-wearing-tie-glasses-isolated-white-background-relaxed-with-serious-expression-face-simple-natural-looking-camera_839833-17856.jpg", alt: "Client success 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",
|
||||
alt: "Client success 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg", alt: "Client success 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-127188.jpg",
|
||||
alt: "Client success 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-business-woman-with-enthusiastic-face-expression-smiling-looking-confident-standing-s_1258-127188.jpg", alt: "Client success 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
|
||||
alt: "Client success 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg", alt: "Client success 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "SEO Optimizado",
|
||||
icon: Search,
|
||||
type: "text-icon", text: "SEO Optimizado", icon: Search,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Diseño Responsive",
|
||||
icon: Smartphone,
|
||||
type: "text-icon", text: "Diseño Responsive", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hosting Incluido",
|
||||
icon: Server,
|
||||
type: "text-icon", text: "Hosting Incluido", icon: Server,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Seguridad SSL",
|
||||
icon: Lock,
|
||||
type: "text-icon", text: "Seguridad SSL", icon: Lock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Soporte Técnico",
|
||||
icon: Headphones,
|
||||
type: "text-icon", text: "Soporte Técnico", icon: Headphones,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -139,19 +102,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Lightbulb,
|
||||
label: "Proyectos lanzados",
|
||||
value: "150+",
|
||||
},
|
||||
label: "Proyectos lanzados", value: "150+"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Velocidad media",
|
||||
value: "2s",
|
||||
},
|
||||
label: "Velocidad media", value: "2s"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Satisfacción",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Satisfacción", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -161,22 +118,17 @@ export default function LandingPage() {
|
||||
<FeatureBorderGlow
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "100% Adaptable",
|
||||
description: "Tu sitio lucirá perfecto en móviles, tablets y computadoras.",
|
||||
},
|
||||
title: "100% Adaptable", description: "Tu sitio lucirá perfecto en móviles, tablets y computadoras."},
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "Carga Ultrarrápida",
|
||||
description: "Optimizamos cada detalle para que tus clientes no esperen.",
|
||||
},
|
||||
title: "Carga Ultrarrápida", description: "Optimizamos cada detalle para que tus clientes no esperen."},
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Seguridad Total",
|
||||
description: "Protegemos tus datos y los de tus clientes con certificados SSL.",
|
||||
},
|
||||
title: "Seguridad Total", description: "Protegemos tus datos y los de tus clientes con certificados SSL."},
|
||||
]}
|
||||
title="Por qué elegir DAF"
|
||||
description="Nos enfocamos en lo que realmente importa para tu negocio: conversiones, velocidad y un diseño impecable."
|
||||
@@ -191,41 +143,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tienda Online",
|
||||
price: "$9,000 MXN",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grocery-retail-shop-provide-variety-supply_53876-124027.jpg",
|
||||
},
|
||||
id: "1", name: "Tienda Online", price: "$9,000 MXN", imageSrc: "http://img.b2bpic.net/free-photo/grocery-retail-shop-provide-variety-supply_53876-124027.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Landing Page",
|
||||
price: "$4,000 MXN",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg",
|
||||
},
|
||||
id: "2", name: "Landing Page", price: "$4,000 MXN", imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sitio Profesional",
|
||||
price: "$7,500 MXN",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-job-resume-landing-page-template_23-2150310772.jpg",
|
||||
},
|
||||
id: "3", name: "Sitio Profesional", price: "$7,500 MXN", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-job-resume-landing-page-template_23-2150310772.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Portal Médico",
|
||||
price: "$8,500 MXN",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg",
|
||||
},
|
||||
id: "4", name: "Portal Médico", price: "$8,500 MXN", imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Inmobiliaria",
|
||||
price: "$9,500 MXN",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-138587.jpg",
|
||||
},
|
||||
id: "5", name: "Inmobiliaria", price: "$9,500 MXN", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-accommodation-property-investment-graphic-word_53876-138587.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Portal Educativo",
|
||||
price: "$12,000 MXN",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-e-learning-landing-page-template_23-2149496973.jpg",
|
||||
},
|
||||
id: "6", name: "Portal Educativo", price: "$12,000 MXN", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-e-learning-landing-page-template_23-2149496973.jpg"},
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Soluciones diseñadas para cada tipo de negocio."
|
||||
@@ -237,14 +165,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Retail Shop",
|
||||
"Tech Firm",
|
||||
"Local Services",
|
||||
"Global Enterprise",
|
||||
"Creative Studio",
|
||||
"E-commerce Start",
|
||||
"Digital Agency",
|
||||
]}
|
||||
"Retail Shop", "Tech Firm", "Local Services", "Global Enterprise", "Creative Studio", "E-commerce Start", "Digital Agency"]}
|
||||
title="Han confiado en nosotros"
|
||||
description="Empresas que ya escalaron su negocio con DAF."
|
||||
/>
|
||||
@@ -258,25 +179,15 @@ export default function LandingPage() {
|
||||
author="Laura Gómez, Emprendedora"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-european-man-glasses-suit-smiling-excited-looking-camera-with-amazed-happy-face-w_1258-154166.jpg",
|
||||
alt: "Laura Gómez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-european-man-glasses-suit-smiling-excited-looking-camera-with-amazed-happy-face-w_1258-154166.jpg", alt: "Laura Gómez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-suit-smiling-camera_23-2148317358.jpg",
|
||||
alt: "Maria R.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-suit-smiling-camera_23-2148317358.jpg", alt: "Maria R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
alt: "Juan C.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", alt: "Juan C."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-serious-man-black-shirt-standing-front-closed-door_23-2148164478.jpg",
|
||||
alt: "Carlos P.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-serious-man-black-shirt-standing-front-closed-door_23-2148164478.jpg", alt: "Carlos P."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Sofia M.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sofia M."},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -288,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Cuánto tiempo toma?",
|
||||
content: "Entregamos tu sitio en un promedio de 10 días hábiles.",
|
||||
},
|
||||
id: "1", title: "¿Cuánto tiempo toma?", content: "Entregamos tu sitio en un promedio de 10 días hábiles."},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿Qué incluye?",
|
||||
content: "Dominio, hosting por un año, diseño responsive y optimización SEO básica.",
|
||||
},
|
||||
id: "2", title: "¿Qué incluye?", content: "Dominio, hosting por un año, diseño responsive y optimización SEO básica."},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Cómo es el pago?",
|
||||
content: "50% de anticipo y el restante al finalizar la entrega.",
|
||||
},
|
||||
id: "3", title: "¿Cómo es el pago?", content: "50% de anticipo y el restante al finalizar la entrega."},
|
||||
]}
|
||||
sideTitle="Preguntas frecuentes"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -315,25 +217,14 @@ export default function LandingPage() {
|
||||
description="Estamos listos para hacer despegar tu proyecto. Cuéntanos qué necesitas."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Tu nombre",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Tu nombre"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Tu correo",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Tu correo"},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Tu teléfono",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Tu teléfono"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe tu proyecto brevemente",
|
||||
}}
|
||||
name: "message", placeholder: "Describe tu proyecto brevemente"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/keyboard-credit-card-notebook-mock-up_23-2148317911.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -344,29 +235,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Servicios",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Servicios", href: "#services"},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Nosotros", href: "#about"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacto", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user