bender/4b74a32c-a2f1-410f-a4d7-dedd296a1e0a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

6 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
232930a53b Update src/app/page.tsx 2026-03-04 01:11:06 +00:00
bender
43318d7a36 Merge version_2 into main 
Merge version_2 into main
 2026-03-04 01:02:09 +00:00
bender
6000bc4d0e Update src/app/page.tsx 2026-03-04 01:02:05 +00:00
bender
a447e26cb2 Update src/app/layout.tsx 2026-03-04 01:02:04 +00:00
bender
275b9ba068 Merge version_1 into main 
Merge version_1 into main
 2026-03-04 00:39:46 +00:00
bender
ccfc80fedb Merge version_1 into main 
Merge version_1 into main
 2026-03-04 00:38:02 +00:00
2 changed files with 51 additions and 128 deletions
Expand all files Collapse all files

56
src/app/layout.tsx
View File

@@ -1,59 +1,20 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Raleway } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const raleway = Raleway({ const inter = Inter({ subsets: ["latin"] });
variable: "--font-raleway",
subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Webild Studio - Desarrollo Web Profesional", title: "Webild Studio - Desarrollo Web Profesional", description: "Webs modernas, rápidas y optimizadas para resultados. Especializado en landing pages, portafolios y plataformas SaaS."};
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,
},
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="es">
<ServiceWrapper> <body className={inter.className}>{children}
<body className={`${raleway.variable} antialiased`}>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1421,7 +1382,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

123
src/app/page.tsx
View File

@@ -8,7 +8,6 @@ import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwen
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven"; import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import BlogCardOne from "@/components/sections/blog/BlogCardOne"; import BlogCardOne from "@/components/sections/blog/BlogCardOne";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FooterBase from "@/components/sections/footer/FooterBase"; import FooterBase from "@/components/sections/footer/FooterBase";
import Link from "next/link"; import Link from "next/link";
import { import {
@@ -19,12 +18,11 @@ import {
Target, Target,
Briefcase, Briefcase,
Building2, Building2,
ShoppingCart,
RefreshCw, RefreshCw,
Settings, Settings,
Phone, Phone,
Sparkles, Sparkles,
Crown, MessageCircle,
} from "lucide-react"; } from "lucide-react";
export default function HomePage() { export default function HomePage() {
@@ -52,7 +50,11 @@ export default function HomePage() {
{ name: "Contacto", id: "contact" }, { name: "Contacto", id: "contact" },
]} ]}
button={{ button={{
text: "Comenzar proyecto", href: "/contacto"}} text: "Comenzar proyecto", onClick: () =>
window.open(
"https://wa.me/51983496008?text=Hola%20Webild%2C%20me%20interesa%20tus%20servicios", "_blank"
),
}}
brandName="Webild Studio" brandName="Webild Studio"
/> />
</div> </div>
@@ -67,11 +69,11 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
background={{ variant: "animated-grid" }} background={{ variant: "animated-grid" }}
buttons={[ buttons={[
{ text: "Ver portafolio", href: "/portafolio" }, { text: "Ver portafolio", href: "portfolio" },
{ {
text: "Hablar por WhatsApp", onClick: () => text: "Hablar por WhatsApp", onClick: () =>
window.open( window.open(
"https://wa.me/YOUR_NUMBER?text=Hola%20Webild%2C%20me%20interesa%20tus%20servicios", "_blank" "https://wa.me/51983496008?text=Hola%20Webild%2C%20me%20interesa%20tus%20servicios", "_blank"
), ),
}, },
]} ]}
@@ -84,7 +86,7 @@ export default function HomePage() {
{/* About Section */} {/* About Section */}
<div id="about" data-section="about"> <div id="about" data-section="about">
<SplitAbout <SplitAbout
title="Soy desarrollador web profesional con pasión por la excelencia" title="Soy desarrollador web profesional especializado en crear soluciones digitales de impacto"
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." 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" tag="Mi historia"
tagAnimation="slide-up" tagAnimation="slide-up"
@@ -112,7 +114,6 @@ export default function HomePage() {
imageAlt="Workspace profesional de desarrollo" imageAlt="Workspace profesional de desarrollo"
mediaAnimation="slide-up" mediaAnimation="slide-up"
imagePosition="right" imagePosition="right"
buttons={[{ text: "Descargar CV", href: "#" }]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
/> />
</div> </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"}, "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: 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, "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/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"}, "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: id: "2", category: "Portafolio", title: "Portafolio de Diseñador - +500 Consultas", 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:
"Sitio personal con galería interactiva, blog optimizado SEO y sistema de contacto con Calendly integrado.", imageSrc: "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/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"}, "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: "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/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"}, "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: "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/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"}, "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: "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/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"}, "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> </div>
{/* Testimonials Section */} {/* Contact Section */}
<div id="testimonials" data-section="testimonials"> <div id="contact" data-section="contact">
<TestimonialCardSixteen <div className="w-full py-20 px-4 flex flex-col items-center justify-center">
title="Lo que dicen mis clientes" <div className="max-w-2xl mx-auto text-center">
description="Testimonios reales de emprendedores, startups y empresas que transformaron sus presencia digital." <h2 className="text-4xl md:text-5xl font-bold mb-6">¿Listo para tu proyecto web?</h2>
tag="Opiniones verificadas" <p className="text-lg md:text-xl mb-12 opacity-80">
tagAnimation="slide-up" Contáctame para discutir tu idea y recibir una propuesta personalizada.
textboxLayout="default" </p>
useInvertedBackground={false}
animationType="slide-up" {/* WhatsApp CTA Only */}
testimonials={[ <div className="flex flex-col items-center gap-6 mb-12">
{ <a
id: "1", name: "María González", role: "Founder & CEO", company: "TechFlow Automation", rating: 5, href="https://wa.me/51983496008?text=Hola%20Webild%2C%20me%20interesa%20hablar%20sobre%20mi%20proyecto"
imageSrc: target="_blank"
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/professional-headshot-of-a-35-year-old-l-1772584469028-822e89a0.png"}, 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"
id: "2", name: "Carlos Rodríguez", role: "Digital Manager", company: "Luxe Apparel Store", rating: 5, >
imageSrc: <MessageCircle size={24} />
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/professional-headshot-of-a-40-year-old-l-1772584469408-fb2e3baa.png"}, <span className="font-semibold">Envíame un mensaje por WhatsApp</span>
{ </a>
id: "3", name: "Sofia Martínez", role: "Creative Director", company: "Design Studio Pro", rating: 5, <p className="text-sm opacity-60">+51 983 496 008</p>
imageSrc: </div>
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARUKxg32boegNxQelxXtanAhN5/professional-headshot-of-a-32-year-old-s-1772584468491-add03a2f.png"}, </div>
{ </div>
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" },
]}
/>
</div> </div>
{/* Footer */} {/* Footer */}
@@ -351,29 +325,18 @@ export default function HomePage() {
columns={[ columns={[
{ {
title: "Producto", items: [ title: "Producto", items: [
{ label: "Servicios", href: "/servicios" }, { label: "Servicios", href: "services" },
{ label: "Portafolio", href: "/portafolio" }, { label: "Portafolio", href: "portfolio" },
{ label: "Precios", href: "/" }, { label: "Contacto", href: "contact" },
{ label: "Contacto", href: "/contacto" },
], ],
}, },
{ {
title: "Compañía", items: [ title: "Compañía", items: [{ label: "Sobre mí", href: "about" }],
{ label: "Sobre mí", href: "/sobre-mi" },
{ label: "Blog", href: "/" },
{ label: "Recursos", href: "/" },
],
}, },
{ {
title: "Conectar", items: [ title: "Conectar", items: [
{ {
label: "LinkedIn", href: "https://linkedin.com"}, label: "WhatsApp", href: "https://wa.me/51983496008"},
{
label: "Twitter", href: "https://twitter.com"},
{
label: "GitHub", href: "https://github.com"},
{
label: "WhatsApp", href: "https://wa.me/YOUR_NUMBER"},
], ],
}, },
]} ]}
@@ -382,4 +345,4 @@ export default function HomePage() {
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }