diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index bde23d1..e2eb570 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -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() {
@@ -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: "#"},
]}
/>
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 3370f95..019900e 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -15,28 +15,16 @@ export default function HomePage() {
@@ -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."},
]}
/>
@@ -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"},
]}
/>
@@ -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"},
]}
/>
@@ -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"},
]}
/>
@@ -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: "#"}}
/>