Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-28 10:12:15 +00:00

View File

@@ -28,364 +28,138 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#services",
},
{
name: "Portfolio",
id: "#portfolio",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Mafuz Sardar"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Contact", id: "contact" },
]}
brandName="Mafuz Sardar"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Fast, Proven Digital Marketing & Design Solutions"
description="Responsive freelancer delivering high-quality reels, thumbnails, and marketing strategy for sports brands and growing businesses. Trusted by clients across Bangladesh for on-time, early delivery."
testimonials={[
{
name: "Sarah Ahmed",
handle: "@sarah_fashion",
testimonial: "Mafuz delivered our social media thumbnails 2 days early. Exceptional quality!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
},
{
name: "Rahim Khan",
handle: "@khan_sports",
testimonial: "His reels strategy doubled our engagement. Highly recommended for sports brands.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg",
},
{
name: "Emily Chen",
handle: "@tech_solutions",
testimonial: "Very clear communication and affordable rates for top-tier design work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149069153.jpg",
},
{
name: "John Doe",
handle: "@local_biz",
testimonial: "Reliable and fast. My go-to freelancer for all digital design needs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-meeting_1098-19536.jpg",
},
{
name: "Maria Silva",
handle: "@maria_art",
testimonial: "Outstanding eye for detail. Will definitely work with him again.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142264.jpg",
},
]}
buttons={[
{
text: "View My Portfolio",
href: "#portfolio",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-wearing-vr-goggles-with-special-effects_23-2148815728.jpg?_wi=1"
imageAlt="Mafuz Sardar Professional Dashboard"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169212.jpg",
alt: "Portrait of person with wavy texture",
},
{
src: "http://img.b2bpic.net/free-photo/lights-drawing-long-exposure-technique_53876-13996.jpg",
alt: "Lights drawing long exposure technique",
},
{
src: "http://img.b2bpic.net/free-photo/3d-glasses-camera-high-angle_23-2149558800.jpg",
alt: "3d glasses and camera high angle",
},
{
src: "http://img.b2bpic.net/free-photo/person-eyeglasses-beside-blue-neon-signage_410324-127.jpg",
alt: "Person in eyeglasses beside blue neon signage",
},
{
src: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
alt: "happy client professional portrait",
},
]}
avatarText="Trusted by 500+ professionals"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Fast, Proven Digital Marketing & Design Solutions"
description="Responsive freelancer delivering high-quality reels, thumbnails, and marketing strategy for sports brands and growing businesses. Trusted by clients across Bangladesh for on-time, early delivery."
testimonials={[
{ name: "Sarah Ahmed", handle: "@sarah_fashion", testimonial: "Mafuz delivered our social media thumbnails 2 days early. Exceptional quality!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg" },
{ name: "Rahim Khan", handle: "@khan_sports", testimonial: "His reels strategy doubled our engagement. Highly recommended for sports brands.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg" },
{ name: "Emily Chen", handle: "@tech_solutions", testimonial: "Very clear communication and affordable rates for top-tier design work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149069153.jpg" },
{ name: "John Doe", handle: "@local_biz", testimonial: "Reliable and fast. My go-to freelancer for all digital design needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-people-having-meeting_1098-19536.jpg" },
{ name: "Maria Silva", handle: "@maria_art", testimonial: "Outstanding eye for detail. Will definitely work with him again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142264.jpg" },
]}
buttons={[{ text: "View My Portfolio", href: "#portfolio" }]}
imageSrc="http://img.b2bpic.net/free-photo/man-wearing-vr-goggles-with-special-effects_23-2148815728.jpg"
imageAlt="Mafuz Sardar Professional Dashboard"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "About Mafuz Sardar",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg",
alt: "About Mafuz",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "About Mafuz Sardar" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg", alt: "About Mafuz" },
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "Social Media Reels",
descriptions: [
"High-engagement video content creation.",
"Custom editing for TikTok, IG Reels, and Shorts.",
],
imageSrc: "http://img.b2bpic.net/free-photo/outline-responsive-design_1134-80.jpg?_wi=1",
},
{
id: "s2",
title: "Thumbnails & Design",
descriptions: [
"Eye-catching thumbnails for YouTube and Socials.",
"Custom branding and design identity.",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-bottles-ketchup-mustard_23-2148314144.jpg",
},
{
id: "s3",
title: "Marketing Strategy",
descriptions: [
"Strategic consultation for local brands.",
"Performance optimization to boost visibility.",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-modern-office-creates-3d-render-apartment-interior_482257-125830.jpg",
},
]}
title="Digital Marketing & Design Services"
description="Comprehensive creative services tailored for fast-paced businesses."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "s1", title: "Social Media Reels", descriptions: ["High-engagement video content creation.", "Custom editing for TikTok, IG Reels, and Shorts."] },
{ id: "s2", title: "Thumbnails & Design", descriptions: ["Eye-catching thumbnails for YouTube and Socials.", "Custom branding and design identity."] },
{ id: "s3", title: "Marketing Strategy", descriptions: ["Strategic consultation for local brands.", "Performance optimization to boost visibility."] },
]}
title="Digital Marketing & Design Services"
description="Comprehensive creative services tailored for fast-paced businesses."
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Sports Brand",
name: "Reel Thumbnail A",
price: "Project 01",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800646.jpg?_wi=1",
},
{
id: "p2",
brand: "Tech Startup",
name: "Marketing Kit",
price: "Project 02",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/young-famous-influencer-filming-review-phone-with-green-screen-creative-content-creator_482257-24914.jpg?_wi=1",
},
{
id: "p3",
brand: "Local Boutique",
name: "Social Promo",
price: "Project 03",
rating: 4,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/tune-entertainment-streaming-media-icon_53876-21273.jpg",
},
{
id: "p4",
brand: "Fitness Coach",
name: "Brand Design",
price: "Project 04",
rating: 5,
reviewCount: "10",
imageSrc: "http://img.b2bpic.net/free-photo/liberty-cool-free-spirit-recreation-interested_53876-21303.jpg",
},
{
id: "p5",
brand: "Food Brand",
name: "Video Ad Set",
price: "Project 05",
rating: 5,
reviewCount: "22",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_52683-162013.jpg",
},
{
id: "p6",
brand: "E-Commerce",
name: "Thumbnail Pack",
price: "Project 06",
rating: 4,
reviewCount: "5",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-smartphone_1162-132.jpg",
},
]}
title="Portfolio Showcase"
description="A collection of recent high-impact design projects."
/>
</div>
<div id="portfolio" data-section="portfolio">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Sports Brand", name: "Reel Thumbnail A", price: "Project 01", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800646.jpg" },
{ id: "p2", brand: "Tech Startup", name: "Marketing Kit", price: "Project 02", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/young-famous-influencer-filming-review-phone-with-green-screen-creative-content-creator_482257-24914.jpg" },
{ id: "p3", brand: "Local Boutique", name: "Social Promo", price: "Project 03", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/tune-entertainment-streaming-media-icon_53876-21273.jpg" },
{ id: "p4", brand: "Fitness Coach", name: "Brand Design", price: "Project 04", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/liberty-cool-free-spirit-recreation-interested_53876-21303.jpg" },
{ id: "p5", brand: "Food Brand", name: "Video Ad Set", price: "Project 05", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_52683-162013.jpg" },
{ id: "p6", brand: "E-Commerce", name: "Thumbnail Pack", price: "Project 06", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/laptop-smartphone_1162-132.jpg" },
]}
title="Portfolio Showcase"
description="A collection of recent high-impact design projects."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Ahmed",
date: "March 2024",
title: "CEO, FashionFlow",
quote: "Mafuz is extremely professional and fast. The designs exceeded our expectations.",
tag: "Design",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-vr-goggles-with-special-effects_23-2148815728.jpg?_wi=2",
imageAlt: "happy client professional portrait",
},
{
id: "t2",
name: "Rahim Khan",
date: "February 2024",
title: "Owner, ProSports",
quote: "His reels strategy helped us grow our reach organically. Top notch freelancer.",
tag: "Strategy",
avatarSrc: "http://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg",
imageAlt: "happy client professional portrait",
},
{
id: "t3",
name: "Emily Chen",
date: "January 2024",
title: "Marketing Manager",
quote: "Great design sense and always delivers ahead of time.",
tag: "Branding",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/outline-responsive-design_1134-80.jpg?_wi=2",
imageAlt: "happy client professional portrait",
},
{
id: "t4",
name: "John Doe",
date: "December 2023",
title: "Freelance Lead",
quote: "Highly capable digital marketer. Would recommend to anyone.",
tag: "Marketing",
avatarSrc: "http://img.b2bpic.net/free-photo/man-drinking-coffee-listening-his-secretary_329181-10343.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800646.jpg?_wi=2",
imageAlt: "happy client professional portrait",
},
{
id: "t5",
name: "Maria Silva",
date: "November 2023",
title: "Founder",
quote: "Exceptional value for such high-quality work. He is my go-to freelancer.",
tag: "Design",
avatarSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-133786.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-famous-influencer-filming-review-phone-with-green-screen-creative-content-creator_482257-24914.jpg?_wi=2",
imageAlt: "happy client professional portrait",
},
]}
title="Client Feedback"
description="What our clients say about working with Mafuz."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah Ahmed", date: "March 2024", title: "CEO, FashionFlow", quote: "Mafuz is extremely professional and fast. The designs exceeded our expectations.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg" },
{ id: "t2", name: "Rahim Khan", date: "February 2024", title: "Owner, ProSports", quote: "His reels strategy helped us grow our reach organically. Top notch freelancer.", tag: "Strategy", avatarSrc: "http://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg" },
{ id: "t3", name: "Emily Chen", date: "January 2024", title: "Marketing Manager", quote: "Great design sense and always delivers ahead of time.", tag: "Branding", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" },
{ id: "t4", name: "John Doe", date: "December 2023", title: "Freelance Lead", quote: "Highly capable digital marketer. Would recommend to anyone.", tag: "Marketing", avatarSrc: "http://img.b2bpic.net/free-photo/man-drinking-coffee-listening-his-secretary_329181-10343.jpg" },
{ id: "t5", name: "Maria Silva", date: "November 2023", title: "Founder", quote: "Exceptional value for such high-quality work. He is my go-to freelancer.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-133786.jpg" },
]}
title="Client Feedback"
description="What our clients say about working with Mafuz."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"FashionFlow",
"ProSports",
"TechSolutions",
"LocalBiz",
"EcoMarket",
"CreativeStudio",
"NextGenBrands",
]}
title="Trusted By Brands"
description="Brands I have helped with digital marketing and design solutions."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["FashionFlow", "ProSports", "TechSolutions", "LocalBiz", "EcoMarket", "CreativeStudio", "NextGenBrands"]}
title="Trusted By Brands"
description="Brands I have helped with digital marketing and design solutions."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How quickly can you deliver?",
content: "Most projects are completed within 48-72 hours, depending on complexity. Early delivery is my standard.",
},
{
id: "f2",
title: "What tools do you use?",
content: "I use industry-standard tools including Adobe Creative Cloud and modern marketing analytics software.",
},
{
id: "f3",
title: "Do you offer revisions?",
content: "Yes, I offer multiple revision rounds to ensure the final product meets your vision perfectly.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/product-design-drawing-website-graphic_53876-120423.jpg"
title="Common Questions"
description="Everything you need to know about working with me."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "How quickly can you deliver?", content: "Most projects are completed within 48-72 hours, depending on complexity. Early delivery is my standard." },
{ id: "f2", title: "What tools do you use?", content: "I use industry-standard tools including Adobe Creative Cloud and modern marketing analytics software." },
{ id: "f3", title: "Do you offer revisions?", content: "Yes, I offer multiple revision rounds to ensure the final product meets your vision perfectly." },
]}
title="Common Questions"
description="Everything you need to know about working with me."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Let's Get Started"
description="Ready to take your social media and marketing to the next level? Contact me today."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Contact Me"
title="Let's Get Started"
description="Ready to take your social media and marketing to the next level? Contact me today."
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Mafuz Sardar"
leftLink={{
text: "Terms & Conditions",
href: "#",
}}
rightLink={{
text: "Contact Me",
href: "#contact",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Mafuz Sardar"
leftLink={{ text: "Terms & Conditions", href: "#" }}
rightLink={{ text: "Contact Me", href: "#contact" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);