Update src/app/portafolio/page.tsx
This commit is contained in:
@@ -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,80 +21,74 @@ export default function PortafolioPage() {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<NavbarLayoutFloatingOverlay
|
<div id="nav" data-section="nav">
|
||||||
brandName="Webild"
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
brandName="Webild"
|
||||||
{ name: "Inicio", href: "/" },
|
navItems={[
|
||||||
{ name: "Portafolio", href: "/portafolio" },
|
{ name: "Inicio", id: "/" },
|
||||||
{ name: "Servicios", href: "/#services" },
|
{ name: "Portafolio", id: "/portafolio" },
|
||||||
{ name: "Nosotros", href: "/#about" },
|
{ name: "Servicios", id: "/servicios" },
|
||||||
{ name: "Contacto", href: "/contacto" }
|
{ name: "Nosotros", id: "/nosotros" },
|
||||||
]}
|
{ name: "Contacto", id: "/contacto" },
|
||||||
button={{ text: "Comenzar", href: "/contacto" }}
|
]}
|
||||||
/>
|
button={{ text: "Empezar", href: "#contact" }}
|
||||||
<FeatureCardTwentySix
|
/>
|
||||||
title="Nuestro Portafolio"
|
</div>
|
||||||
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"
|
<div id="portafolio" data-section="portafolio">
|
||||||
useInvertedBackground={false}
|
<ProductCardTwo
|
||||||
buttons={[]}
|
title="Nuestro Trabajo Reciente"
|
||||||
buttonAnimation="slide-up"
|
description="Una muestra de nuestros proyectos más destacados y la calidad que ofrecemos."
|
||||||
cardClassName="!h-auto aspect-video"
|
gridVariant="uniform-all-items-equal"
|
||||||
features={[
|
animationType="slide-up"
|
||||||
{
|
textboxLayout="default"
|
||||||
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,
|
useInvertedBackground={false}
|
||||||
buttonHref: "#"},
|
products={[
|
||||||
{
|
{
|
||||||
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: "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: "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: "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: "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,
|
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: "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: "#"},
|
</div>
|
||||||
{
|
|
||||||
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,
|
<div id="footer" data-section="footer">
|
||||||
buttonHref: "#"},
|
<FooterBaseReveal
|
||||||
{
|
logoText="Webild"
|
||||||
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,
|
copyrightText="© 2026 | Webild"
|
||||||
buttonHref: "#"}
|
columns={[
|
||||||
]}
|
{
|
||||||
/>
|
title: "Empresa", items: [
|
||||||
<FooterBase
|
{ label: "Inicio", href: "/" },
|
||||||
logoText="Webild"
|
{ label: "Portafolio", href: "/portafolio" },
|
||||||
copyrightText="© 2026 | Webild"
|
{ label: "Servicios", href: "/servicios" },
|
||||||
columns={[
|
{ label: "Nosotros", href: "/nosotros" },
|
||||||
{
|
{ label: "Contacto", href: "/contacto" },
|
||||||
title: "Compañía", items: [
|
],
|
||||||
{ label: "Inicio", href: "/" },
|
},
|
||||||
{ label: "Nosotros", href: "/#about" },
|
{
|
||||||
{ label: "Servicios", href: "/#services" },
|
title: "Servicios", items: [
|
||||||
{ label: "Portafolio", href: "/portafolio" },
|
{ label: "Diseño Web", href: "/servicios" },
|
||||||
{ label: "Contacto", href: "/contacto" },
|
{ label: "Desarrollo", href: "/servicios" },
|
||||||
],
|
{ label: "SEO", href: "/servicios" },
|
||||||
},
|
{ label: "Branding", href: "/servicios" },
|
||||||
{
|
],
|
||||||
title: "Servicios", items: [
|
},
|
||||||
{ label: "Desarrollo Web", href: "#" },
|
{
|
||||||
{ label: "SEO", href: "#" },
|
title: "Conectar", items: [
|
||||||
{ label: "Marca", href: "#" },
|
{ label: "Twitter", href: "#" },
|
||||||
{ label: "Diseño UI/UX", href: "#" },
|
{ label: "LinkedIn", href: "#" },
|
||||||
],
|
{ label: "Instagram", href: "#" },
|
||||||
},
|
],
|
||||||
{
|
},
|
||||||
title: "Conectar", items: [
|
]}
|
||||||
{ label: "Twitter", href: "#" },
|
/>
|
||||||
{ label: "LinkedIn", href: "#" },
|
</div>
|
||||||
{ label: "Instagram", href: "#" },
|
|
||||||
{ label: "Dribbble", href: "#" },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user