bender/925bf849-c815-4e80-98d9-ddf79b5718cd
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-04-13 01:47:45 +00:00
parent 60b16e6934
commit 00a3fb3323
1 changed files with 29 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
src/app/page.tsx
View File

@@ -29,21 +29,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Projects",
id: "projects",
},
name: "Projects", id: "projects"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Portfolio"
/>
@@ -52,31 +44,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Crafting Immersive Digital Experiences"
description="I transform complex problems into elegant, 3D-ready digital solutions that push the boundaries of user interaction and visual storytelling."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197876.jpg",
imageAlt: "3d abstract background",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197876.jpg", imageAlt: "3d abstract background"},
{
imageSrc: "http://img.b2bpic.net/free-photo/brushed-painted-spot-abstract-background_23-2148055477.jpg",
imageAlt: "abstract particle flow",
},
imageSrc: "http://img.b2bpic.net/free-photo/brushed-painted-spot-abstract-background_23-2148055477.jpg", imageAlt: "abstract particle flow"},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-12984.jpg",
imageAlt: "floating crystal neon",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-concrete-room-with-neon-lights_1048-12984.jpg", imageAlt: "floating crystal neon"},
{
imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603083.jpg",
imageAlt: "Half whale half-robot in fantasy style",
},
imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603083.jpg", imageAlt: "Half whale half-robot in fantasy style"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-half-whale-half-robot_23-2151603070.jpg",
imageAlt: "Fantasy style half whale half-robot",
},
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-half-whale-half-robot_23-2151603070.jpg", imageAlt: "Fantasy style half whale half-robot"},
]}
mediaAnimation="slide-up"
/>
@@ -88,55 +69,30 @@ export default function LandingPage() {
title="Passionate about building intuitive software."
buttons={[
{
text: "View Resume",
href: "#",
},
text: "View Resume", href: "#"},
]}
/>
</div>
<div id="projects" data-section="projects">
<ProductCardThree
animationType="blur-reveal"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Dashboard UI",
price: "View Case",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063043.jpg",
},
id: "p1", name: "Dashboard UI", price: "View Case", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063043.jpg"},
{
id: "p2",
name: "SaaS Platform",
price: "View Case",
imageSrc: "http://img.b2bpic.net/free-photo/remote-woman-working-modern-house-giving-voice-command-tablet-with-smart-home-application-lights-turning_482257-2265.jpg",
},
id: "p2", name: "SaaS Platform", price: "View Case", imageSrc: "http://img.b2bpic.net/free-photo/remote-woman-working-modern-house-giving-voice-command-tablet-with-smart-home-application-lights-turning_482257-2265.jpg"},
{
id: "p3",
name: "E-Commerce",
price: "View Case",
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg",
},
id: "p3", name: "E-Commerce", price: "View Case", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg"},
{
id: "p4",
name: "Software Tool",
price: "View Case",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-smartphone-mockup-with-dramatic-lighting_9975-134422.jpg",
},
id: "p4", name: "Software Tool", price: "View Case", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-smartphone-mockup-with-dramatic-lighting_9975-134422.jpg"},
{
id: "p5",
name: "Web Interface",
price: "View Case",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg",
},
id: "p5", name: "Web Interface", price: "View Case", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg"},
{
id: "p6",
name: "Architecture Nodes",
price: "View Case",
imageSrc: "http://img.b2bpic.net/free-photo/purple-delivery-car-delivery-truck-transport-shipping-icon-online-shopping-concept-3d-illustration_56104-2110.jpg",
},
id: "p6", name: "Architecture Nodes", price: "View Case", imageSrc: "http://img.b2bpic.net/free-photo/purple-delivery-car-delivery-truck-transport-shipping-icon-online-shopping-concept-3d-illustration_56104-2110.jpg"},
]}
title="Featured Projects"
description="A selection of my technical and creative work."
@@ -151,20 +107,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "50+",
description: "Projects Completed",
},
id: "m1", value: "50+", description: "Projects Completed"},
{
id: "m2",
value: "5M+",
description: "Users Impacted",
},
id: "m2", value: "5M+", description: "Users Impacted"},
{
id: "m3",
value: "100%",
description: "Client Satisfaction",
},
id: "m3", value: "100%", description: "Client Satisfaction"},
]}
title="Performance Milestones"
description="Driven by data, focused on impact."
@@ -175,16 +122,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Let's Talk"
title="Ready for your next project?"
description="I'm always open to discussing new innovative ideas and collaborations."
buttons={[
{
text: "Send Message",
href: "mailto:hello@example.com",
},
text: "Send Message", href: "mailto:hello@example.com"},
]}
/>
</div>
@@ -194,29 +138,19 @@ export default function LandingPage() {
logoText="Portfolio"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "Projects",
href: "#projects",
},
label: "Projects", href: "#projects"},
],
},
{
title: "Social",
items: [
title: "Social", items: [
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
{
label: "GitHub",
href: "#",
},
label: "GitHub", href: "#"},
],
},
]}