bender/5802b5b5-cd0d-40a5-b3c3-25460691b6f0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1_1781704391814 into main #1

Merged
bender merged 3 commits from version_1_1781704391814 into main 2026-06-17 13:54:32 +00:00
Conversation 0 Commits 3 Files Changed 2 +43 -143
2 changed files with 43 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/components/Layout.tsx
View File

@@ -8,32 +8,25 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "Home",
"href": "#hero"
"name": "Home", "href": "#hero"
},
{
"name": "About",
"href": "#about"
"name": "About", "href": "#about"
},
{
"name": "Work",
"href": "#work"
"name": "Work", "href": "#work"
},
{
"name": "Contact",
"href": "#contact"
"name": "Contact", "href": "#contact"
},
{
"name": "Features",
"href": "#features"
"name": "Features", "href": "#features"
},
{
"name": "Metrics",
"href": "#metrics"
"name": "Metrics", "href": "#metrics"
},
{
"name": "Testimonials",
"href": "#testimonials"
"name": "Testimonials", "href": "#testimonials"
}
];
@@ -43,10 +36,9 @@ export default function Layout() {
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="MA"
logoImageSrc="http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204922.jpg"
ctaButton={{
text: "Hire Me",
href: "#contact",
}}
text: "Hire Me", href: "#contact"}}
navItems={navItems} />
</SectionErrorBoundary>
<main className="flex-grow">
@@ -57,50 +49,32 @@ export default function Layout() {
brand="Muhammad Abdullah"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Work",
href: "#work",
},
label: "Work", href: "#work"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Socials",
items: [
title: "Socials", items: [
{
label: "GitHub",
href: "#",
},
label: "GitHub", href: "#"},
{
label: "Twitter",
href: "#",
},
label: "Twitter", href: "#"},
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
],
},
]}
copyright="© 2024 Muhammad Abdullah. All rights reserved."
links={[
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
]}
/>
</SectionErrorBoundary>

122
src/pages/HomePage.tsx
View File

@@ -15,28 +15,16 @@ export default function HomePage() {
<SectionErrorBoundary name="hero">
<HeroCenteredLogos
avatarsSrc={[
"http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
"http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
"http://img.b2bpic.net/free-photo/happy-bearded-man-brown-suit-wearing-glasses-looking-smiling-cheerfully_141793-111775.jpg",
"http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg",
]}
"http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", "http://img.b2bpic.net/free-photo/happy-bearded-man-brown-suit-wearing-glasses-looking-smiling-cheerfully_141793-111775.jpg", "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg"]}
avatarText="Trusted by industry experts"
title="Muhammad Abdullah"
description="Crafting fully immersive, 3D interactive web experiences and high-performance front-end solutions."
primaryButton={{
text: "View Projects",
href: "#work",
}}
text: "View Projects", href: "#work"}}
secondaryButton={{
text: "Contact Me",
href: "#contact",
}}
text: "Contact Me", href: "#contact"}}
names={[
"Frontend",
"3D Animation",
"Web Development",
"UI/UX Design",
]}
"Frontend", "3D Animation", "Web Development", "UI/UX Design"]}
imageSrc="http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-background-design_1048-12972.jpg"
/>
</SectionErrorBoundary>
@@ -62,19 +50,13 @@ export default function HomePage() {
features={[
{
icon: Code,
title: "React & Next.js",
description: "Building scalable, performant frontend architectures.",
},
title: "React & Next.js", description: "Building scalable, performant frontend architectures."},
{
icon: Box,
title: "Three.js & WebGL",
description: "Delivering complex 3D experiences inside the browser.",
},
title: "Three.js & WebGL", description: "Delivering complex 3D experiences inside the browser."},
{
icon: Layers,
title: "GSAP Animations",
description: "Complex motion design and fluid interaction transitions.",
},
title: "GSAP Animations", description: "Complex motion design and fluid interaction transitions."},
]}
/>
</SectionErrorBoundary>
@@ -88,40 +70,19 @@ export default function HomePage() {
description="A collection of my latest 3D web experiments and client projects."
items={[
{
title: "SaaS Dashboard",
description: "Data visualization with 3D elements.",
imageSrc: "http://img.b2bpic.net/free-vector/trendy-y2k-design-style-poster-template-set_107791-26292.jpg",
},
title: "SaaS Dashboard", description: "Data visualization with 3D elements.", imageSrc: "http://img.b2bpic.net/free-vector/trendy-y2k-design-style-poster-template-set_107791-26292.jpg"},
{
title: "Mobile App UI",
description: "Interactive mobile navigation prototype.",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg",
},
title: "Mobile App UI", description: "Interactive mobile navigation prototype.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg"},
{
title: "Architectural Studio",
description: "Minimalist gallery with 3D transitions.",
imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-abstract-empty-light-gradient-purple-studio-room-background-product-plain-studio-background_1258-54472.jpg",
},
title: "Architectural Studio", description: "Minimalist gallery with 3D transitions.", imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-abstract-empty-light-gradient-purple-studio-room-background-product-plain-studio-background_1258-54472.jpg"},
{
title: "E-Commerce Store",
description: "Interactive 3D product showcase.",
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-boxes-front-side_187299-37628.jpg",
},
title: "E-Commerce Store", description: "Interactive 3D product showcase.", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-boxes-front-side_187299-37628.jpg"},
{
title: "Creative Portfolio",
description: "Fluid web design with motion effects.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345406.jpg",
},
title: "Creative Portfolio", description: "Fluid web design with motion effects.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345406.jpg"},
{
title: "Analytics System",
description: "High-tech node visualizations.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-low-poly-plexus-design_1048-18244.jpg",
},
title: "Analytics System", description: "High-tech node visualizations.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-low-poly-plexus-design_1048-18244.jpg"},
{
title: "Game Portal",
description: "Immersive gaming interactive portal.",
imageSrc: "http://img.b2bpic.net/free-photo/adha-signages-front-side-white-background_187299-39129.jpg",
},
title: "Game Portal", description: "Immersive gaming interactive portal.", imageSrc: "http://img.b2bpic.net/free-photo/adha-signages-front-side-white-background_187299-39129.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -135,17 +96,11 @@ export default function HomePage() {
description="Delivering quality code that drives measurable results."
metrics={[
{
value: "100+",
description: "Components built",
},
value: "100+", description: "Components built"},
{
value: "99",
description: "Lighthouse performance score",
},
value: "99", description: "Lighthouse performance score"},
{
value: "50k+",
description: "Active users served",
},
value: "50k+", description: "Active users served"},
]}
/>
</SectionErrorBoundary>
@@ -159,40 +114,15 @@ export default function HomePage() {
description="Transforming creative ideas into reality through collaborative innovation."
testimonials={[
{
id: "1",
name: "Sarah Jenkins",
role: "Creative Lead",
quote: "Muhammad's 3D animation skills are unmatched in the industry.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
},
name: "Sarah Jenkins", role: "Creative Lead", quote: "Muhammad's 3D animation skills are unmatched in the industry.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
{
id: "2",
name: "David Vane",
role: "CTO",
quote: "The most professional frontend developer I've worked with.",
imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
},
name: "David Vane", role: "CTO", quote: "The most professional frontend developer I've worked with.", imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg"},
{
id: "3",
name: "Maria Lopez",
role: "Product Designer",
quote: "His eye for detail is incredible, he brings designs to life.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-sitting-chair_23-2149241411.jpg",
},
name: "Maria Lopez", role: "Product Designer", quote: "His eye for detail is incredible, he brings designs to life.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-sitting-chair_23-2149241411.jpg"},
{
id: "4",
name: "Kevin Chen",
role: "Founder",
quote: "Efficient, talented, and highly visionary. Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-couple-blooming-garden_1157-35772.jpg",
},
name: "Kevin Chen", role: "Founder", quote: "Efficient, talented, and highly visionary. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-couple-blooming-garden_1157-35772.jpg"},
{
id: "5",
name: "Linda Wu",
role: "Marketing Director",
quote: "Brought our brand presence into the future with 3D magic.",
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-with-short-curly-hair-wireless-earphones_574295-1285.jpg",
},
name: "Linda Wu", role: "Marketing Director", quote: "Brought our brand presence into the future with 3D magic.", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-lady-with-short-curly-hair-wireless-earphones_574295-1285.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -204,13 +134,9 @@ export default function HomePage() {
tag="Let's Connect"
text="Ready to build the future of the web?"
primaryButton={{
text: "Contact Me",
href: "mailto:muhammad@example.com",
}}
text: "Contact Me", href: "mailto:muhammad@example.com"}}
secondaryButton={{
text: "Download CV",
href: "#",
}}
text: "Download CV", href: "#"}}
/>
</SectionErrorBoundary>
</div>