Merge version_1 into main #1
@@ -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}
|
||||
|
||||
@@ -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",
|
||||
|
||||
@@ -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 (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${figtree.variable} antialiased`}>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${figtree.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
@@ -39,4 +78,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -86,12 +86,12 @@ export default function HomePage() {
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{ id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-mobile-app-template_23-2149440842.jpg", imageAlt: "product design showcase ui ux" },
|
||||
{ id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-design_23-2147857787.jpg", imageAlt: "mobile app design concept" },
|
||||
{ id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-psd/template-with-brunch-concept_23-2148452342.jpg", imageAlt: "web design user experience" },
|
||||
{ id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/leisure-calm-peace-relaxation-resting-serenity_53876-13860.jpg", imageAlt: "ux research sketching process" },
|
||||
{ id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-vector/modern-duotone-sommelier-logo_742173-5751.jpg", imageAlt: "branding design identity visual" },
|
||||
{ id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280984.jpg", imageAlt: "design portfolio case study" },
|
||||
{ id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-mobile-app-template_23-2149440842.jpg?_wi=1", imageAlt: "product design showcase ui ux" },
|
||||
{ id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-design_23-2147857787.jpg?_wi=1", imageAlt: "mobile app design concept" },
|
||||
{ id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-psd/template-with-brunch-concept_23-2148452342.jpg?_wi=1", imageAlt: "web design user experience" },
|
||||
{ id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/leisure-calm-peace-relaxation-resting-serenity_53876-13860.jpg?_wi=1", imageAlt: "ux research sketching process" },
|
||||
{ id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-vector/modern-duotone-sommelier-logo_742173-5751.jpg?_wi=1", imageAlt: "branding design identity visual" },
|
||||
{ id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-late-night_23-2150280984.jpg?_wi=1", imageAlt: "design portfolio case study" },
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
|
||||
@@ -58,32 +58,32 @@ export default function WorkPage() {
|
||||
carouselItems={[
|
||||
{
|
||||
id: "work-carousel-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=3",
|
||||
imageAlt: "product design showcase ui ux",
|
||||
},
|
||||
{
|
||||
id: "work-carousel-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=3",
|
||||
imageAlt: "mobile app design concept",
|
||||
},
|
||||
{
|
||||
id: "work-carousel-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=3",
|
||||
imageAlt: "web design user experience",
|
||||
},
|
||||
{
|
||||
id: "work-carousel-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=3",
|
||||
imageAlt: "ux research sketching process",
|
||||
},
|
||||
{
|
||||
id: "work-carousel-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=3",
|
||||
imageAlt: "branding design identity visual",
|
||||
},
|
||||
{
|
||||
id: "work-carousel-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=3",
|
||||
imageAlt: "design portfolio case study",
|
||||
},
|
||||
]}
|
||||
@@ -110,7 +110,7 @@ export default function WorkPage() {
|
||||
price: "→ 45% Engagement Increase",
|
||||
rating: 5,
|
||||
reviewCount: "Award Winner",
|
||||
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=4",
|
||||
imageAlt: "FinTech mobile dashboard design",
|
||||
},
|
||||
{
|
||||
@@ -120,7 +120,7 @@ export default function WorkPage() {
|
||||
price: "→ 32% Conversion Lift",
|
||||
rating: 5,
|
||||
reviewCount: "Industry Recognition",
|
||||
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=4",
|
||||
imageAlt: "E-commerce checkout redesign",
|
||||
},
|
||||
{
|
||||
@@ -130,7 +130,7 @@ export default function WorkPage() {
|
||||
price: "→ 40% Dev Time Savings",
|
||||
rating: 5,
|
||||
reviewCount: "Enterprise Scale",
|
||||
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=4",
|
||||
imageAlt: "SaaS design system components",
|
||||
},
|
||||
{
|
||||
@@ -140,7 +140,7 @@ export default function WorkPage() {
|
||||
price: "→ 50% Task Success Rate",
|
||||
rating: 5,
|
||||
reviewCount: "User Tested",
|
||||
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=4",
|
||||
imageAlt: "HealthTech patient portal design",
|
||||
},
|
||||
]}
|
||||
@@ -171,7 +171,7 @@ export default function WorkPage() {
|
||||
category: "Design Process",
|
||||
title: "Building Scalable Design Systems",
|
||||
excerpt: "A comprehensive guide to creating design systems that grow with your product and empower your team.",
|
||||
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=5",
|
||||
imageAlt: "Design systems guide",
|
||||
authorName: "Your Name",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/gradient-glassmorphism-mobile-app-template_23-2149440842.jpg",
|
||||
@@ -182,7 +182,7 @@ export default function WorkPage() {
|
||||
category: "User Research",
|
||||
title: "Conducting Effective User Research",
|
||||
excerpt: "Learn how to plan and execute user research that informs better design decisions and validates hypotheses.",
|
||||
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=5",
|
||||
imageAlt: "User research methods",
|
||||
authorName: "Your Name",
|
||||
authorAvatar: "http://img.b2bpic.net/free-vector/app-development-concept-with-flat-design_23-2147857787.jpg",
|
||||
@@ -193,7 +193,7 @@ export default function WorkPage() {
|
||||
category: "Design Trends",
|
||||
title: "The Future of Digital Product Design",
|
||||
excerpt: "Exploring emerging trends in AI, accessibility, and ethical design that will shape the future of digital products.",
|
||||
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=5",
|
||||
imageAlt: "Future design trends",
|
||||
authorName: "Your Name",
|
||||
authorAvatar: "http://img.b2bpic.net/free-psd/template-with-brunch-concept_23-2148452342.jpg",
|
||||
|
||||
Reference in New Issue
Block a user