Update src/app/portafolio/page.tsx
This commit is contained in:
@@ -3,9 +3,8 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
|
||||
export default function PortafolioPage() {
|
||||
return (
|
||||
@@ -22,80 +21,74 @@ export default function PortafolioPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Inicio", href: "/" },
|
||||
{ name: "Portafolio", href: "/portafolio" },
|
||||
{ name: "Servicios", href: "/#services" },
|
||||
{ name: "Nosotros", href: "/#about" },
|
||||
{ name: "Contacto", href: "/contacto" }
|
||||
]}
|
||||
button={{ text: "Comenzar", href: "/contacto" }}
|
||||
/>
|
||||
<FeatureCardTwentySix
|
||||
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."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[]}
|
||||
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,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
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,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
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,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
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
|
||||
logoText="Webild"
|
||||
copyrightText="© 2026 | Webild"
|
||||
columns={[
|
||||
{
|
||||
title: "Compañía", items: [
|
||||
{ label: "Inicio", href: "/" },
|
||||
{ label: "Nosotros", href: "/#about" },
|
||||
{ label: "Servicios", href: "/#services" },
|
||||
{ label: "Portafolio", href: "/portafolio" },
|
||||
{ label: "Contacto", href: "/contacto" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Servicios", items: [
|
||||
{ label: "Desarrollo Web", href: "#" },
|
||||
{ label: "SEO", href: "#" },
|
||||
{ label: "Marca", href: "#" },
|
||||
{ label: "Diseño UI/UX", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Conectar", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Dribbble", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Webild"
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "/" },
|
||||
{ name: "Portafolio", id: "/portafolio" },
|
||||
{ name: "Servicios", id: "/servicios" },
|
||||
{ name: "Nosotros", id: "/nosotros" },
|
||||
{ name: "Contacto", id: "/contacto" },
|
||||
]}
|
||||
button={{ text: "Empezar", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<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"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Cliente A", name: "Rediseño Corporativo", price: "Diseño Web", rating: 5,
|
||||
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"},
|
||||
{
|
||||
id: "2", brand: "Cliente B", name: "Plataforma E-commerce", price: "Desarrollo Web", rating: 5,
|
||||
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"},
|
||||
{
|
||||
id: "3", brand: "Cliente C", name: "Campaña de Marketing", price: "SEO & Branding", rating: 5,
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Webild"
|
||||
copyrightText="© 2026 | Webild"
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa", items: [
|
||||
{ label: "Inicio", href: "/" },
|
||||
{ label: "Portafolio", href: "/portafolio" },
|
||||
{ label: "Servicios", href: "/servicios" },
|
||||
{ label: "Nosotros", href: "/nosotros" },
|
||||
{ label: "Contacto", href: "/contacto" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Servicios", items: [
|
||||
{ label: "Diseño Web", href: "/servicios" },
|
||||
{ label: "Desarrollo", href: "/servicios" },
|
||||
{ label: "SEO", href: "/servicios" },
|
||||
{ label: "Branding", href: "/servicios" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Conectar", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user