bender/38aefa4d-4af3-4f12-b745-96de3849f607
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-03-05 10:49:53 +00:00
parent 55d52cae58 70791cd67c
commit a6a6d8e4ba
2 changed files with 102 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/layout.tsx
View File

@@ -20,18 +20,18 @@ const archivo = Archivo({
});
export const metadata: Metadata = {
title: "Kaled — Designer & Problem Solver", description: "Explore the portfolio and professional background of Kaled, a designer crafting thoughtful digital experiences. View projects, skills, and approach to design.", keywords: "designer, ui designer, ux designer, product designer, portfolio, digital design", robots: {
title: "Khaled Al Hashemi — Professional Resume", description: "Professional resume and portfolio of Khaled Al Hashemi. Explore my experience, skills, education, and achievements.", keywords: "Khaled Al Hashemi, resume, professional, portfolio, experience, skills", robots: {
index: true,
follow: true,
},
openGraph: {
title: "Kaled — Designer & Problem Solver", description: "Crafting thoughtful digital experiences with elegant design and strategic thinking.", siteName: "Kaled", type: "website", images: [
title: "Khaled Al Hashemi — Professional Resume", description: "View my professional background, experience, and accomplishments.", siteName: "Khaled Al Hashemi", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg", alt: "Kaled - Designer Portfolio"},
url: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg", alt: "Khaled Al Hashemi Professional Profile"},
],
},
twitter: {
card: "summary_large_image", title: "Kaled — Designer & Problem Solver", description: "Explore my design work, background, and approach to creating beautiful, functional digital experiences.", images: [
card: "summary_large_image", title: "Khaled Al Hashemi — Professional Resume", description: "Explore my professional background, experience, and accomplishments.", images: [
"http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg"],
},
};

153
src/app/page.tsx
View File

@@ -8,7 +8,7 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Code, Palette, Sparkles, Target, Users, Zap } from "lucide-react";
import { Award, BookOpen, Briefcase, Code, Palette, Sparkles, Target, Users, Zap } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,35 +28,37 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{ name: "About", id: "about" },
{ name: "Work", id: "work" },
{ name: "Experience", id: "work" },
{ name: "Skills", id: "skills" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
button={{ text: "View My Work", href: "work" }}
brandName="Kaled"
button={{ text: "Download Resume", href: "#" }}
brandName="Khaled"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Kaled — Designer & Problem Solver"
description="Crafting thoughtful digital experiences with a focus on elegant design and meaningful interaction. Explore my work, background, and approach to design and technology."
title="Khaled Al Hashemi — Accomplished Professional"
description="Seasoned professional with extensive experience in strategic leadership, project management, and team development. Committed to delivering excellence and driving organizational growth through innovative solutions and collaborative teamwork."
background={{ variant: "plain" }}
tag="Designer & Creative Technologist"
tag="Strategic Leader & Professional"
tagAnimation="opacity"
buttons={[
{ text: "View My Work", href: "work" },
{ text: "Get In Touch", href: "contact" },
{ text: "Download Resume", href: "#" },
{ text: "Get In Touch", href: "#contact" },
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg", imageAlt: "Kaled - Designer Profile"},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg", imageAlt: "Khaled Al Hashemi Professional Profile"
},
{
imageSrc: "http://img.b2bpic.net/free-vector/gradient-colored-ui-kit-pack_23-2149193252.jpg?_wi=1", imageAlt: "UI Design Work"},
imageSrc: "http://img.b2bpic.net/free-vector/gradient-colored-ui-kit-pack_23-2149193252.jpg?_wi=1", imageAlt: "Professional Achievement"
},
{
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page-template_23-2149050184.jpg?_wi=1", imageAlt: "UX Design Work"},
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page-template_23-2149050184.jpg?_wi=1", imageAlt: "Leadership & Strategy"
},
]}
mediaAnimation="slide-up"
/>
@@ -64,12 +66,12 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TextSplitAbout
title="About My Work"
title="Professional Background"
description={[
"I'm a designer with a passion for solving complex problems through thoughtful design and strategic thinking. Over the years, I've worked with innovative teams to create digital experiences that resonate with users and drive meaningful business outcomes.", "My approach combines meticulous attention to detail with a deep understanding of user behavior and market dynamics. I believe that great design isn't just about aesthetics—it's about creating intuitive, elegant solutions that make people's lives better."
"I am a dedicated professional with a proven track record of excellence in strategic planning, team leadership, and business development. With over a decade of experience in dynamic environments, I have successfully led cross-functional teams and delivered transformative projects that have driven measurable business impact.", "My approach combines analytical rigor with creative problem-solving, enabling me to navigate complex challenges and identify innovative opportunities. I am committed to continuous learning, professional growth, and fostering collaborative environments where teams can excel."
]}
useInvertedBackground={false}
buttons={[{ text: "Download Resume", href: "#" }]}
buttons={[{ text: "View Full Resume", href: "#" }]}
buttonAnimation="slide-up"
showBorder={false}
/>
@@ -77,9 +79,9 @@ export default function LandingPage() {
<div id="work" data-section="work">
<ProductCardFour
title="Featured Work"
description="A selection of my most impactful design projects across UI/UX, branding, and digital strategy."
tag="Portfolio"
title="Professional Experience"
description="A summary of my career achievements, roles, and key contributions across various organizations and industries."
tag="Career Timeline"
tagAnimation="opacity"
textboxLayout="default"
animationType="slide-up"
@@ -88,62 +90,103 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "1", name: "E-Commerce Platform Redesign", price: "UI/UX", variant: "Full platform redesign focusing on conversion optimization", imageSrc: "http://img.b2bpic.net/free-vector/gradient-colored-ui-kit-pack_23-2149193252.jpg?_wi=2", imageAlt: "E-Commerce Platform"},
id: "1", name: "Senior Strategic Director", price: "Organization A", variant: "Led cross-functional teams in executing company-wide strategic initiatives", imageSrc: "http://img.b2bpic.net/free-vector/gradient-colored-ui-kit-pack_23-2149193252.jpg?_wi=2", imageAlt: "Senior Strategic Director"
},
{
id: "2", name: "SaaS Dashboard Experience", price: "Product Design", variant: "Complex data visualization and analytics interface", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page-template_23-2149050184.jpg?_wi=2", imageAlt: "SaaS Dashboard"},
id: "2", name: "Project Manager & Team Lead", price: "Organization B", variant: "Managed large-scale projects and mentored high-performing teams", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page-template_23-2149050184.jpg?_wi=2", imageAlt: "Project Manager & Team Lead"
},
{
id: "3", name: "Brand Identity System", price: "Branding", variant: "Comprehensive visual identity and design system", imageSrc: "http://img.b2bpic.net/free-psd/modern-business-card-design-pan-cafe-bakery_23-2152033501.jpg", imageAlt: "Brand Identity"},
id: "3", name: "Business Development Specialist", price: "Organization C", variant: "Identified growth opportunities and developed strategic partnerships", imageSrc: "http://img.b2bpic.net/free-psd/modern-business-card-design-pan-cafe-bakery_23-2152033501.jpg", imageAlt: "Business Development Specialist"
},
]}
/>
</div>
<div id="skills" data-section="skills">
<FeatureBorderGlow
title="Skills & Expertise"
description="A comprehensive overview of my professional capabilities and core competencies."
title="Core Competencies"
description="A comprehensive overview of my professional expertise and key skill areas that drive success."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
icon: Palette,
title: "Visual Design", description: "Creating beautiful, cohesive visual systems with meticulous attention to typography, color, and composition."},
{
icon: Zap,
title: "Product Strategy", description: "Aligning design with business goals through research-driven strategy and user-centered problem solving."},
icon: Briefcase,
title: "Strategic Leadership", description: "Visionary leadership approach that aligns organizational goals with team capabilities and market opportunities."
},
{
icon: Code,
title: "Design Systems", description: "Building scalable, maintainable design systems that enable efficient collaboration across teams."},
title: "Project Management", description: "Proficient in managing complex, multi-phase projects from conception through successful delivery and optimization."
},
{
icon: Users,
title: "User Research", description: "Understanding user behaviors and needs through interviews, testing, and data-driven insights."},
{
icon: Sparkles,
title: "Creative Direction", description: "Providing strategic vision and aesthetic leadership for digital and brand initiatives."},
title: "Team Development", description: "Proven ability to build, mentor, and lead high-performing teams that consistently exceed organizational objectives."
},
{
icon: Target,
title: "UX/UI Design", description: "Crafting intuitive interfaces and seamless user experiences across digital platforms."},
title: "Business Strategy", description: "Expert in developing and executing comprehensive business strategies that drive sustainable growth and profitability."
},
{
icon: Sparkles,
title: "Problem Solving", description: "Analytical mindset combined with creative thinking to identify innovative solutions to complex organizational challenges."
},
{
icon: Zap,
title: "Stakeholder Management", description: "Skilled in building and maintaining strong relationships with diverse stakeholders at all organizational levels."
},
]}
/>
</div>
<div id="education" data-section="education">
<FeatureBorderGlow
title="Education & Certifications"
description="Academic credentials and professional certifications that validate my expertise and commitment to excellence."
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
features={[
{
icon: BookOpen,
title: "Master's Degree in Business Administration", description: "Advanced study in strategic management, organizational behavior, and business analytics."
},
{
icon: Award,
title: "Bachelor's Degree in Professional Studies", description: "Strong foundation in core business principles, communication, and analytical methodologies."
},
{
icon: Sparkles,
title: "Professional Certifications", description: "Certified in Project Management and Strategic Leadership from internationally recognized institutions."
},
{
icon: Target,
title: "Continuing Professional Development", description: "Commitment to ongoing education through executive programs and industry-specific training initiatives."
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Kaled's design approach is exceptional. He combines creative excellence with strategic thinking, delivering solutions that are both beautiful and effective. His attention to detail and collaborative spirit make him an invaluable partner."
testimonial="Khaled demonstrates exceptional leadership capabilities and a keen strategic mind. His ability to inspire teams, drive results, and maintain focus on long-term organizational objectives is truly remarkable. He is a valuable asset to any organization."
rating={5}
author="Sarah Johnson, Creative Director at InnovateLab"
author="Professional Colleagues & Leadership"
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Johnson"},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Colleague 1"
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Michael Chen"},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Colleague 2"
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Emily Rodriguez"},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Colleague 3"
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "David Kim"},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Colleague 4"
},
]}
/>
</div>
@@ -152,28 +195,28 @@ export default function LandingPage() {
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/abstract-white-curving-surface_272375-26332.jpg"
imageAlt="Footer background"
logoText="Kaled"
copyrightText="© 2025 Kaled. All rights reserved."
logoText="Khaled"
copyrightText="© 2025 Khaled Al Hashemi. All rights reserved."
columns={[
{
title: "Work", items: [
{ label: "Featured Projects", href: "#work" },
{ label: "Case Studies", href: "#" },
{ label: "Portfolio", href: "#work" },
],
},
{
title: "About", items: [
{ label: "Background", href: "#about" },
title: "Professional", items: [
{ label: "Experience", href: "#work" },
{ label: "Skills", href: "#skills" },
{ label: "Resume", href: "#" },
],
},
{
title: "Connect", items: [
{ label: "Email", href: "mailto:hello@kaled.design" },
title: "About", items: [
{ label: "Background", href: "#about" },
{ label: "Education", href: "#education" },
{ label: "Testimonials", href: "#testimonials" },
],
},
{
title: "Contact", items: [
{ label: "Email", href: "mailto:khaled@example.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "Phone", href: "tel:+1234567890" },
],
},
]}