Merge version_1 into main #2
255
src/app/page.tsx
255
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Globe, MessageCircle, MapPin } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,105 +32,66 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Solución",
|
||||
id: "#solucion",
|
||||
},
|
||||
name: "Solución", id: "#solucion"},
|
||||
{
|
||||
name: "Precios",
|
||||
id: "#precios",
|
||||
},
|
||||
name: "Precios", id: "#precios"},
|
||||
{
|
||||
name: "Método",
|
||||
id: "#metodo",
|
||||
},
|
||||
name: "Método", id: "#metodo"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="ClicWeb"
|
||||
button={{
|
||||
text: "Empezar ahora",
|
||||
href: "#precios",
|
||||
}}
|
||||
text: "Empezar ahora", href: "#precios"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Impulsa tu negocio digital en 72 horas."
|
||||
description="Diseño web profesional para empresas. Sin plantillas, sin complicaciones técnicas y alojado en España."
|
||||
kpis={[
|
||||
{
|
||||
value: "72h",
|
||||
label: "Entrega rápida",
|
||||
},
|
||||
value: "72h", label: "Entrega rápida"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Hosting España",
|
||||
},
|
||||
value: "100%", label: "Hosting España"},
|
||||
{
|
||||
value: "Soporte",
|
||||
label: "Prioritario",
|
||||
},
|
||||
value: "Soporte", label: "Prioritario"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Quiero mi Web Express",
|
||||
href: "#precios",
|
||||
},
|
||||
text: "Quiero mi Web Express", href: "#precios"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg"
|
||||
imageAlt="professional software dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
alt: "Handsome Business Leader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Handsome Business Leader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-executive-thinking_1098-528.jpg",
|
||||
alt: "Elegant executive",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-executive-thinking_1098-528.jpg", alt: "Elegant executive"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",
|
||||
alt: "Confident businesswoman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg", alt: "Confident businesswoman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
alt: "Formal businesswoman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Formal businesswoman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
|
||||
alt: "Mature woman smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg", alt: "Mature woman smiling"},
|
||||
]}
|
||||
avatarText="Más de 500+ clientes satisfechos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Diseño Moderno",
|
||||
},
|
||||
type: "text", text: "Diseño Moderno"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Alta Conversión",
|
||||
},
|
||||
type: "text", text: "Alta Conversión"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Optimizado SEO",
|
||||
},
|
||||
type: "text", text: "Optimizado SEO"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra Rápido",
|
||||
},
|
||||
type: "text", text: "Ultra Rápido"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Escalable",
|
||||
},
|
||||
type: "text", text: "Escalable"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,33 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Diseño móvil-first",
|
||||
description: "Tu web adaptada a todos los dispositivos",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-left-side_187299-45734.jpg?_wi=1",
|
||||
imageAlt: "fast delivery icon",
|
||||
},
|
||||
title: "Diseño móvil-first", description: "Tu web adaptada a todos los dispositivos", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-left-side_187299-45734.jpg", imageAlt: "fast delivery icon"},
|
||||
{
|
||||
title: "Hosting en España",
|
||||
description: "Servidores de alta velocidad locales",
|
||||
buttonIcon: "Globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=2",
|
||||
imageAlt: "fast delivery icon",
|
||||
},
|
||||
title: "Hosting en España", description: "Servidores de alta velocidad locales", buttonIcon: Globe,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "fast delivery icon"},
|
||||
{
|
||||
title: "Botón WhatsApp",
|
||||
description: "Conecta con clientes al instante",
|
||||
buttonIcon: "MessageCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883569.jpg?_wi=1",
|
||||
imageAlt: "fast delivery icon",
|
||||
},
|
||||
title: "Botón WhatsApp", description: "Conecta con clientes al instante", buttonIcon: MessageCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883569.jpg", imageAlt: "fast delivery icon"},
|
||||
{
|
||||
title: "Alta Google Maps",
|
||||
description: "Mejora tu presencia local",
|
||||
buttonIcon: "MapPin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-setting-web-icon-design-element_460848-10096.jpg?_wi=1",
|
||||
imageAlt: "fast delivery icon",
|
||||
},
|
||||
title: "Alta Google Maps", description: "Mejora tu presencia local", buttonIcon: MapPin,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-setting-web-icon-design-element_460848-10096.jpg", imageAlt: "fast delivery icon"},
|
||||
]}
|
||||
title="Plan Web Express: La solución completa"
|
||||
description="Todo lo que necesitas para tu empresa"
|
||||
@@ -178,14 +124,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"WhatsApp",
|
||||
"Cloudflare",
|
||||
"Stripe",
|
||||
"WordPress",
|
||||
"AWS",
|
||||
"Google Maps",
|
||||
]}
|
||||
"Google", "WhatsApp", "Cloudflare", "Stripe", "WordPress", "AWS", "Google Maps"]}
|
||||
title="Tecnología y herramientas profesionales"
|
||||
description="Colaboramos con los líderes del sector tecnológico"
|
||||
/>
|
||||
@@ -198,51 +137,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Básico",
|
||||
price: "150€",
|
||||
subtitle: "Pago único | Entrega en 7 días",
|
||||
features: [
|
||||
"Diseño móvil",
|
||||
"Hosting básico",
|
||||
],
|
||||
id: "basic", badge: "Básico", price: "150€", subtitle: "Pago único | Entrega en 7 días", features: [
|
||||
"Diseño móvil", "Hosting básico"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Me interesa",
|
||||
},
|
||||
text: "Me interesa"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "express",
|
||||
badge: "Más vendido",
|
||||
price: "250€",
|
||||
subtitle: "Pago único | Entrega en 72h",
|
||||
features: [
|
||||
"Diseño móvil",
|
||||
"Hosting España",
|
||||
"Botón WhatsApp",
|
||||
"Soporte",
|
||||
],
|
||||
id: "express", badge: "Más vendido", price: "250€", subtitle: "Pago único | Entrega en 72h", features: [
|
||||
"Diseño móvil", "Hosting España", "Botón WhatsApp", "Soporte"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Solicitar Web Express",
|
||||
},
|
||||
text: "Solicitar Web Express"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ecommerce",
|
||||
badge: "Pro",
|
||||
price: "690€",
|
||||
subtitle: "Pago único | Entrega en 10 días",
|
||||
features: [
|
||||
"Todo lo anterior",
|
||||
"Tienda online",
|
||||
"Stripe",
|
||||
],
|
||||
id: "ecommerce", badge: "Pro", price: "690€", subtitle: "Pago único | Entrega en 10 días", features: [
|
||||
"Todo lo anterior", "Tienda online", "Stripe"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Quiero vender online",
|
||||
},
|
||||
text: "Quiero vender online"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -257,60 +172,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana García",
|
||||
date: "12/2024",
|
||||
title: "CEO, Abogados Express",
|
||||
quote: "Increíble velocidad de entrega.",
|
||||
tag: "Google",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg?_wi=3",
|
||||
imageAlt: "professional headshot",
|
||||
},
|
||||
id: "1", name: "Ana García", date: "12/2024", title: "CEO, Abogados Express", quote: "Increíble velocidad de entrega.", tag: "Google", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "professional headshot"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Luis Pérez",
|
||||
date: "11/2024",
|
||||
title: "Dueño, Taller Mecánico",
|
||||
quote: "Atención personalizada y muy profesional.",
|
||||
tag: "Google",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-left-side_187299-45734.jpg?_wi=2",
|
||||
imageAlt: "professional headshot",
|
||||
},
|
||||
id: "2", name: "Luis Pérez", date: "11/2024", title: "Dueño, Taller Mecánico", quote: "Atención personalizada y muy profesional.", tag: "Google", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-left-side_187299-45734.jpg", imageAlt: "professional headshot"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marta López",
|
||||
date: "10/2024",
|
||||
title: "Gerente, Clínica Dental",
|
||||
quote: "Resultados desde el primer día.",
|
||||
tag: "Google",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-happy-businessman-looking-camera_23-2148113005.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883569.jpg?_wi=2",
|
||||
imageAlt: "professional headshot",
|
||||
},
|
||||
id: "3", name: "Marta López", date: "10/2024", title: "Gerente, Clínica Dental", quote: "Resultados desde el primer día.", tag: "Google", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-happy-businessman-looking-camera_23-2148113005.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-illustration_23-2151883569.jpg", imageAlt: "professional headshot"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Juan Soto",
|
||||
date: "09/2024",
|
||||
title: "Inmobiliaria Real",
|
||||
quote: "Calidad precio inmejorable.",
|
||||
tag: "Google",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153830.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-setting-web-icon-design-element_460848-10096.jpg?_wi=2",
|
||||
imageAlt: "professional headshot",
|
||||
},
|
||||
id: "4", name: "Juan Soto", date: "09/2024", title: "Inmobiliaria Real", quote: "Calidad precio inmejorable.", tag: "Google", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153830.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-setting-web-icon-design-element_460848-10096.jpg", imageAlt: "professional headshot"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eva Ruiz",
|
||||
date: "08/2024",
|
||||
title: "Restaurante El Gourmet",
|
||||
quote: "Mi web nueva es fantástica.",
|
||||
tag: "Google",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-asian-female-black-outfit-smiling-gently_181624-25536.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg",
|
||||
imageAlt: "professional headshot",
|
||||
},
|
||||
id: "5", name: "Eva Ruiz", date: "08/2024", title: "Restaurante El Gourmet", quote: "Mi web nueva es fantástica.", tag: "Google", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-asian-female-black-outfit-smiling-gently_181624-25536.jpg", imageSrc: "http://img.b2bpic.net/free-photo/innovation-development-rocket-graphic-concept_53876-120019.jpg", imageAlt: "professional headshot"},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Empresas que ya han impulsado su web"
|
||||
@@ -323,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "¿Cuándo recibiré mi web?",
|
||||
content: "En menos de 72 horas para el plan Express.",
|
||||
},
|
||||
id: "1", title: "¿Cuándo recibiré mi web?", content: "En menos de 72 horas para el plan Express."},
|
||||
{
|
||||
id: "2",
|
||||
title: "¿El dominio está incluido?",
|
||||
content: "Sí, incluido en el plan.",
|
||||
},
|
||||
id: "2", title: "¿El dominio está incluido?", content: "Sí, incluido en el plan."},
|
||||
{
|
||||
id: "3",
|
||||
title: "¿Qué incluye el mantenimiento?",
|
||||
content: "Hosting, SSL, backups y soporte.",
|
||||
},
|
||||
id: "3", title: "¿Qué incluye el mantenimiento?", content: "Hosting, SSL, backups y soporte."},
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Resolvemos todas tus dudas"
|
||||
@@ -351,28 +212,16 @@ export default function LandingPage() {
|
||||
description="Ponte en contacto con nuestro equipo."
|
||||
inputs={[
|
||||
{
|
||||
name: "nombre",
|
||||
type: "text",
|
||||
placeholder: "Nombre completo",
|
||||
required: true,
|
||||
name: "nombre", type: "text", placeholder: "Nombre completo", required: true,
|
||||
},
|
||||
{
|
||||
name: "empresa",
|
||||
type: "text",
|
||||
placeholder: "Empresa",
|
||||
required: false,
|
||||
name: "empresa", type: "text", placeholder: "Empresa", required: false,
|
||||
},
|
||||
{
|
||||
name: "telefono",
|
||||
type: "tel",
|
||||
placeholder: "Teléfono",
|
||||
required: true,
|
||||
name: "telefono", type: "tel", placeholder: "Teléfono", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-selecting-gray-square_1232-897.jpg"
|
||||
|
||||
Reference in New Issue
Block a user