Merge version_1 into main #1
262
src/app/page.tsx
262
src/app/page.tsx
@@ -29,91 +29,46 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "services",
|
||||
},
|
||||
name: "Servicios", id: "services"},
|
||||
{
|
||||
name: "Proceso",
|
||||
id: "process",
|
||||
},
|
||||
name: "Proceso", id: "process"},
|
||||
{
|
||||
name: "Ejemplos",
|
||||
id: "examples",
|
||||
},
|
||||
name: "Ejemplos", id: "examples"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="AI Web Studio"
|
||||
button={{
|
||||
text: "Solicitar mi web ahora",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Solicitar mi web ahora", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Te creo una web profesional con IA en tiempo récord"
|
||||
description="Diseños modernos, rápidos y optimizados. Sin complicaciones."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-computer-peripherals-server-room-desk_482257-118044.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-computer-peripherals-server-room-desk_482257-118044.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg", alt: "Client 5" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Solicitar mi web ahora",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Solicitar mi web ahora", href: "#contact"},
|
||||
{
|
||||
text: "Ver ejemplos",
|
||||
href: "#examples",
|
||||
},
|
||||
text: "Ver ejemplos", href: "#examples"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Carga ultra rápida",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Optimización SEO",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Diseño Responsive",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "IA integrada",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Soporte 24/7",
|
||||
},
|
||||
{ type: "text", text: "Carga ultra rápida" },
|
||||
{ type: "text", text: "Optimización SEO" },
|
||||
{ type: "text", text: "Diseño Responsive" },
|
||||
{ type: "text", text: "IA integrada" },
|
||||
{ type: "text", text: "Soporte 24/7" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,35 +80,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Landing Page",
|
||||
author: "IA Powered",
|
||||
description: "Web de una sola página de alto impacto para convertir visitantes en clientes.",
|
||||
tags: [
|
||||
"Rapidez",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
|
||||
},
|
||||
id: "f1", title: "Landing Page", author: "IA Powered", description: "Web de una sola página de alto impacto para convertir visitantes en clientes.", tags: ["Rapidez"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Web Multi-página",
|
||||
author: "IA Powered",
|
||||
description: "Portafolios, tiendas online o webs corporativas completas.",
|
||||
tags: [
|
||||
"Versátil",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-software-developer-does-visual-coding-creating-software_482257-127024.jpg",
|
||||
},
|
||||
id: "f2", title: "Web Multi-página", author: "IA Powered", description: "Portafolios, tiendas online o webs corporativas completas.", tags: ["Versátil"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-software-developer-does-visual-coding-creating-software_482257-127024.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Web para Restaurantes",
|
||||
author: "IA Powered",
|
||||
description: "Menú online interactivo y sistema de reservas directo.",
|
||||
tags: [
|
||||
"Experiencia",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1170.jpg",
|
||||
},
|
||||
id: "f3", title: "Web para Restaurantes", author: "IA Powered", description: "Menú online interactivo y sistema de reservas directo.", tags: ["Experiencia"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-working-office_158595-1170.jpg"},
|
||||
]}
|
||||
title="Servicios Profesionales"
|
||||
description="Soluciones web de alta calidad adaptadas a tus necesidades."
|
||||
@@ -167,35 +101,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "1. Consulta",
|
||||
author: "Paso 1",
|
||||
description: "Tú me cuentas qué necesitas para tu proyecto.",
|
||||
tags: [
|
||||
"Comunicación",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-workplace-night-study-work-late-evening_169016-18177.jpg",
|
||||
},
|
||||
id: "p1", title: "1. Consulta", author: "Paso 1", description: "Tú me cuentas qué necesitas para tu proyecto.", tags: ["Comunicación"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-workplace-night-study-work-late-evening_169016-18177.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "2. Propuesta",
|
||||
author: "Paso 2",
|
||||
description: "Te hago una propuesta con precio cerrado.",
|
||||
tags: [
|
||||
"Transparencia",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
|
||||
},
|
||||
id: "p2", title: "2. Propuesta", author: "Paso 2", description: "Te hago una propuesta con precio cerrado.", tags: ["Transparencia"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "3. Creación IA",
|
||||
author: "Paso 3",
|
||||
description: "Te creo la web optimizada mediante tecnología IA.",
|
||||
tags: [
|
||||
"Tecnología",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
|
||||
},
|
||||
id: "p3", title: "3. Creación IA", author: "Paso 3", description: "Te creo la web optimizada mediante tecnología IA.", tags: ["Tecnología"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"},
|
||||
]}
|
||||
title="Proceso de Trabajo"
|
||||
description="De la idea a la realidad en 5 sencillos pasos."
|
||||
@@ -209,26 +122,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Laura M., Dueña de Restaurante"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/intercultural-economists_1098-14116.jpg",
|
||||
alt: "Laura",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg",
|
||||
alt: "Client B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
|
||||
alt: "Client C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
alt: "Client D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg",
|
||||
alt: "Client E",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/intercultural-economists_1098-14116.jpg", alt: "Laura" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg", alt: "Client B" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg", alt: "Client C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "Client D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg", alt: "Client E" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -237,46 +135,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="examples" data-section="examples">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "ex1",
|
||||
name: "Restaurante Gourmet",
|
||||
price: "Web Completa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-89765.jpg",
|
||||
},
|
||||
id: "ex1", name: "Restaurante Gourmet", price: "Web Completa", imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-89765.jpg"},
|
||||
{
|
||||
id: "ex2",
|
||||
name: "Tienda Boutique",
|
||||
price: "Tienda Online",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-tattooed-man-blank-white-t-shirt-works-his-computer-home-side-view-summer-time_346278-1821.jpg",
|
||||
},
|
||||
id: "ex2", name: "Tienda Boutique", price: "Tienda Online", imageSrc: "http://img.b2bpic.net/free-photo/bearded-tattooed-man-blank-white-t-shirt-works-his-computer-home-side-view-summer-time_346278-1821.jpg"},
|
||||
{
|
||||
id: "ex3",
|
||||
name: "Portafolio Creativo",
|
||||
price: "Landing Page",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-venture-workspace-using-machine-learning-streamline-coding-process_482257-120287.jpg",
|
||||
},
|
||||
id: "ex3", name: "Portafolio Creativo", price: "Landing Page", imageSrc: "http://img.b2bpic.net/free-photo/technology-venture-workspace-using-machine-learning-streamline-coding-process_482257-120287.jpg"},
|
||||
{
|
||||
id: "ex4",
|
||||
name: "Negocio Local",
|
||||
price: "Web Corporativa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
|
||||
},
|
||||
id: "ex4", name: "Negocio Local", price: "Web Corporativa", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg"},
|
||||
{
|
||||
id: "ex5",
|
||||
name: "Coach Personal",
|
||||
price: "Web Servicios",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-vr-headset-touching-holographic-screen_53876-101150.jpg",
|
||||
},
|
||||
id: "ex5", name: "Coach Personal", price: "Web Servicios", imageSrc: "http://img.b2bpic.net/free-photo/man-with-vr-headset-touching-holographic-screen_53876-101150.jpg"},
|
||||
{
|
||||
id: "ex6",
|
||||
name: "Tech Startup",
|
||||
price: "SAAS Landing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-prompts-into-ai-powered-chat-system-her-computer_482257-124123.jpg",
|
||||
},
|
||||
id: "ex6", name: "Tech Startup", price: "SAAS Landing", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-prompts-into-ai-powered-chat-system-her-computer_482257-124123.jpg"},
|
||||
]}
|
||||
title="Galería de Ejemplos"
|
||||
description="Mira la calidad de los proyectos realizados."
|
||||
@@ -290,40 +165,21 @@ export default function LandingPage() {
|
||||
description="Rellena el formulario y comencemos a trabajar en tu éxito digital."
|
||||
inputs={[
|
||||
{
|
||||
name: "nombre",
|
||||
type: "text",
|
||||
placeholder: "Nombre completo",
|
||||
required: true,
|
||||
name: "nombre", type: "text", placeholder: "Nombre completo", required: true,
|
||||
},
|
||||
{
|
||||
name: "telefono",
|
||||
type: "tel",
|
||||
placeholder: "Teléfono / WhatsApp",
|
||||
required: true,
|
||||
name: "telefono", type: "tel", placeholder: "Teléfono / WhatsApp", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Correo electrónico",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Correo electrónico", required: true,
|
||||
},
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "tipo",
|
||||
label: "Tipo de web",
|
||||
options: [
|
||||
"Restaurante",
|
||||
"Tienda online",
|
||||
"Portafolio",
|
||||
"Negocio local",
|
||||
"Landing Page",
|
||||
"Otro",
|
||||
],
|
||||
name: "tipo", label: "Tipo de web", options: [
|
||||
"Restaurante", "Tienda online", "Portafolio", "Negocio local", "Landing Page", "Otro"],
|
||||
}}
|
||||
textarea={{
|
||||
name: "desc",
|
||||
placeholder: "Describe tu proyecto...",
|
||||
rows: 4,
|
||||
name: "desc", placeholder: "Describe tu proyecto...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-disabled-man-working-desk_23-2149313753.jpg"
|
||||
/>
|
||||
@@ -333,29 +189,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "WhatsApp: +34 000 000 000",
|
||||
href: "https://wa.me/34000000000",
|
||||
},
|
||||
label: "WhatsApp: +34 000 000 000", href: "https://wa.me/34000000000"},
|
||||
{
|
||||
label: "Email: contacto@webia.com",
|
||||
href: "mailto:contacto@webia.com",
|
||||
},
|
||||
label: "Email: contacto@webia.com", href: "mailto:contacto@webia.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user