From dbbf899764a849559182cdf5dd004cc2d9c54eb0 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 14 Mar 2026 09:09:35 +0000 Subject: [PATCH 1/5] Update src/app/about/page.tsx --- src/app/about/page.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 370ba89..6b3f9c2 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -80,12 +80,12 @@ export default function AboutPage() { ]} buttonAnimation="slide-up" carouselItems={[ - { id: "about-carousel-1", imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-mobile-app-template_23-2149440842.jpg", imageAlt: "product design showcase ui ux" }, - { id: "about-carousel-2", imageSrc: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-design_23-2147857787.jpg", imageAlt: "mobile app design concept" }, - { id: "about-carousel-3", imageSrc: "http://img.b2bpic.net/free-psd/template-with-brunch-concept_23-2148452342.jpg", imageAlt: "web design user experience" }, - { id: "about-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/leisure-calm-peace-relaxation-resting-serenity_53876-13860.jpg", imageAlt: "ux research sketching process" }, - { id: "about-carousel-5", imageSrc: "http://img.b2bpic.net/free-vector/modern-duotone-sommelier-logo_742173-5751.jpg", imageAlt: "branding design identity visual" }, - { id: "about-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280984.jpg", imageAlt: "design portfolio case study" }, + { id: "about-carousel-1", imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-mobile-app-template_23-2149440842.jpg?_wi=2", imageAlt: "product design showcase ui ux" }, + { id: "about-carousel-2", imageSrc: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-design_23-2147857787.jpg?_wi=2", imageAlt: "mobile app design concept" }, + { id: "about-carousel-3", imageSrc: "http://img.b2bpic.net/free-psd/template-with-brunch-concept_23-2148452342.jpg?_wi=2", imageAlt: "web design user experience" }, + { id: "about-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/leisure-calm-peace-relaxation-resting-serenity_53876-13860.jpg?_wi=2", imageAlt: "ux research sketching process" }, + { id: "about-carousel-5", imageSrc: "http://img.b2bpic.net/free-vector/modern-duotone-sommelier-logo_742173-5751.jpg?_wi=2", imageAlt: "branding design identity visual" }, + { id: "about-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280984.jpg?_wi=2", imageAlt: "design portfolio case study" }, ]} autoPlay={true} autoPlayInterval={5000} -- 2.49.1 From b2d03ed3f67d0ce0732d098a5ce5a2abb915e4c4 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 14 Mar 2026 09:09:35 +0000 Subject: [PATCH 2/5] Update src/app/blog/page.tsx --- src/app/blog/page.tsx | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx index 02c57c5..c163b5d 100644 --- a/src/app/blog/page.tsx +++ b/src/app/blog/page.tsx @@ -57,32 +57,32 @@ export default function BlogPage() { carouselItems={[ { id: "blog-hero-1", - imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-mobile-app-template_23-2149440842.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-mobile-app-template_23-2149440842.jpg?_wi=6", imageAlt: "product design showcase ui ux", }, { id: "blog-hero-2", - imageSrc: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-design_23-2147857787.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-design_23-2147857787.jpg?_wi=6", imageAlt: "mobile app design concept", }, { id: "blog-hero-3", - imageSrc: "http://img.b2bpic.net/free-psd/template-with-brunch-concept_23-2148452342.jpg", + imageSrc: "http://img.b2bpic.net/free-psd/template-with-brunch-concept_23-2148452342.jpg?_wi=6", imageAlt: "web design user experience", }, { id: "blog-hero-4", - imageSrc: "http://img.b2bpic.net/free-photo/leisure-calm-peace-relaxation-resting-serenity_53876-13860.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/leisure-calm-peace-relaxation-resting-serenity_53876-13860.jpg?_wi=4", imageAlt: "ux research sketching process", }, { id: "blog-hero-5", - imageSrc: "http://img.b2bpic.net/free-vector/modern-duotone-sommelier-logo_742173-5751.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/modern-duotone-sommelier-logo_742173-5751.jpg?_wi=4", imageAlt: "branding design identity visual", }, { id: "blog-hero-6", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280984.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280984.jpg?_wi=5", imageAlt: "design portfolio case study", }, ]} @@ -107,7 +107,7 @@ export default function BlogPage() { category: "Design Process", title: "Building Scalable Design Systems That Last", excerpt: "A comprehensive guide to creating design systems that grow with your product, empower your team, and maintain consistency across platforms.", - imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-mobile-app-template_23-2149440842.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-mobile-app-template_23-2149440842.jpg?_wi=7", imageAlt: "Scalable design systems", authorName: "Your Name", authorAvatar: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-mobile-app-template_23-2149440842.jpg", @@ -118,7 +118,7 @@ export default function BlogPage() { category: "User Research", title: "Mastering Qualitative and Quantitative Research", excerpt: "Learn how to blend qualitative and quantitative research methods to gain comprehensive user insights and validate design decisions.", - imageSrc: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-design_23-2147857787.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-design_23-2147857787.jpg?_wi=7", imageAlt: "User research methods", authorName: "Your Name", authorAvatar: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-design_23-2147857787.jpg", @@ -129,7 +129,7 @@ export default function BlogPage() { category: "Design Trends", title: "The Future of Digital Product Design", excerpt: "Exploring emerging trends in AI, accessibility, and ethical design that will shape how we create digital products in the next decade.", - imageSrc: "http://img.b2bpic.net/free-psd/template-with-brunch-concept_23-2148452342.jpg", + imageSrc: "http://img.b2bpic.net/free-psd/template-with-brunch-concept_23-2148452342.jpg?_wi=7", imageAlt: "Future design trends", authorName: "Your Name", authorAvatar: "http://img.b2bpic.net/free-psd/template-with-brunch-concept_23-2148452342.jpg", @@ -140,7 +140,7 @@ export default function BlogPage() { category: "UX Strategy", title: "From Research to Strategy: Translating Insights", excerpt: "Discover how to transform raw research insights into actionable design strategy that aligns with business goals and user needs.", - imageSrc: "http://img.b2bpic.net/free-photo/leisure-calm-peace-relaxation-resting-serenity_53876-13860.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/leisure-calm-peace-relaxation-resting-serenity_53876-13860.jpg?_wi=5", imageAlt: "UX strategy insights", authorName: "Your Name", authorAvatar: "http://img.b2bpic.net/free-photo/leisure-calm-peace-relaxation-resting-serenity_53876-13860.jpg", @@ -151,7 +151,7 @@ export default function BlogPage() { category: "Accessibility", title: "Inclusive Design: Building for Everyone", excerpt: "Practical approaches to creating accessible digital products that work for all users, regardless of ability or context.", - imageSrc: "http://img.b2bpic.net/free-vector/modern-duotone-sommelier-logo_742173-5751.jpg", + imageSrc: "http://img.b2bpic.net/free-vector/modern-duotone-sommelier-logo_742173-5751.jpg?_wi=5", imageAlt: "Inclusive design practices", authorName: "Your Name", authorAvatar: "http://img.b2bpic.net/free-vector/modern-duotone-sommelier-logo_742173-5751.jpg", @@ -162,7 +162,7 @@ export default function BlogPage() { category: "Design Tools", title: "Optimizing Your Design Workflow", excerpt: "Tips and strategies for maximizing productivity with modern design tools and collaborative workflows for distributed teams.", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280984.jpg", + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280984.jpg?_wi=6", imageAlt: "Design workflow optimization", authorName: "Your Name", authorAvatar: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280984.jpg", -- 2.49.1 From e8973ada96859283005e8e3dd8311c210cdf83de Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 14 Mar 2026 09:09:36 +0000 Subject: [PATCH 3/5] Update src/app/layout.tsx --- src/app/layout.tsx | 55 +++++++++++++++++++++++++++++++++++++++------- 1 file changed, 47 insertions(+), 8 deletions(-) diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 0d09ce2..a198cc5 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,24 +1,61 @@ import type { Metadata } from "next"; import { Halant } from "next/font/google"; import { Inter } from "next/font/google"; +import { Figtree } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; import { getVisualEditScript } from "@/utils/visual-edit-script"; -import { Figtree } from "next/font/google"; +const halant = Halant({ + variable: "--font-halant", + subsets: ["latin"], + weight: ["300", "400", "500", "600", "700"], +}); - -export const metadata: Metadata = { - title: "Webild components 2", - description: "Generated by create next app", -}; +const inter = Inter({ + variable: "--font-inter", + subsets: ["latin"], +}); const figtree = Figtree({ variable: "--font-figtree", subsets: ["latin"], }); +export const metadata: Metadata = { + title: "Product Designer Portfolio | Award-Winning Design Work", + description: "Explore my product design portfolio featuring case studies, UX/UI design, and strategic design solutions. 8+ years of experience delivering results.", + keywords: "product designer, UX/UI design, design portfolio, case studies, user-centered design, design thinking", + metadataBase: new URL("https://designo-portfolio.com"), + alternates: { + canonical: "https://designo-portfolio.com", + }, + openGraph: { + title: "Product Designer Portfolio | Award-Winning Design Work", + description: "Explore my product design portfolio featuring case studies, UX/UI design, and strategic design solutions.", + url: "https://designo-portfolio.com", + siteName: "Designo Portfolio", + type: "website", + images: [ + { + url: "https://designo-portfolio.com/og-image.jpg", + alt: "Product Designer Portfolio", + }, + ], + }, + twitter: { + card: "summary_large_image", + title: "Product Designer Portfolio", + description: "Award-winning product design work and case studies", + images: ["https://designo-portfolio.com/twitter-image.jpg"], + }, + robots: { + index: true, + follow: true, + }, +}; + export default function RootLayout({ children, }: Readonly<{ @@ -27,7 +64,9 @@ export default function RootLayout({ return ( - + {children}