bender/bb83fc2f-654b-4d81-b321-e6ac404ac42d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-16 13:37:13 +00:00
parent a99763a9b9
commit 6b95b61c81
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/page.tsx
View File

@@ -49,7 +49,7 @@ export default function LandingPage() {
{ text: "Let's Connect", href: "#contact" }
]}
buttonAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "radial-gradient" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-talented-frontend-developer-at-their-w-1773668137131-8317e425.png"
imageAlt="Frontend developer at modern workspace"
mediaAnimation="blur-reveal"
@@ -85,10 +85,10 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "ecommerce", name: "E-Commerce Platform", price: "React + Tailwind", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-beautiful-modern-e-commerce-website-in-1773668138079-f13957a7.png?_wi=1", imageAlt: "Modern e-commerce website interface"
id: "ecommerce", name: "E-Commerce Platform", price: "React + Tailwind", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-beautiful-modern-e-commerce-website-in-1773668138079-f13957a7.png", imageAlt: "Modern e-commerce website interface"
},
{
id: "saas", name: "Analytics Dashboard", price: "Next.js + TypeScript", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-sleek-saas-dashboard-interface-with-da-1773668137050-411a2f51.png?_wi=1", imageAlt: "SaaS dashboard with data visualization"
id: "saas", name: "Analytics Dashboard", price: "Next.js + TypeScript", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-sleek-saas-dashboard-interface-with-da-1773668137050-411a2f51.png", imageAlt: "SaaS dashboard with data visualization"
},
{
id: "portfolio", name: "Designer Portfolio", price: "Next.js + Framer Motion", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-stunning-designer-or-creative-professi-1773668157248-2b51b800.png", imageAlt: "Creative portfolio website showcase"
@@ -111,29 +111,29 @@ export default function LandingPage() {
{
title: "React & Modern JavaScript", description: "Expert in building component-driven UIs with React, hooks, state management, and modern ES6+ patterns for scalable applications.", icon: Code,
mediaItems: [
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/an-illustration-representing-react-js-sh-1773668137111-5a8407fa.png?_wi=1" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-visual-representation-of-typescript-sh-1773668138042-28b1cdc9.png?_wi=1" }
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/an-illustration-representing-react-js-sh-1773668137111-5a8407fa.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-visual-representation-of-typescript-sh-1773668138042-28b1cdc9.png" }
]
},
{
title: "Styling & Design Systems", description: "Proficient with Tailwind CSS, CSS-in-JS, responsive design, and creating consistent design systems that scale across projects.", icon: Palette,
mediaItems: [
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/an-illustration-representing-tailwind-cs-1773668135117-9881bbf8.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/an-illustration-representing-react-js-sh-1773668137111-5a8407fa.png?_wi=2" }
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/an-illustration-representing-react-js-sh-1773668137111-5a8407fa.png" }
]
},
{
title: "Full-Stack Development", description: "Experience with Next.js for full-stack development, API integration, server-side rendering, and deployment optimization.", icon: Package,
mediaItems: [
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-visual-representation-of-next-js-showi-1773668135988-e0b3deed.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-visual-representation-of-typescript-sh-1773668138042-28b1cdc9.png?_wi=2" }
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-visual-representation-of-typescript-sh-1773668138042-28b1cdc9.png" }
]
},
{
title: "Performance & Optimization", description: "Focused on web performance, accessibility (WCAG), SEO optimization, and creating fast, inclusive experiences for all users.", icon: Zap,
mediaItems: [
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-beautiful-modern-e-commerce-website-in-1773668138079-f13957a7.png?_wi=2" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-sleek-saas-dashboard-interface-with-da-1773668137050-411a2f51.png?_wi=2" }
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-beautiful-modern-e-commerce-website-in-1773668138079-f13957a7.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1sk1Hj5AhcwTFzHn6Pfw8ZL9k/a-sleek-saas-dashboard-interface-with-da-1773668137050-411a2f51.png" }
]
}
]}