bender/a994a207-14e1-4f9b-b492-fded498a6a0c
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-05-10 13:18:59 +00:00
parent 54bf576b01
commit 42ebb3a3f1
1 changed files with 44 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

215
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "home",
},
name: "Home", id: "home"},
{
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"
/>
@@ -54,31 +46,20 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Building Premium Digital Experiences"
description="I craft highly animated, professional portfolios that combine sleek design with exceptional performance. Let's create something extraordinary."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-multicolored-paper-sheets_23-2148603785.jpg",
imageAlt: "professional portfolio background",
},
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-multicolored-paper-sheets_23-2148603785.jpg", imageAlt: "professional portfolio background"},
{
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885681.jpg",
imageAlt: "professional portfolio background",
},
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885681.jpg", imageAlt: "professional portfolio background"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-microphone_23-2149215569.jpg",
imageAlt: "professional portfolio background",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-microphone_23-2149215569.jpg", imageAlt: "professional portfolio background"},
{
imageSrc: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-132047.jpg",
imageAlt: "professional portfolio background",
},
imageSrc: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-132047.jpg", imageAlt: "professional portfolio background"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dark-geometric-background-with-copy-space_24972-1816.jpg",
imageAlt: "professional portfolio background",
},
imageSrc: "http://img.b2bpic.net/free-photo/dark-geometric-background-with-copy-space_24972-1816.jpg", imageAlt: "professional portfolio background"},
]}
mediaAnimation="slide-up"
/>
@@ -89,14 +70,9 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "I am a professional designer and developer passionate about high-end digital aesthetics.",
},
type: "text", content: "I am a professional designer and developer passionate about high-end digital aesthetics."},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
alt: "professional headshot man",
},
type: "image", src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "professional headshot man"},
]}
/>
</div>
@@ -109,35 +85,15 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "UI Architecture",
price: "Web Design",
imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-christmas-sale-close-up_169016-43488.jpg",
},
id: "1", name: "UI Architecture", price: "Web Design", imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-christmas-sale-close-up_169016-43488.jpg"},
{
id: "2",
name: "Brand Identity",
price: "Branding",
imageSrc: "http://img.b2bpic.net/free-photo/modern-particle-background-with-abstract-dots_1048-12011.jpg",
},
id: "2", name: "Brand Identity", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/modern-particle-background-with-abstract-dots_1048-12011.jpg"},
{
id: "3",
name: "Enterprise Dashboard",
price: "Development",
imageSrc: "http://img.b2bpic.net/free-photo/3d-team-leader-solving-technical-issue_482257-121367.jpg",
},
id: "3", name: "Enterprise Dashboard", price: "Development", imageSrc: "http://img.b2bpic.net/free-photo/3d-team-leader-solving-technical-issue_482257-121367.jpg"},
{
id: "4",
name: "Design System",
price: "UI/UX",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-paper_23-2149930977.jpg",
},
id: "4", name: "Design System", price: "UI/UX", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-paper_23-2149930977.jpg"},
{
id: "5",
name: "Corporate Site",
price: "Web Dev",
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg",
},
id: "5", name: "Corporate Site", price: "Web Dev", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-103820.jpg"},
]}
title="Featured Work"
description="A curated collection of my most impactful digital projects, blending technical precision with artistic flair."
@@ -146,42 +102,22 @@ export default function LandingPage() {
<div id="work" data-section="work">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "w1",
title: "Senior Designer",
author: "Agency X",
description: "Led design teams for global clients.",
tags: [
"UI/UX",
"Management",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-play-music-innovative-technology_53876-96319.jpg",
},
id: "w1", title: "Senior Designer", author: "Agency X", description: "Led design teams for global clients.", tags: [
"UI/UX", "Management"],
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-play-music-innovative-technology_53876-96319.jpg"},
{
id: "w2",
title: "Lead Developer",
author: "Startup Y",
description: "Scaled enterprise applications.",
tags: [
"React",
"Cloud",
],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-with-futuristic-design_1048-5529.jpg",
},
id: "w2", title: "Lead Developer", author: "Startup Y", description: "Scaled enterprise applications.", tags: [
"React", "Cloud"],
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-background-with-futuristic-design_1048-5529.jpg"},
{
id: "w3",
title: "Creative Consultant",
author: "Studio Z",
description: "Consulted on visual identity.",
tags: [
"Creative",
"Strategy",
],
imageSrc: "http://img.b2bpic.net/free-photo/worker-creative-office-uses-cad-software-design-house-interior_482257-125210.jpg",
},
id: "w3", title: "Creative Consultant", author: "Studio Z", description: "Consulted on visual identity.", tags: [
"Creative", "Strategy"],
imageSrc: "http://img.b2bpic.net/free-photo/worker-creative-office-uses-cad-software-design-house-interior_482257-125210.jpg"},
]}
title="Work Experience"
description="My journey through industry-leading agencies and startups."
@@ -196,33 +132,13 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "p1",
name: "GitHub",
role: "Open Source",
description: "My repositories.",
imageSrc: "http://img.b2bpic.net/free-photo/hand-touching-invisible-screen-pixel-dispersion-style_53876-126917.jpg",
},
id: "p1", name: "GitHub", role: "Open Source", description: "My repositories.", imageSrc: "http://img.b2bpic.net/free-photo/hand-touching-invisible-screen-pixel-dispersion-style_53876-126917.jpg"},
{
id: "p2",
name: "Behance",
role: "Creative",
description: "Design case studies.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-uv-ultraviolet-light-composition_23-2149243974.jpg",
},
id: "p2", name: "Behance", role: "Creative", description: "Design case studies.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-uv-ultraviolet-light-composition_23-2149243974.jpg"},
{
id: "p3",
name: "LinkedIn",
role: "Professional",
description: "Career highlights.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-digital-tablet-with-search-job-screen-male-hands_169016-38637.jpg",
},
id: "p3", name: "LinkedIn", role: "Professional", description: "Career highlights.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-digital-tablet-with-search-job-screen-male-hands_169016-38637.jpg"},
{
id: "p4",
name: "Dribbble",
role: "Visual",
description: "Shot explorations.",
imageSrc: "http://img.b2bpic.net/free-photo/ideas-creation-design-process-icon_53876-124499.jpg",
},
id: "p4", name: "Dribbble", role: "Visual", description: "Shot explorations.", imageSrc: "http://img.b2bpic.net/free-photo/ideas-creation-design-process-icon_53876-124499.jpg"},
]}
title="Professional Profiles"
description="Where I share my code, design process, and professional story."
@@ -235,45 +151,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Excellent work",
quote: "The best developer I have worked with.",
name: "Sarah Johnson",
role: "CEO",
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
},
id: "1", title: "Excellent work", quote: "The best developer I have worked with.", name: "Sarah Johnson", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg"},
{
id: "2",
title: "Great vision",
quote: "Professional, creative, and fast.",
name: "Michael Chen",
role: "CTO",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-with-arms-crossed_1170-1133.jpg",
},
id: "2", title: "Great vision", quote: "Professional, creative, and fast.", name: "Michael Chen", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-with-arms-crossed_1170-1133.jpg"},
{
id: "3",
title: "Top tier",
quote: "Exceptional attention to detail.",
name: "Emily Rodriguez",
role: "Manager",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5353.jpg",
},
id: "3", title: "Top tier", quote: "Exceptional attention to detail.", name: "Emily Rodriguez", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5353.jpg"},
{
id: "4",
title: "Inspiring",
quote: "Transforms complex ideas into art.",
name: "David Kim",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-brush-stroke_23-2149020782.jpg",
},
id: "4", title: "Inspiring", quote: "Transforms complex ideas into art.", name: "David Kim", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket-brush-stroke_23-2149020782.jpg"},
{
id: "5",
title: "Highly recommended",
quote: "Always delivers on time and budget.",
name: "Jessica Lee",
role: "Developer",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
},
id: "5", title: "Highly recommended", quote: "Always delivers on time and budget.", name: "Jessica Lee", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
]}
title="Client Feedback"
description="Insights from those I have had the privilege to collaborate with."
@@ -284,8 +170,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Contact"
title="Let's Build Something Together"
description="Drop me a message to discuss your next project."
@@ -298,33 +183,21 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Navigate",
items: [
title: "Navigate", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Projects",
href: "#projects",
},
label: "Projects", href: "#projects"},
],
},
{
title: "Socials",
items: [
title: "Socials", items: [
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
{
label: "GitHub",
href: "#",
},
label: "GitHub", href: "#"},
],
},
]}