bender/3f1926b1-79d2-470f-b10b-ed0aa523f375
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/portafolio/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-01 19:05:38 +00:00
parent 745e180de1
commit b60adc4199
1 changed files with 70 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/app/portafolio/page.tsx
View File

@@ -3,9 +3,8 @@
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay"; import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix"; import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FooterBase from "@/components/sections/footer/FooterBase"; import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
export default function PortafolioPage() { export default function PortafolioPage() {
return ( return (
@@ -22,68 +21,62 @@ export default function PortafolioPage() {
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Webild" brandName="Webild"
navItems={[ navItems={[
{ name: "Inicio", href: "/" }, { name: "Inicio", id: "/" },
{ name: "Portafolio", href: "/portafolio" }, { name: "Portafolio", id: "/portafolio" },
{ name: "Servicios", href: "/#services" }, { name: "Servicios", id: "/servicios" },
{ name: "Nosotros", href: "/#about" }, { name: "Nosotros", id: "/nosotros" },
{ name: "Contacto", href: "/contacto" } { name: "Contacto", id: "/contacto" },
]} ]}
button={{ text: "Comenzar", href: "/contacto" }} button={{ text: "Empezar", href: "#contact" }}
/> />
<FeatureCardTwentySix </div>
title="Nuestro Portafolio"
description="Una selección de los proyectos que hemos creado para clientes en diversas industrias. Explora nuestros casos de estudio para ver cómo transformamos ideas en realidades digitales." <div id="portafolio" data-section="portafolio">
<ProductCardTwo
title="Nuestro Trabajo Reciente"
description="Una muestra de nuestros proyectos más destacados y la calidad que ofrecemos."
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
buttons={[]} products={[
buttonAnimation="slide-up"
cardClassName="!h-auto aspect-video"
features={[
{ {
title: "Umbra Skincare", description: "Comercio electrónico de fragancias de lujo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp", imageAlt: "Sitio web de Umbra Skincare", buttonIcon: ArrowUpRight, id: "1", brand: "Cliente A", name: "Rediseño Corporativo", price: "Diseño Web", rating: 5,
buttonHref: "#"}, reviewCount: "4.8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/portfolio-1.webp", imageAlt: "Rediseño Corporativo"},
{ {
title: "Luxuria Travel", description: "Experiencias de viaje de lujo a medida", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp", imageAlt: "Sitio web de Luxuria Travel", buttonIcon: ArrowUpRight, id: "2", brand: "Cliente B", name: "Plataforma E-commerce", price: "Desarrollo Web", rating: 5,
buttonHref: "#"}, reviewCount: "4.9", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/portfolio-2.webp", imageAlt: "Plataforma E-commerce"},
{ {
title: "Cuidado Dental", description: "Clínica dental de primera categoría", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp", imageAlt: "Sitio web de Luxury Dental Care", buttonIcon: ArrowUpRight, id: "3", brand: "Cliente C", name: "Campaña de Marketing", price: "SEO & Branding", rating: 5,
buttonHref: "#"}, reviewCount: "4.7", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/portfolio-3.webp", imageAlt: "Campaña de Marketing"},
{
title: "Summit Roofing", description: "Servicios profesionales de techado", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp", imageAlt: "Sitio web de Summit Roofing", buttonIcon: ArrowUpRight,
buttonHref: "#"},
{
title: "Bienes Raíces en Dubái", description: "Listados de propiedades de lujo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp", imageAlt: "Sitio web de Bienes Raíces en Dubái", buttonIcon: ArrowUpRight,
buttonHref: "#"},
{
title: "Daily Life App", description: "Diseño UI/UX para aplicación de productividad", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "Daily Life app UI/UX design", buttonIcon: ArrowUpRight,
buttonHref: "#"},
{
title: "SaaS Platform", description: "Interfaz de usuario para plataforma de software como servicio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "SaaS platform UI/UX design", buttonIcon: ArrowUpRight,
buttonHref: "#"}
]} ]}
/> />
<FooterBase </div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Webild" logoText="Webild"
copyrightText="© 2026 | Webild" copyrightText="© 2026 | Webild"
columns={[ columns={[
{ {
title: "Compañía", items: [ title: "Empresa", items: [
{ label: "Inicio", href: "/" }, { label: "Inicio", href: "/" },
{ label: "Nosotros", href: "/#about" },
{ label: "Servicios", href: "/#services" },
{ label: "Portafolio", href: "/portafolio" }, { label: "Portafolio", href: "/portafolio" },
{ label: "Servicios", href: "/servicios" },
{ label: "Nosotros", href: "/nosotros" },
{ label: "Contacto", href: "/contacto" }, { label: "Contacto", href: "/contacto" },
], ],
}, },
{ {
title: "Servicios", items: [ title: "Servicios", items: [
{ label: "Desarrollo Web", href: "#" }, { label: "Diseño Web", href: "/servicios" },
{ label: "SEO", href: "#" }, { label: "Desarrollo", href: "/servicios" },
{ label: "Marca", href: "#" }, { label: "SEO", href: "/servicios" },
{ label: "Diseño UI/UX", href: "#" }, { label: "Branding", href: "/servicios" },
], ],
}, },
{ {
@@ -91,11 +84,11 @@ export default function PortafolioPage() {
{ label: "Twitter", href: "#" }, { label: "Twitter", href: "#" },
{ label: "LinkedIn", href: "#" }, { label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" }, { label: "Instagram", href: "#" },
{ label: "Dribbble", href: "#" },
], ],
}, },
]} ]}
/> />
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );