Merge version_2 into main #3
@@ -1,59 +1,20 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Raleway } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const raleway = Raleway({
|
||||
variable: "--font-raleway",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
const inter = Inter({ subsets: ["latin"] });
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Webild Studio - Desarrollo Web Profesional",
|
||||
description: "Diseño y desarrollo web especializado en landing pages de conversión, portafolios premium y plataformas SaaS. Core Web Vitals 90-100, SEO avanzado y accesibilidad WCAG incluida.",
|
||||
keywords: "desarrollo web freelance, diseño web profesional, landing pages, portafolio web, desarrollo Next.js, SaaS, tienda online",
|
||||
metadataBase: new URL("https://webild.studio"),
|
||||
alternates: {
|
||||
canonical: "https://webild.studio",
|
||||
},
|
||||
openGraph: {
|
||||
title: "Webild Studio - Webs Modernas que Convierten",
|
||||
description: "Desarrollo web ultrarrápido y optimizado. Landing pages, portafolios y plataformas SaaS con Core Web Vitals 90-100.",
|
||||
url: "https://webild.studio",
|
||||
siteName: "Webild Studio",
|
||||
type: "website",
|
||||
images: [
|
||||
{
|
||||
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/a-stunning-modern-responsive-website-das-1772584471547-061bc19e.png",
|
||||
alt: "Webild Studio - Desarrollo Web Profesional",
|
||||
},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Webild Studio - Desarrollo Web",
|
||||
description: "Webs modernas que convierten. Landing pages, portafolios y SaaS con Core Web Vitals 90-100.",
|
||||
images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/a-stunning-modern-responsive-website-das-1772584471547-061bc19e.png"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Webild Studio - Desarrollo Web Profesional", description: "Webs modernas, rápidas y optimizadas para resultados. Especializado en landing pages, portafolios y plataformas SaaS."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${raleway.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="es">
|
||||
<body className={inter.className}>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1421,7 +1382,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
112
src/app/page.tsx
112
src/app/page.tsx
@@ -8,7 +8,6 @@ import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwen
|
||||
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import Link from "next/link";
|
||||
import {
|
||||
@@ -19,12 +18,11 @@ import {
|
||||
Target,
|
||||
Briefcase,
|
||||
Building2,
|
||||
ShoppingCart,
|
||||
RefreshCw,
|
||||
Settings,
|
||||
Phone,
|
||||
Sparkles,
|
||||
Crown,
|
||||
MessageCircle,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
@@ -52,7 +50,11 @@ export default function HomePage() {
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Comenzar proyecto", href: "/contacto"}}
|
||||
text: "Comenzar proyecto", onClick: () =>
|
||||
window.open(
|
||||
"https://wa.me/YOUR_NUMBER?text=Hola%20Webild%2C%20me%20interesa%20tus%20servicios", "_blank"
|
||||
),
|
||||
}}
|
||||
brandName="Webild Studio"
|
||||
/>
|
||||
</div>
|
||||
@@ -67,7 +69,7 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "animated-grid" }}
|
||||
buttons={[
|
||||
{ text: "Ver portafolio", href: "/portafolio" },
|
||||
{ text: "Ver portafolio", href: "portfolio" },
|
||||
{
|
||||
text: "Hablar por WhatsApp", onClick: () =>
|
||||
window.open(
|
||||
@@ -84,7 +86,7 @@ export default function HomePage() {
|
||||
{/* About Section */}
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Soy desarrollador web profesional con pasión por la excelencia"
|
||||
title="Soy desarrollador web profesional con 2 años de experiencia probada"
|
||||
description="Creo sitios web modernos, rápidos y hermosos para emprendedores, startups y empresas que buscan diferenciarse. Mi enfoque combina técnica de punta, experiencia del usuario impecable y resultados medibles. Cada proyecto es una oportunidad para transformar ideas en realidad digital."
|
||||
tag="Mi historia"
|
||||
tagAnimation="slide-up"
|
||||
@@ -112,7 +114,6 @@ export default function HomePage() {
|
||||
imageAlt="Workspace profesional de desarrollo"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
buttons={[{ text: "Descargar CV", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -164,18 +165,6 @@ export default function HomePage() {
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/corporate-website-inner-page-showing-ser-1772584475707-cf1dc1a6.png", imageAlt: "Web corporativa ejemplo 2"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Tiendas Online y E-commerce", description:
|
||||
"Soluciones de venta online con Stripe integrado, carrito optimizado, análisis de conversión y gestión de inventario.", icon: ShoppingCart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/e-commerce-product-page-showing-professi-1772584470564-9ddd20b9.png", imageAlt: "E-commerce ejemplo 1"},
|
||||
{
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/e-commerce-checkout-flow-showing-shoppin-1772584470624-5fb19baa.png", imageAlt: "E-commerce ejemplo 2"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Migraciones y Rediseños", description:
|
||||
"Migración segura desde plataformas antiguas, rediseño con tecnología moderna y mejora de Core Web Vitals.", icon: RefreshCw,
|
||||
@@ -261,27 +250,22 @@ export default function HomePage() {
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/saas-platform-landing-page-case-study-fe-1772584475886-01e73097.png", imageAlt: "Landing page SaaS", authorName: "Cliente: TechFlow Co.", authorAvatar:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/small-professional-avatar-100x100px-of-a-1772584469340-35144be6.png", date: "Diciembre 2024"},
|
||||
{
|
||||
id: "2", category: "E-commerce", title: "Tienda Online Premium - +$150K Ventas", excerpt:
|
||||
"Tienda de ropa con checkout optimizado, carrito inteligente y recomendaciones basadas en IA. Core Web Vitals 98/100.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/premium-fashion-e-commerce-website-case--1772584470103-8631a267.png", imageAlt: "Tienda online", authorName: "Cliente: Luxe Apparel", authorAvatar:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/small-professional-avatar-100x100px-of-a-1772584469077-219684bf.png", date: "Noviembre 2024"},
|
||||
{
|
||||
id: "3", category: "Portafolio", title: "Portafolio de Diseñador - +500 Consultas", excerpt:
|
||||
id: "2", category: "Portafolio", title: "Portafolio de Diseñador - +500 Consultas", excerpt:
|
||||
"Sitio personal con galería interactiva, blog optimizado SEO y sistema de contacto con Calendly integrado.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/graphic-designer-portfolio-website-showc-1772584470182-7af4f3e5.png", imageAlt: "Portafolio diseñador", authorName: "Cliente: Creative Studio", authorAvatar:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/small-professional-avatar-100x100px-of-a-1772584470054-3e9848ca.png", date: "Octubre 2024"},
|
||||
{
|
||||
id: "4", category: "Web Corporativa", title: "Sitio Corporativo Multilingüe - +40% CTR", excerpt:
|
||||
id: "3", category: "Web Corporativa", title: "Sitio Corporativo Multilingüe - +40% CTR", excerpt:
|
||||
"Web empresa B2B con CMS personalizado, soporte 5 idiomas, integración con Salesforce y documentación técnica.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/multilingual-corporate-website-for-inter-1772584470549-f182ed1e.png", imageAlt: "Web corporativa", authorName: "Cliente: GlobalTech Solutions", authorAvatar:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/small-professional-avatar-100x100px-of-a-1772584469093-4062b2e2.png", date: "Septiembre 2024"},
|
||||
{
|
||||
id: "5", category: "Rediseño", title: "Migración + Rediseño - Core Web Vitals 95+", excerpt:
|
||||
id: "4", category: "Rediseño", title: "Migración + Rediseño - Core Web Vitals 95+", excerpt:
|
||||
"Migración desde WordPress antiguo a Next.js. Mejora de velocidad 75% y aumento de SEO ranking (+15 posiciones).", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/website-migration-success-story-showing--1772584478752-dbcd9794.png", imageAlt: "Rediseño web", authorName: "Cliente: Digital Marketing Pro", authorAvatar:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/small-professional-avatar-100x100px-of-a-1772584469188-b97d236d.png", date: "Agosto 2024"},
|
||||
{
|
||||
id: "6", category: "Aplicación Web", title: "Dashboard SaaS - 50K Usuarios Activos", excerpt:
|
||||
id: "5", category: "Aplicación Web", title: "Dashboard SaaS - 50K Usuarios Activos", excerpt:
|
||||
"Plataforma de analytics en tiempo real con gráficos interactivos, exportación de datos y API pública documentada.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/saas-analytics-dashboard-platform-case-s-1772584469928-c52e0c80.png", imageAlt: "Dashboard SaaS", authorName: "Cliente: Analytics Plus", authorAvatar:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/small-professional-avatar-100x100px-of-a-1772584469218-0deb33c0.png", date: "Julio 2024"},
|
||||
@@ -307,40 +291,30 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
title="Lo que dicen mis clientes"
|
||||
description="Testimonios reales de emprendedores, startups y empresas que transformaron sus presencia digital."
|
||||
tag="Opiniones verificadas"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "María González", role: "Founder & CEO", company: "TechFlow Automation", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/professional-headshot-of-a-35-year-old-l-1772584469028-822e89a0.png"},
|
||||
{
|
||||
id: "2", name: "Carlos Rodríguez", role: "Digital Manager", company: "Luxe Apparel Store", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/professional-headshot-of-a-40-year-old-l-1772584469408-fb2e3baa.png"},
|
||||
{
|
||||
id: "3", name: "Sofia Martínez", role: "Creative Director", company: "Design Studio Pro", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/professional-headshot-of-a-32-year-old-s-1772584468491-add03a2f.png"},
|
||||
{
|
||||
id: "4", name: "Juan Pérez", role: "Business Owner", company: "GlobalTech Solutions", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/professional-headshot-of-a-45-year-old-l-1772584469157-911e0ee1.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "180+", label: "Proyectos completados" },
|
||||
{ value: "96%", label: "Clientes satisfechos" },
|
||||
{ value: "5 años", label: "Experiencia probada" },
|
||||
]}
|
||||
/>
|
||||
{/* Contact Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<div className="w-full py-20 px-4 flex flex-col items-center justify-center">
|
||||
<div className="max-w-2xl mx-auto text-center">
|
||||
<h2 className="text-4xl md:text-5xl font-bold mb-6">¿Listo para tu proyecto web?</h2>
|
||||
<p className="text-lg md:text-xl mb-12 opacity-80">
|
||||
Contáctame para discutir tu idea y recibir una propuesta personalizada.
|
||||
</p>
|
||||
|
||||
{/* Phone with WhatsApp CTA */}
|
||||
<div className="flex flex-col items-center gap-6 mb-12">
|
||||
<a
|
||||
href="https://wa.me/YOUR_NUMBER?text=Hola%20Webild%2C%20me%20interesa%20hablar%20sobre%20mi%20proyecto"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="flex items-center gap-3 px-8 py-4 bg-green-500 hover:bg-green-600 text-white rounded-full transition-all duration-300 transform hover:scale-105"
|
||||
>
|
||||
<MessageCircle size={24} />
|
||||
<span className="font-semibold">Envíame un mensaje por WhatsApp</span>
|
||||
</a>
|
||||
<p className="text-sm opacity-60">Respondo en menos de 24 horas</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
@@ -351,17 +325,15 @@ export default function HomePage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Producto", items: [
|
||||
{ label: "Servicios", href: "/servicios" },
|
||||
{ label: "Portafolio", href: "/portafolio" },
|
||||
{ label: "Precios", href: "/" },
|
||||
{ label: "Contacto", href: "/contacto" },
|
||||
{ label: "Servicios", href: "services" },
|
||||
{ label: "Portafolio", href: "portfolio" },
|
||||
{ label: "Contacto", href: "contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Compañía", items: [
|
||||
{ label: "Sobre mí", href: "/sobre-mi" },
|
||||
{ label: "Blog", href: "/" },
|
||||
{ label: "Recursos", href: "/" },
|
||||
{ label: "Sobre mí", href: "about" },
|
||||
{ label: "Recursos", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -382,4 +354,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user