Update src/app/portfolio/page.tsx

This commit is contained in:
2026-06-12 21:25:08 +00:00
parent c2c2c5e4ad
commit 4ec31db4ce

View File

@@ -6,7 +6,7 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
import HeroSplit from "@/components/sections/hero/HeroSplit";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, ArrowUpRight } from "lucide-react";
export default function PortfolioPage() {
@@ -27,10 +27,10 @@ export default function PortfolioPage() {
<NavbarLayoutFloatingOverlay
brandName="Webild"
navItems={[
{ name: "Work", href: "/portfolio" },
{ name: "Work", id: "/portfolio" },
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Get Started", href: "/contact" }}
/>
@@ -43,7 +43,7 @@ export default function PortfolioPage() {
background={{ variant: "radial-gradient" }}
buttons={[
{ text: "Get a Quote", href: "/contact" },
{ text: "Learn More", href: "#casestudies" },
{ text: "Learn More", href: "#casestudies" }
]}
buttonAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=1"
@@ -58,32 +58,32 @@ export default function PortfolioPage() {
animationType="slide-up"
features={[
{
title: "Umbra Skincare", descriptions: ["Luxury fragrance e-commerce website designed for high conversions and an immersive brand experience."],
id: "1", title: "Umbra Skincare", descriptions: ["Luxury fragrance e-commerce website designed for high conversions and an immersive brand experience."],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp", imageAlt: "Umbra Skincare website design"},
{
title: "Luxuria Travel", descriptions: ["Bespoke luxury travel platform, providing seamless booking and personalized itinerary planning."],
id: "2", title: "Luxuria Travel", descriptions: ["Bespoke luxury travel platform, providing seamless booking and personalized itinerary planning."],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp", imageAlt: "Luxuria Travel website design"},
{
title: "Dental Care Pro", descriptions: ["Modern website for a premier dental practice, focusing on patient education and appointment scheduling."],
id: "3", title: "Dental Care Pro", descriptions: ["Modern website for a premier dental practice, focusing on patient education and appointment scheduling."],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp", imageAlt: "Dental Care Pro website design"},
{
title: "Summit Roofing", descriptions: ["Professional website for a roofing service company, highlighting their expertise and customer testimonials."],
id: "4", title: "Summit Roofing", descriptions: ["Professional website for a roofing service company, highlighting their expertise and customer testimonials."],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp", imageAlt: "Summit Roofing website design"},
{
title: "Dubai Real Estate", descriptions: ["Elegant platform for luxury property listings in Dubai, offering advanced search and virtual tours."],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp", imageAlt: "Dubai Real Estate website design"},
id: "5", title: "Dubai Real Estate", descriptions: ["Elegant platform for luxury property listings in Dubai, offering advanced search and virtual tours."],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp", imageAlt: "Dubai Real Estate website design"}
]}
/>
<ContactText
text="Ready to transform your vision into a digital reality?"
buttons={[
{ text: "Get Started", href: "/contact" },
{ text: "View Services", href: "/" },
{ text: "View Services", href: "/" }
]}
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
/>
<FooterCard
<FooterBaseCard
logoText="Webild"
copyrightText="© 2026 | Webild"
columns={[
@@ -92,25 +92,25 @@ export default function PortfolioPage() {
{ label: "About", href: "/" },
{ label: "Services", href: "/" },
{ label: "Work", href: "/portfolio" },
{ label: "Contact", href: "/contact" },
],
{ label: "Contact", href: "/contact" }
]
},
{
title: "Services", items: [
{ label: "Web Development", href: "/" },
{ label: "SEO", href: "/" },
{ label: "Branding", href: "/" },
{ label: "UI/UX Design", href: "/" },
],
{ label: "UI/UX Design", href: "/" }
]
},
{
title: "Connect", items: [
{ label: "Twitter", href: "#" },
{ label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" },
{ label: "Dribbble", href: "#" },
],
},
{ label: "Dribbble", href: "#" }
]
}
]}
/>
</ReactLenis>