From 54c3b41d3872f11a0dd385d7941eb7bcd67e327f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 10:12:12 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 472 ++++++++++++-----------------------------------
 1 file changed, 123 insertions(+), 349 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 67b2dd9..8cca091 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
   );
-- 
2.49.1