bender/05e61a0a-c9ed-4190-97f2-acf2ef0b515a
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-29 02:50:08 +00:00
parent d190f5109b
commit a01bff0590
1 changed files with 48 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
src/app/page.tsx
View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Skills",
id: "#skills",
},
name: "Skills", id: "#skills"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Achievements",
id: "#achievements",
},
name: "Achievements", id: "#achievements"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Blog",
id: "#blog",
},
name: "Blog", id: "#blog"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Creative Portfolio"
/>
@@ -72,20 +56,15 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardScroll
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="Creative Excellence. Digital Innovation."
description="Transforming ideas into captivating digital experiences. Explore my journey in design and development."
tag="My Portfolio"
buttons={[
{
text: "View My Work",
href: "#projects",
},
text: "View My Work", href: "#projects"},
{
text: "Get in Touch",
href: "#contact",
},
text: "Get in Touch", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-concentrated-bearded-man-earphones_171337-4767.jpg"
imageAlt="Creative professional working on laptop with digital designs"
@@ -97,20 +76,13 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Who I Am",
},
type: "text", content: "Who I Am"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/impressed-young-handsome-blonde-ill-man-wearing-winter-hat-scarf-wrapped-plaid-holding-idea-bubble-looking-camera-isolated-olive-green-background_141793-76481.jpg",
alt: "Creative professional in a thoughtful pose",
},
type: "image", src: "http://img.b2bpic.net/free-photo/impressed-young-handsome-blonde-ill-man-wearing-winter-hat-scarf-wrapped-plaid-holding-idea-bubble-looking-camera-isolated-olive-green-background_141793-76481.jpg", alt: "Creative professional in a thoughtful pose"},
]}
buttons={[
{
text: "Learn More",
href: "#skills",
},
text: "Learn More", href: "#skills"},
]}
/>
</div>
@@ -121,29 +93,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
tag: "Design",
title: "UI/UX & Branding",
subtitle: "Crafting intuitive and visually stunning experiences.",
description: "Expert in user-centered design, wireframing, prototyping, and creating cohesive brand identities.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg",
imageAlt: "UI/UX design software interface",
},
tag: "Design", title: "UI/UX & Branding", subtitle: "Crafting intuitive and visually stunning experiences.", description: "Expert in user-centered design, wireframing, prototyping, and creating cohesive brand identities.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg", imageAlt: "UI/UX design software interface"},
{
tag: "Development",
title: "Frontend & Backend",
subtitle: "Bringing designs to life with robust and scalable code.",
description: "Proficient in modern web technologies, full-stack development, and database management.",
imageSrc: "http://img.b2bpic.net/free-photo/ai-chatbot-application-displayed-desktop-computer-solutions_482257-123023.jpg",
imageAlt: "Web development code on a screen",
},
tag: "Development", title: "Frontend & Backend", subtitle: "Bringing designs to life with robust and scalable code.", description: "Proficient in modern web technologies, full-stack development, and database management.", imageSrc: "http://img.b2bpic.net/free-photo/ai-chatbot-application-displayed-desktop-computer-solutions_482257-123023.jpg", imageAlt: "Web development code on a screen"},
{
tag: "Strategy",
title: "Digital Strategy & Consulting",
subtitle: "Guiding projects from concept to successful launch.",
description: "Providing strategic insights, market analysis, and project management to ensure client success.",
imageSrc: "http://img.b2bpic.net/free-photo/discussion-brainstorm-business-meeting-briefing_53876-20971.jpg",
imageAlt: "People brainstorming and planning strategy",
},
tag: "Strategy", title: "Digital Strategy & Consulting", subtitle: "Guiding projects from concept to successful launch.", description: "Providing strategic insights, market analysis, and project management to ensure client success.", imageSrc: "http://img.b2bpic.net/free-photo/discussion-brainstorm-business-meeting-briefing_53876-20971.jpg", imageAlt: "People brainstorming and planning strategy"},
]}
title="My Core Skills"
description="Leveraging a diverse skill set to deliver impactful solutions across various disciplines. My expertise spans various domains, ensuring a comprehensive approach to every project."
@@ -158,47 +112,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "E-commerce Platform Redesign",
price: "UI/UX, Frontend",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913296.jpg",
imageAlt: "Modern e-commerce website redesign",
},
id: "p1", name: "E-commerce Platform Redesign", price: "UI/UX, Frontend", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913296.jpg", imageAlt: "Modern e-commerce website redesign"},
{
id: "p2",
name: "Data Dashboard Development",
price: "Full-stack, Data Viz",
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104473.jpg",
imageAlt: "Interactive data dashboard",
},
id: "p2", name: "Data Dashboard Development", price: "Full-stack, Data Viz", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104473.jpg", imageAlt: "Interactive data dashboard"},
{
id: "p3",
name: "Brand Identity Creation",
price: "Branding, Graphics",
imageSrc: "http://img.b2bpic.net/free-photo/startup-business-people-looking-strategy-board-information-thoughtful_53876-42719.jpg",
imageAlt: "Creative brand identity and logo design",
},
id: "p3", name: "Brand Identity Creation", price: "Branding, Graphics", imageSrc: "http://img.b2bpic.net/free-photo/startup-business-people-looking-strategy-board-information-thoughtful_53876-42719.jpg", imageAlt: "Creative brand identity and logo design"},
{
id: "p4",
name: "Landing Page Conversion Optimisation",
price: "Marketing, A/B Testing",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169849.jpg",
imageAlt: "Optimized landing page design",
},
id: "p4", name: "Landing Page Conversion Optimisation", price: "Marketing, A/B Testing", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169849.jpg", imageAlt: "Optimized landing page design"},
{
id: "p5",
name: "Interactive Mobile App Concept",
price: "UI/UX, Prototyping",
imageSrc: "http://img.b2bpic.net/free-photo/school-items-arrangement-flat-lay_23-2149001124.jpg",
imageAlt: "Mobile app interface with interactive elements",
},
id: "p5", name: "Interactive Mobile App Concept", price: "UI/UX, Prototyping", imageSrc: "http://img.b2bpic.net/free-photo/school-items-arrangement-flat-lay_23-2149001124.jpg", imageAlt: "Mobile app interface with interactive elements"},
{
id: "p6",
name: "3D Product Visualization",
price: "3D Modeling, Rendering",
imageSrc: "http://img.b2bpic.net/free-photo/digital-portrait-with-lemon_23-2151065529.jpg",
imageAlt: "3D rendered product visualization",
},
id: "p6", name: "3D Product Visualization", price: "3D Modeling, Rendering", imageSrc: "http://img.b2bpic.net/free-photo/digital-portrait-with-lemon_23-2151065529.jpg", imageAlt: "3D rendered product visualization"},
]}
title="Featured Projects"
description="A collection of my recent work showcasing creativity, technical prowess, and problem-solving skills across various industries."
@@ -213,25 +137,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "30+",
description: "Successful Projects Completed",
},
id: "m1", value: "30+", description: "Successful Projects Completed"},
{
id: "m2",
value: "95%",
description: "Client Satisfaction Rate",
},
id: "m2", value: "95%", description: "Client Satisfaction Rate"},
{
id: "m3",
value: "20%",
description: "Average Conversion Increase",
},
id: "m3", value: "20%", description: "Average Conversion Increase"},
{
id: "m4",
value: "100%",
description: "Project Delivery On Time",
},
id: "m4", value: "100%", description: "Project Delivery On Time"},
]}
title="Key Achievements & Impact"
description="Quantifying success through measurable results and positive client feedback, showcasing real-world impact and dedication."
@@ -242,66 +154,31 @@ export default function LandingPage() {
<TestimonialCardSixteen
textboxLayout="default"
useInvertedBackground={true}
animationType="depth-3d"
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
role: "CEO",
company: "Innovate Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",
imageAlt: "Sarah Johnson portrait",
},
id: "t1", name: "Sarah Johnson", role: "CEO", company: "Innovate Solutions", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", imageAlt: "Sarah Johnson portrait"},
{
id: "t2",
name: "Michael Chen",
role: "Marketing Director",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg",
imageAlt: "Michael Chen portrait",
},
id: "t2", name: "Michael Chen", role: "Marketing Director", company: "GrowthCo", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-city-with-blurred-background_1139-257.jpg", imageAlt: "Michael Chen portrait"},
{
id: "t3",
name: "Emily Rodriguez",
role: "Lead Developer",
company: "TechCrafters",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-lean-grey-wall-holding-laptop-hand_197531-348.jpg",
imageAlt: "Emily Rodriguez portrait",
},
id: "t3", name: "Emily Rodriguez", role: "Lead Developer", company: "TechCrafters", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-lean-grey-wall-holding-laptop-hand_197531-348.jpg", imageAlt: "Emily Rodriguez portrait"},
{
id: "t4",
name: "David Kim",
role: "Founder",
company: "StartupX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/equipment-large-bargain-construction-parked_1134-1112.jpg",
imageAlt: "David Kim portrait",
},
id: "t4", name: "David Kim", role: "Founder", company: "StartupX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/equipment-large-bargain-construction-parked_1134-1112.jpg", imageAlt: "David Kim portrait"},
{
id: "t5",
name: "Jessica Lee",
role: "Creative Director",
company: "ArtFlow Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues-with-laptop_23-2149009002.jpg",
imageAlt: "Jessica Lee portrait",
},
id: "t5", name: "Jessica Lee", role: "Creative Director", company: "ArtFlow Studio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues-with-laptop_23-2149009002.jpg", imageAlt: "Jessica Lee portrait"},
]}
kpiItems={[
{
value: "5/5",
label: "Average Rating",
},
value: "5/5", label: "Average Rating"},
{
value: "100%",
label: "Would Recommend",
},
value: "100%", label: "Would Recommend"},
{
value: "Great",
label: "Communication",
},
value: "Great", label: "Communication"},
]}
title="What Clients Say"
description="Valued feedback from partners and clients, reflecting trust and satisfaction with my dedication and work ethic."
@@ -317,38 +194,11 @@ export default function LandingPage() {
description="Sharing thoughts, trends, and tutorials on design, development, and digital strategy to keep you informed and inspired."
blogs={[
{
id: "b1",
category: "Web Design",
title: "The Future of UI/UX: Trends to Watch",
excerpt: "Explore the emerging trends that are shaping user interface and user experience design in the digital landscape.",
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749857.jpg",
imageAlt: "Modern web design trends",
authorName: "Jane Doe",
authorAvatar: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg",
date: "July 15, 2024",
},
id: "b1", category: "Web Design", title: "The Future of UI/UX: Trends to Watch", excerpt: "Explore the emerging trends that are shaping user interface and user experience design in the digital landscape.", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749857.jpg", imageAlt: "Modern web design trends", authorName: "Jane Doe", authorAvatar: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg", date: "July 15, 2024"},
{
id: "b2",
category: "Branding",
title: "Building a Strong Brand Identity from Scratch",
excerpt: "A comprehensive guide to developing a compelling brand identity that resonates with your target audience.",
imageSrc: "http://img.b2bpic.net/free-photo/designers-working-project_53876-94884.jpg",
imageAlt: "Elements of a strong brand identity",
authorName: "John Smith",
authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-library_23-2148680199.jpg",
date: "July 10, 2024",
},
id: "b2", category: "Branding", title: "Building a Strong Brand Identity from Scratch", excerpt: "A comprehensive guide to developing a compelling brand identity that resonates with your target audience.", imageSrc: "http://img.b2bpic.net/free-photo/designers-working-project_53876-94884.jpg", imageAlt: "Elements of a strong brand identity", authorName: "John Smith", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-library_23-2148680199.jpg", date: "July 10, 2024"},
{
id: "b3",
category: "Development",
title: "Optimizing Your Website for Peak Performance",
excerpt: "Tips and tricks to enhance your website's speed, responsiveness, and overall technical SEO for better rankings.",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-holding-texts-social-media-activities_53876-65654.jpg",
imageAlt: "Website performance optimization tools",
authorName: "Alice Brown",
authorAvatar: "http://img.b2bpic.net/free-photo/lifestyle-tattooed-people_23-2149667364.jpg",
date: "July 5, 2024",
},
id: "b3", category: "Development", title: "Optimizing Your Website for Peak Performance", excerpt: "Tips and tricks to enhance your website's speed, responsiveness, and overall technical SEO for better rankings.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-holding-texts-social-media-activities_53876-65654.jpg", imageAlt: "Website performance optimization tools", authorName: "Alice Brown", authorAvatar: "http://img.b2bpic.net/free-photo/lifestyle-tattooed-people_23-2149667364.jpg", date: "July 5, 2024"},
]}
/>
</div>
@@ -357,8 +207,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Let's Create Something Amazing"
description="Have a project in mind, a question, or just want to chat? I'm always open to new opportunities and collaborations. Reach out!"
@@ -375,19 +224,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn profile",
},
href: "#", ariaLabel: "LinkedIn profile"},
{
icon: Palette,
href: "#",
ariaLabel: "Dribbble portfolio",
},
href: "#", ariaLabel: "Dribbble portfolio"},
{
icon: Github,
href: "#",
ariaLabel: "GitHub repositories",
},
href: "#", ariaLabel: "GitHub repositories"},
]}
/>
</div>