Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 60d5d0fc0c | |||
| bd4a0d2f03 | |||
| d4f9870d02 | |||
| e5054e7d5a | |||
| ec058b0697 | |||
| a13e42acfb |
272
src/app/page.tsx
272
src/app/page.tsx
@@ -25,190 +25,108 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="normal"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Servicios", id: "services" },
|
||||||
name: "Servicios", id: "services"},
|
{ name: "Proceso", id: "process" },
|
||||||
{
|
{ name: "Ejemplos", id: "examples" },
|
||||||
name: "Proceso", id: "process"},
|
{ name: "Contacto", id: "contact" },
|
||||||
{
|
]}
|
||||||
name: "Ejemplos", id: "examples"},
|
brandName="AI Web Studio"
|
||||||
{
|
button={{ text: "Solicitar mi web ahora", href: "#contact" }}
|
||||||
name: "Contacto", id: "contact"},
|
/>
|
||||||
]}
|
</div>
|
||||||
brandName="AI Web Studio"
|
|
||||||
button={{
|
|
||||||
text: "Solicitar mi web ahora", href: "#contact"}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroCentered
|
<HeroCentered
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient"}}
|
title="Te creo una web profesional con IA en tiempo récord"
|
||||||
title="Te creo una web profesional con IA en tiempo récord"
|
description="Diseños modernos, rápidos y optimizados. Sin complicaciones."
|
||||||
description="Diseños modernos, rápidos y optimizados. Sin complicaciones."
|
avatars={[
|
||||||
avatars={[
|
{ src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "Client 1" },
|
||||||
{ 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/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" },
|
buttons={[{ text: "Solicitar mi web ahora", href: "#contact" }, { text: "Ver ejemplos", href: "#examples" }]}
|
||||||
{ 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" },
|
</div>
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Solicitar mi web ahora", href: "#contact"},
|
|
||||||
{
|
|
||||||
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" },
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="services" data-section="services">
|
<div id="services" data-section="services">
|
||||||
<FeatureCardTwentyFour
|
<FeatureCardTwentyFour
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
title="Servicios Profesionales"
|
||||||
{
|
description="Soluciones web de alta calidad adaptadas a tus necesidades."
|
||||||
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"],
|
features={[
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg"},
|
{ id: "s1", title: "Landing Pages", author: "IA-Driven", description: "Conversión enfocada con IA.", tags: ["IA", "Velocidad"], imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg" },
|
||||||
{
|
{ id: "s2", title: "Tiendas Online", author: "IA-Driven", description: "Comercio electrónico escalable.", tags: ["IA", "Tienda"], 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"},
|
/>
|
||||||
{
|
</div>
|
||||||
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."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="process" data-section="process">
|
<div id="process" data-section="process">
|
||||||
<FeatureCardTwentyFour
|
<FeatureCardTwentyFour
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
title="Proceso de Trabajo"
|
||||||
{
|
description="5 pasos para transformar tu idea en una web funcional."
|
||||||
id: "p1", title: "1. Consulta", author: "Paso 1", description: "Tú me cuentas qué necesitas para tu proyecto.", tags: ["Comunicación"],
|
features={[
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-workplace-night-study-work-late-evening_169016-18177.jpg"},
|
{ id: "p1", title: "Consulta", author: "1/5", description: "Definición de objetivos.", tags: ["IA"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-workplace-night-study-work-late-evening_169016-18177.jpg" },
|
||||||
{
|
{ id: "p2", title: "Estrategia", author: "2/5", description: "Planificación inteligente.", tags: ["IA"], 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"],
|
{ id: "p3", title: "Diseño IA", author: "3/5", description: "Generación de prototipos.", tags: ["IA"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg"},
|
{ id: "p4", title: "Desarrollo", author: "4/5", description: "Codificación optimizada.", tags: ["IA"], imageSrc: "http://img.b2bpic.net/free-photo/man-with-vr-headset-touching-holographic-screen_53876-101150.jpg" },
|
||||||
{
|
{ id: "p5", title: "Entrega", author: "5/5", description: "Lanzamiento al mercado.", tags: ["IA"], imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-prompts-into-ai-powered-chat-system-her-computer_482257-124123.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"},
|
/>
|
||||||
]}
|
</div>
|
||||||
title="Proceso de Trabajo"
|
|
||||||
description="De la idea a la realidad en 5 sencillos pasos."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonial" data-section="testimonial">
|
<div id="examples" data-section="examples">
|
||||||
<TestimonialCardFifteen
|
<ProductCardOne
|
||||||
useInvertedBackground={true}
|
animationType="blur-reveal"
|
||||||
testimonial="¡Increíble! Mi nueva web estuvo lista en 3 días y ha duplicado mis contactos. La IA realmente marca la diferencia."
|
textboxLayout="default"
|
||||||
rating={5}
|
gridVariant="bento-grid"
|
||||||
author="Laura M., Dueña de Restaurante"
|
useInvertedBackground={false}
|
||||||
avatars={[
|
title="Galería de Trabajos"
|
||||||
{ src: "http://img.b2bpic.net/free-photo/intercultural-economists_1098-14116.jpg", alt: "Laura" },
|
description="Ejemplos reales desarrollados con IA."
|
||||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg", alt: "Client B" },
|
products={[
|
||||||
{ src: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg", alt: "Client C" },
|
{ id: "e1", name: "Web Corporativa", price: "Completa", 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" },
|
||||||
{ src: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", alt: "Client D" },
|
{ id: "e2", name: "Landing Page", price: "Rápida", imageSrc: "http://img.b2bpic.net/free-photo/technology-venture-workspace-using-machine-learning-streamline-coding-process_482257-120287.jpg" }
|
||||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg", alt: "Client E" },
|
]}
|
||||||
]}
|
/>
|
||||||
ratingAnimation="blur-reveal"
|
</div>
|
||||||
avatarsAnimation="blur-reveal"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="examples" data-section="examples">
|
<div id="testimonial" data-section="testimonial">
|
||||||
<ProductCardOne
|
<TestimonialCardFifteen
|
||||||
animationType="blur-reveal"
|
testimonial="Un servicio impecable. Mi web está funcionando perfectamente desde el primer día."
|
||||||
textboxLayout="default"
|
rating={5}
|
||||||
gridVariant="three-columns-all-equal-width"
|
author="Cliente Satisfecho"
|
||||||
useInvertedBackground={false}
|
ratingAnimation="blur-reveal"
|
||||||
products={[
|
avatarsAnimation="blur-reveal"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
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"},
|
avatars={[{ src: "http://img.b2bpic.net/free-photo/intercultural-economists_1098-14116.jpg", alt: "Autor" }]}
|
||||||
{
|
/>
|
||||||
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"},
|
</div>
|
||||||
{
|
|
||||||
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: "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"},
|
|
||||||
]}
|
|
||||||
title="Galería de Ejemplos"
|
|
||||||
description="Mira la calidad de los proyectos realizados."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={true}
|
title="Solicitar servicios"
|
||||||
title="¿Quieres que te cree tu web?"
|
description="Cuéntame sobre tu proyecto y te contactaré pronto."
|
||||||
description="Rellena el formulario y comencemos a trabajar en tu éxito digital."
|
inputs={[{ name: "nombre", type: "text", placeholder: "Nombre", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
|
||||||
inputs={[
|
textarea={{ name: "desc", placeholder: "Descripción del proyecto" }}
|
||||||
{
|
useInvertedBackground={false}
|
||||||
name: "nombre", type: "text", placeholder: "Nombre completo", required: true,
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-disabled-man-working-desk_23-2149313753.jpg"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "telefono", type: "tel", placeholder: "Teléfono / WhatsApp", 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"],
|
|
||||||
}}
|
|
||||||
textarea={{
|
|
||||||
name: "desc", placeholder: "Describe tu proyecto...", rows: 4,
|
|
||||||
}}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-disabled-man-working-desk_23-2149313753.jpg"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[{ title: "Servicios", items: [{ label: "Webs IA", href: "#" }] }, { title: "Contacto", items: [{ label: "Email", href: "mailto:me@iaweb.com" }] }]}
|
||||||
{
|
bottomLeftText="© 2024 AI Web Studio"
|
||||||
title: "Contacto", items: [
|
bottomRightText="Profesional & Moderno"
|
||||||
{
|
/>
|
||||||
label: "WhatsApp: +34 000 000 000", href: "https://wa.me/34000000000"},
|
</div>
|
||||||
{
|
|
||||||
label: "Email: contacto@webia.com", href: "mailto:contacto@webia.com"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal", items: [
|
|
||||||
{
|
|
||||||
label: "Privacidad", href: "#"},
|
|
||||||
{
|
|
||||||
label: "Términos", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
bottomLeftText="© 2024 AI Web Studio"
|
|
||||||
bottomRightText="Hecho con IA profesional"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #ffffff;
|
--background: #0a0a0a;
|
||||||
--card: #f9f9f9;
|
--card: #1a1a1a;
|
||||||
--foreground: #000612;
|
--foreground: #f5fffae6;
|
||||||
--primary-cta: #15479c;
|
--primary-cta: #0a7039;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #ffffff;
|
||||||
--secondary-cta: #ffffff;
|
--secondary-cta: #1a1a1a;
|
||||||
--secondary-cta-text: #000612;
|
--secondary-cta-text: #000612;
|
||||||
--accent: #0a7039;
|
--accent: #0a7039;
|
||||||
--background-accent: #f0fdf4;
|
--background-accent: #0a7039;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user