Merge version_1 into main #1
261
src/app/page.tsx
261
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "#work",
|
||||
},
|
||||
name: "Work", id: "#work"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Nadir Design"
|
||||
/>
|
||||
@@ -51,20 +45,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Muhammad Nadir: Crafting Visual Excellence."
|
||||
description="10 years of professional graphic design experience delivering high-impact visual identity, branding, and digital design for global brands."
|
||||
tag="Graphic Design Expert"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#work",
|
||||
},
|
||||
text: "View Work", href: "#work"},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Me", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-drawing-ipad-medium-shot_23-2150040109.jpg"
|
||||
/>
|
||||
@@ -75,22 +64,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m1", value: "10+", description: "Years of Experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Successful Projects",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Successful Projects"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Client Satisfaction"},
|
||||
]}
|
||||
title="Decade of Dedication"
|
||||
description="Numbers behind the impact of my design solutions."
|
||||
@@ -104,71 +85,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Corporate Rebranding",
|
||||
author: "Muhammad Nadir",
|
||||
description: "Revitalizing corporate identity for a major tech firm.",
|
||||
tags: [
|
||||
"Branding",
|
||||
"Strategy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160824.jpg",
|
||||
},
|
||||
id: "p1", title: "Corporate Rebranding", author: "Muhammad Nadir", description: "Revitalizing corporate identity for a major tech firm.", tags: [
|
||||
"Branding", "Strategy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160824.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Premium Stationery",
|
||||
author: "Muhammad Nadir",
|
||||
description: "High-end corporate collateral design.",
|
||||
tags: [
|
||||
"Print",
|
||||
"Identity",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-postcard-set-blue-wall_53876-26209.jpg",
|
||||
},
|
||||
id: "p2", title: "Premium Stationery", author: "Muhammad Nadir", description: "High-end corporate collateral design.", tags: [
|
||||
"Print", "Identity"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-postcard-set-blue-wall_53876-26209.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Dashboard UI",
|
||||
author: "Muhammad Nadir",
|
||||
description: "Sleek SaaS interface design for modern startups.",
|
||||
tags: [
|
||||
"UI/UX",
|
||||
"Tech",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749857.jpg",
|
||||
},
|
||||
id: "p3", title: "Dashboard UI", author: "Muhammad Nadir", description: "Sleek SaaS interface design for modern startups.", tags: [
|
||||
"UI/UX", "Tech"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749857.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
title: "Typographic Poster",
|
||||
author: "Muhammad Nadir",
|
||||
description: "Experimental type design for creative event.",
|
||||
tags: [
|
||||
"Typography",
|
||||
"Art",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/2023-happy-new-year-3d-text-typography-design-element-flyer-poster-wallpaper-background_460848-15957.jpg",
|
||||
},
|
||||
id: "p4", title: "Typographic Poster", author: "Muhammad Nadir", description: "Experimental type design for creative event.", tags: [
|
||||
"Typography", "Art"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/2023-happy-new-year-3d-text-typography-design-element-flyer-poster-wallpaper-background_460848-15957.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
title: "Luxury Packaging",
|
||||
author: "Muhammad Nadir",
|
||||
description: "Sophisticated product packaging design.",
|
||||
tags: [
|
||||
"Packaging",
|
||||
"Luxury",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cream-based-soil-ingredients_23-2150756794.jpg",
|
||||
},
|
||||
id: "p5", title: "Luxury Packaging", author: "Muhammad Nadir", description: "Sophisticated product packaging design.", tags: [
|
||||
"Packaging", "Luxury"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cream-based-soil-ingredients_23-2150756794.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
title: "Social Assets",
|
||||
author: "Muhammad Nadir",
|
||||
description: "Digital social media kit visualization.",
|
||||
tags: [
|
||||
"Digital",
|
||||
"Social",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uq6v0b",
|
||||
},
|
||||
id: "p6", title: "Social Assets", author: "Muhammad Nadir", description: "Digital social media kit visualization.", tags: [
|
||||
"Digital", "Social"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uq6v0b"},
|
||||
]}
|
||||
title="Selected Portfolio"
|
||||
description="A curated collection of branding, identity, and digital design projects."
|
||||
@@ -182,56 +121,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$1,200",
|
||||
subtitle: "Core Branding Starter",
|
||||
features: [
|
||||
"Logo Design",
|
||||
"Brand Guidelines",
|
||||
"3 Revisions",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$1,200", subtitle: "Core Branding Starter", features: [
|
||||
"Logo Design", "Brand Guidelines", "3 Revisions"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Professional",
|
||||
price: "$3,500",
|
||||
subtitle: "Complete Identity Suite",
|
||||
features: [
|
||||
"All Basic Features",
|
||||
"Social Media Assets",
|
||||
"Stationery Pack",
|
||||
"5 Revisions",
|
||||
],
|
||||
id: "pro", badge: "Professional", price: "$3,500", subtitle: "Complete Identity Suite", features: [
|
||||
"All Basic Features", "Social Media Assets", "Stationery Pack", "5 Revisions"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom",
|
||||
price: "$7,000+",
|
||||
subtitle: "Full Brand System",
|
||||
features: [
|
||||
"Everything Pro",
|
||||
"UX/UI Design",
|
||||
"Marketing Collateral",
|
||||
"Unlimited Support",
|
||||
],
|
||||
id: "enterprise", badge: "Custom", price: "$7,000+", subtitle: "Full Brand System", features: [
|
||||
"Everything Pro", "UX/UI Design", "Marketing Collateral", "Unlimited Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Quote", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -246,45 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional Quality",
|
||||
quote: "Nadir delivered high-end design work that exceeded our expectations.",
|
||||
name: "Sarah J.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-holding-thumbs-up-while-looking-camera-while-working_651396-3611.jpg",
|
||||
},
|
||||
id: "1", title: "Exceptional Quality", quote: "Nadir delivered high-end design work that exceeded our expectations.", name: "Sarah J.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-holding-thumbs-up-while-looking-camera-while-working_651396-3611.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Strategic Design",
|
||||
quote: "His strategic approach to branding is unmatched in the industry.",
|
||||
name: "Michael D.",
|
||||
role: "Marketing Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg",
|
||||
},
|
||||
id: "2", title: "Strategic Design", quote: "His strategic approach to branding is unmatched in the industry.", name: "Michael D.", role: "Marketing Lead", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-wearing-eyeglasses_1262-4761.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Highly Recommended",
|
||||
quote: "A true professional who understands brand identity deeply.",
|
||||
name: "Elena K.",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-corporate-employee-talking-with-remote-friend-videocall_482257-77679.jpg",
|
||||
},
|
||||
id: "3", title: "Highly Recommended", quote: "A true professional who understands brand identity deeply.", name: "Elena K.", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-corporate-employee-talking-with-remote-friend-videocall_482257-77679.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Efficiency & Style",
|
||||
quote: "Very fast turnaround with incredibly high aesthetic value.",
|
||||
name: "David W.",
|
||||
role: "Product Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg",
|
||||
},
|
||||
id: "4", title: "Efficiency & Style", quote: "Very fast turnaround with incredibly high aesthetic value.", name: "David W.", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149097959.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Brand Excellence",
|
||||
quote: "Transformed our digital presence through thoughtful design.",
|
||||
name: "Anita R.",
|
||||
role: "VP Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg",
|
||||
},
|
||||
id: "5", title: "Brand Excellence", quote: "Transformed our digital presence through thoughtful design.", name: "Anita R.", role: "VP Marketing", imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826969.jpg"},
|
||||
]}
|
||||
title="Client Praise"
|
||||
description="Hear from the brands I have partnered with over the years."
|
||||
@@ -296,14 +176,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthInc",
|
||||
"GlobalDesign",
|
||||
"ModernSaaS",
|
||||
"BrandCo",
|
||||
"FutureBrands",
|
||||
]}
|
||||
"TechCorp", "InnovateLab", "GrowthInc", "GlobalDesign", "ModernSaaS", "BrandCo", "FutureBrands"]}
|
||||
title="Trusted By Global Brands"
|
||||
description="Collaborations with innovative companies globally."
|
||||
/>
|
||||
@@ -315,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long do projects take?",
|
||||
content: "Depending on scope, typically 2-4 weeks.",
|
||||
},
|
||||
id: "f1", title: "How long do projects take?", content: "Depending on scope, typically 2-4 weeks."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide source files?",
|
||||
content: "Yes, all source files are delivered upon project completion.",
|
||||
},
|
||||
id: "f2", title: "Do you provide source files?", content: "Yes, all source files are delivered upon project completion."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I request revisions?",
|
||||
content: "Yes, packages include 3-5 revisions.",
|
||||
},
|
||||
id: "f3", title: "Can I request revisions?", content: "Yes, packages include 3-5 revisions."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about working with me."
|
||||
@@ -340,16 +204,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Design?"
|
||||
description="Let's bring your vision to life. Send me a message and I'll respond within 24 hours."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Email",
|
||||
href: "mailto:nadir@design.com",
|
||||
},
|
||||
text: "Send Email", href: "mailto:nadir@design.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -358,33 +219,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Work", href: "#work"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user