bender/15f5c62a-39cc-4eb2-83f9-27b2e7eff7f4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-04 07:02:30 +00:00
Conversation 0 Commits 1 Files Changed 1 +44 -318
1 changed files with 44 additions and 318 deletions
Download Patch File Download Diff File Expand all files Collapse all files

362
src/app/page.tsx
View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Skills",
id: "#skills",
},
{
name: "Portfolio",
id: "#portfolio",
},
{
name: "Services",
id: "#services",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Skills", id: "#skills" },
{ name: "Portfolio", id: "#portfolio" },
{ name: "Services", id: "#services" },
{ name: "Contact", id: "#contact" },
]}
brandName="Jawaad Designs"
/>
@@ -61,75 +46,20 @@ export default function LandingPage() {
title="Designing Visual Experiences That Speak Loudly."
description="Mastering branding, digital design, and motion graphics to bring your vision to life."
testimonials={[
{
name: "Alex Rivet",
handle: "@alex",
testimonial: "Exceptional work on our brand identity.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862199.jpg?_wi=1",
imageAlt: "graphic design studio dark hero",
},
{
name: "Sara Chen",
handle: "@sara",
testimonial: "Jawaad transformed our digital presence.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses_23-2148452643.jpg?_wi=1",
imageAlt: "graphic designer at work dark studio",
},
{
name: "Mike Ross",
handle: "@mike",
testimonial: "Incredible motion graphics skills.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/nextgen-design-school-logo-template_742173-33268.jpg?_wi=1",
imageAlt: "modern logo branding design creative",
},
{
name: "Jenny Wu",
handle: "@jenny",
testimonial: "Very professional and creative.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-writing-post-its_23-2149930955.jpg?_wi=1",
imageAlt: "branding project design case study",
},
{
name: "Sam Lee",
handle: "@sam",
testimonial: "Delivered beyond expectations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-social-media-drawings_1134-84.jpg?_wi=1",
imageAlt: "social media campaign design case",
},
{ name: "Alex Rivet", handle: "@alex", testimonial: "Exceptional work on our brand identity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862199.jpg" },
{ name: "Sara Chen", handle: "@sara", testimonial: "Jawaad transformed our digital presence.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses_23-2148452643.jpg" },
{ name: "Mike Ross", handle: "@mike", testimonial: "Incredible motion graphics skills.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/nextgen-design-school-logo-template_742173-33268.jpg" },
{ name: "Jenny Wu", handle: "@jenny", testimonial: "Very professional and creative.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-writing-post-its_23-2149930955.jpg" },
{ name: "Sam Lee", handle: "@sam", testimonial: "Delivered beyond expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-social-media-drawings_1134-84.jpg" },
]}
buttons={[
{
text: "View Portfolio",
href: "#portfolio",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862199.jpg?_wi=2"
buttons={[{ text: "View Portfolio", href: "#portfolio" }]}
imageSrc="http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862199.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831079.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-business-people-having-meeting-cafe_1262-1956.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167454.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831079.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/smiling-business-people-having-meeting-cafe_1262-1956.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167454.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Client 5" },
]}
avatarText="Trusted by 50+ clients"
/>
@@ -143,7 +73,7 @@ export default function LandingPage() {
description="Jawaad is a creative expert with mastery across the Adobe Creative Suite, dedicated to solving complex problems through visual design."
subdescription="I believe in the power of precision and storytelling to create visual experiences that leave a lasting impact."
icon={Palette}
imageSrc="http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses_23-2148452643.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses_23-2148452643.jpg"
mediaAnimation="blur-reveal"
/>
</div>
@@ -154,58 +84,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "s1",
title: "Illustrator",
author: "Vector Design",
description: "Logo design, branding, and intricate vector graphics.",
tags: [
"vector",
"logos",
],
imageSrc: "http://img.b2bpic.net/free-vector/nextgen-design-school-logo-template_742173-33268.jpg?_wi=2",
},
{
id: "s2",
title: "Photoshop",
author: "Digital Art",
description: "Photo manipulation and digital art creation.",
tags: [
"photo-edit",
],
imageSrc: "http://img.b2bpic.net/free-vector/nextgen-design-school-logo-template_742173-33268.jpg?_wi=3",
},
{
id: "s3",
title: "InDesign",
author: "Editorial Design",
description: "Professional layout and editorial publications.",
tags: [
"print",
"layout",
],
imageSrc: "http://img.b2bpic.net/free-vector/nextgen-design-school-logo-template_742173-33268.jpg?_wi=4",
},
{
id: "s4",
title: "Premiere Pro",
author: "Video Editing",
description: "Seamless video editing and storytelling.",
tags: [
"video",
],
imageSrc: "http://img.b2bpic.net/free-vector/nextgen-design-school-logo-template_742173-33268.jpg?_wi=5",
},
{
id: "s5",
title: "After Effects",
author: "Motion Graphics",
description: "Professional motion graphics and animation.",
tags: [
"motion",
],
imageSrc: "http://img.b2bpic.net/free-vector/nextgen-design-school-logo-template_742173-33268.jpg?_wi=6",
},
{ id: "s1", title: "Illustrator", author: "Vector Design", description: "Logo design, branding, and intricate vector graphics.", tags: ["vector", "logos"], imageSrc: "http://img.b2bpic.net/free-vector/nextgen-design-school-logo-template_742173-33268.jpg" },
{ id: "s2", title: "Photoshop", author: "Digital Art", description: "Photo manipulation and digital art creation.", tags: ["photo-edit"], imageSrc: "http://img.b2bpic.net/free-vector/nextgen-design-school-logo-template_742173-33268.jpg" },
{ id: "s3", title: "InDesign", author: "Editorial Design", description: "Professional layout and editorial publications.", tags: ["print", "layout"], imageSrc: "http://img.b2bpic.net/free-vector/nextgen-design-school-logo-template_742173-33268.jpg" },
{ id: "s4", title: "Premiere Pro", author: "Video Editing", description: "Seamless video editing and storytelling.", tags: ["video"], imageSrc: "http://img.b2bpic.net/free-vector/nextgen-design-school-logo-template_742173-33268.jpg" },
{ id: "s5", title: "After Effects", author: "Motion Graphics", description: "Professional motion graphics and animation.", tags: ["motion"], imageSrc: "http://img.b2bpic.net/free-vector/nextgen-design-school-logo-template_742173-33268.jpg" },
]}
title="Creative Technical Expertise"
description="A comprehensive mastery of modern design tools to execute your ideas."
@@ -216,44 +99,15 @@ export default function LandingPage() {
<ProductCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Brand Identity",
price: "Branding",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-writing-post-its_23-2149930955.jpg?_wi=2",
},
{
id: "p2",
name: "Social Campaign",
price: "Social Media",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-social-media-drawings_1134-84.jpg?_wi=2",
},
{
id: "p3",
name: "Editorial Design",
price: "Print Design",
imageSrc: "http://img.b2bpic.net/free-vector/abstract-brochure-template_1207-49.jpg",
},
{
id: "p4",
name: "Logo System",
price: "Branding",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-writing-post-its_23-2149930955.jpg?_wi=3",
},
{
id: "p5",
name: "Video Edit",
price: "Motion Graphics",
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377353.jpg",
},
{
id: "p6",
name: "Brand Launch",
price: "Branding",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-writing-post-its_23-2149930955.jpg?_wi=4",
},
{ id: "p1", name: "Brand Identity", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-writing-post-its_23-2149930955.jpg" },
{ id: "p2", name: "Social Campaign", price: "Social Media", imageSrc: "http://img.b2bpic.net/free-photo/top-view-social-media-drawings_1134-84.jpg" },
{ id: "p3", name: "Editorial Design", price: "Print Design", imageSrc: "http://img.b2bpic.net/free-vector/abstract-brochure-template_1207-49.jpg" },
{ id: "p4", name: "Logo System", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-writing-post-its_23-2149930955.jpg" },
{ id: "p5", name: "Video Edit", price: "Motion Graphics", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377353.jpg" },
{ id: "p6", name: "Brand Launch", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-writing-post-its_23-2149930955.jpg" },
]}
title="Selected Works"
description="A showcase of branding, digital design, and motion."
@@ -266,57 +120,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "svc1",
badge: "Branding",
price: "Identity",
subtitle: "Logo & Visuals",
buttons: [
{
text: "Contact",
href: "#contact",
},
],
features: [
"Custom Logos",
"Style Guides",
"Brand Strategy",
],
},
{
id: "svc2",
badge: "Digital",
price: "Social",
subtitle: "Engaging Content",
buttons: [
{
text: "Contact",
href: "#contact",
},
],
features: [
"Social Posts",
"Digital Ads",
"Banners",
],
},
{
id: "svc3",
badge: "Motion",
price: "Video",
subtitle: "Dynamic Motion",
buttons: [
{
text: "Contact",
href: "#contact",
},
],
features: [
"Editing",
"Animation",
"Sound Mix",
],
},
{ id: "svc1", badge: "Branding", price: "Identity", subtitle: "Logo & Visuals", buttons: [{ text: "Contact", href: "#contact" }], features: ["Custom Logos", "Style Guides", "Brand Strategy"] },
{ id: "svc2", badge: "Digital", price: "Social", subtitle: "Engaging Content", buttons: [{ text: "Contact", href: "#contact" }], features: ["Social Posts", "Digital Ads", "Banners"] },
{ id: "svc3", badge: "Motion", price: "Video", subtitle: "Dynamic Motion", buttons: [{ text: "Contact", href: "#contact" }], features: ["Editing", "Animation", "Sound Mix"] },
]}
title="Creative Offerings"
description="High-impact services for brands looking to elevate their visuals."
@@ -329,47 +135,13 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@sarah",
testimonial: "Excellent design skills!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
},
{
id: "t2",
name: "Mark D.",
handle: "@mark",
testimonial: "Very professional results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831079.jpg",
},
{
id: "t3",
name: "Lucy K.",
handle: "@lucy",
testimonial: "Brought my idea to life!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-people-having-meeting-cafe_1262-1956.jpg",
},
{
id: "t4",
name: "David W.",
handle: "@david",
testimonial: "Great attention to detail.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167454.jpg",
},
{
id: "t5",
name: "Anna P.",
handle: "@anna",
testimonial: "Highly recommended pro!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
},
{ id: "t1", name: "Sarah J.", handle: "@sarah", testimonial: "Excellent design skills!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg" },
{ id: "t2", name: "Mark D.", handle: "@mark", testimonial: "Very professional results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831079.jpg" },
{ id: "t3", name: "Lucy K.", handle: "@lucy", testimonial: "Brought my idea to life!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-people-having-meeting-cafe_1262-1956.jpg" },
{ id: "t4", name: "David W.", handle: "@david", testimonial: "Great attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167454.jpg" },
{ id: "t5", name: "Anna P.", handle: "@anna", testimonial: "Highly recommended pro!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" },
]}
description="Client feedback on my work."
showRating={true}
title="Client Feedback"
/>
@@ -378,9 +150,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Let's Collaborate"
title="Let’s Create Something Powerful."
description="Ready to bring your brand to the next level? Reach out today."
@@ -389,56 +159,12 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862199.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862199.jpg"
logoText="Jawaad Designs"
columns={[
{
title: "Menu",
items: [
{
label: "Portfolio",
href: "#portfolio",
},
{
label: "Services",
href: "#services",
},
{
label: "About",
href: "#about",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Behance",
href: "#",
},
{
label: "Dribbble",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Menu", items: [{ label: "Portfolio", href: "#portfolio" }, { label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Behance", href: "#" }, { label: "Dribbble", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>
</div>