Blog 4 & 5 content updated

pages/[slug].js

@@ -1,5 +1,4 @@
 import BlogSidebar from "@/src/components/BlogSidebar";
-import Breadcumb from "@/src/components/Breadcumb";
 import BlogBanner from "@/src/components/services-details-banner/blogbanner";
 import ConsenHead from "@/src/ConsenHead";
 import Layout from "@/src/layout/Layout";
@@ -7,12 +6,11 @@ import { BlogData } from "@/utils/constant.utils";
 
 const BlogDetails = ({ post }) => {
   if (!post) return <p>Blog not found</p>;
-
   return (
     <>
       <ConsenHead
-        title={post?.seoTitle || post?.title}
+        title={post?.metatitle}
-        description={post?.seoDesc || post?.description}
+        description={post?.metaDisc}
       />
 
       <Layout>
@@ -21,19 +19,29 @@ const BlogDetails = ({ post }) => {
         <div className="blog-section style-two details">
           <div className="container">
             <div className="row justify-content-center">
-              <div className="col-lg-12">
+
+              <div className="col-lg-4 col-md-12 mb-4 order-lg-1 order-2">
+                <BlogSidebar currentSlug={post?.slug} />
+              </div>
+
+              <div className="col-lg-8 col-md-12 order-lg-2 order-1">
                 <div className="blog-single-items">
                   <div className="blog-thumb">
-                    <img src={post?.big_image} alt="Blog img" />
+                    <img
+                      src={post?.big_image}
+                      alt={post?.title || "Blog Image"}
+                      className="img-fluid"
+                    />
                   </div>
                   <div className="blog-content">
                     <div className="blog-content-text text-left">
                       <h5>{post?.title}</h5>
-                      <div className="blog-meta">
+                      <div className="blog-meta mb-3">
                         <span><a href="#">{post?.user}</a></span> -{" "}
                         <span>{post?.date}</span> -{" "}
                         <span><a href="#">{post?.category}</a></span>
                       </div>
+
                       <div
                         dangerouslySetInnerHTML={{ __html: post?.description }}
                       ></div>
@@ -41,7 +49,7 @@ const BlogDetails = ({ post }) => {
                   </div>
                 </div>
               </div>
-              {/* Optional Sidebar: <BlogSidebar /> */}
+
             </div>
           </div>
         </div>
@@ -59,7 +67,7 @@ export async function getStaticPaths() {
 
   return {
     paths,
-    fallback: false, // Use true/‘blocking’ if content is dynamic
+    fallback: false,
   };
 }
 

src/components/BlogSidebar.js

@@ -1,169 +1,67 @@
 import { useEffect } from "react";
 import { calender } from "../utils";
+import Link from "next/link";
+import { BlogData } from "@/utils/constant.utils";
 
-const BlogSidebar = () => {
+const BlogSidebar = ({ currentSlug }) => {
   useEffect(() => {
-    return () => {
+    calender();
-      calender();
-    };
   }, []);
+
+  const relatedBlogs = BlogData?.filter((b) => b.slug !== currentSlug) || [];
+
+  const randomRelated =
+    relatedBlogs.length > 0
+      ? relatedBlogs[Math.floor(Math.random() * relatedBlogs.length)]
+      : null;
+
   return (
-    <div className="col-lg-4 col-md-8">
+    <div className="col-lg-12 col-md-12 blog-sidebar mt-4">
-      <div className="widget-items mt-5 mt-lg-0 mb-40">
+      {/* Categories */}
-        <form onSubmit={(e) => e.preventDefault()} action="#" method="get">
+      <div className="widget-items mb-40 categories">
-          <input
-            type="text"
-            className="src-input-box"
-            placeholder="Search Here"
-            name="s"
-            title="src-input-box"
-          />
-          <button className="src-icon" type="submit">
-            <i className="fas fa-search" />
-          </button>
-        </form>
-      </div>
-      <div className="widget-items mb-40">
         <div className="widget-title">
           <h2>Categories</h2>
         </div>
         <div className="catagory-item">
           <ul>
-            <li className="hr-3">
+            {BlogData.map((blog) => (
-              <a href="#">Design</a>
+              <li className="hr-3" key={blog.id}>
-            </li>
+                <Link
-            <li className="hr-3">
+                  href={`/${blog.slug}`}
-              <a href="#">Development</a>
+                  className={blog.slug === currentSlug ? "current" : ""}
-            </li>
+                >
-            <li className="hr-3">
+                  {blog.title}
-              <a href="#">Graphics</a>
+                </Link>
-            </li>
+              </li>
-            <li className="hr-3">
+            ))}
-              <a href="#">Technology</a>
-            </li>
-            <li className="hr-3">
-              <a href="#">Tips</a>
-            </li>
           </ul>
         </div>
       </div>
-      <div className="widget-items upp mb-40">
+
-        <div className="widget-recent-post d-flex">
+      {randomRelated && (
-          <div className="rpost-thumb">
+        <div className="widget-items mb-40 related-post">
-            <a href="#">
-              <img src="assets/images/resource/footer1.png" alt="post thumb" />
-            </a>
-          </div>
-          <div className="rpost-content">
-            <div className="rpost-title">
-              <a href="#">
-                <h4>Most Project with Your Software</h4>
-              </a>
-              <span>January 01, 2023</span>
-            </div>
-          </div>
-        </div>
-        <div className="widget-recent-post d-flex hr-3">
-          <div className="rpost-thumb">
-            <a href="#">
-              <img src="assets/images/resource/footer2.png" alt="post thumb" />
-            </a>
-          </div>
-          <div className="rpost-content">
-            <div className="rpost-title">
-              <a href="#">
-                <h4>You have a Great Business Idea? </h4>
-              </a>
-              <span>february 12, 2023</span>
-            </div>
-          </div>
-        </div>
-        <div className="widget-recent-post d-flex hr-3">
-          <div className="rpost-thumb">
-            <a href="#">
-              <img src="assets/images/resource/footer1.png" alt="post thumb" />
-            </a>
-          </div>
-          <div className="rpost-content">
-            <div className="rpost-title">
-              <a href="#">
-                <h4>How to Make Website WCAG Compliant? </h4>
-              </a>
-              <span>January 10, 2023</span>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className="widget-items mb-40">
-        <div className="widget-title">
-          <h2>Tag Cloud</h2>
-        </div>
-        <div className="tag-item">
-          <a href="#">Bootstrap</a>
-          <a href="#">Business</a>
-          <a href="#">Corporate</a>
-          <a href="#">Portfolio</a>
-          <a href="#">Responsive</a>
-          <a href="#">Technology</a>
-        </div>
-      </div>
-      <div className="widget-items mb-40">
-        <div className="calender-area">
           <div className="widget-title">
-            <h2>Calender</h2>
+            <h2>Related Blog</h2>
           </div>
-          <div className="tag-item">
+          <div className="widget-recent-post-single" key={randomRelated.id}>
-            <div className="curr-month">
+            <Link href={`/${randomRelated.slug}`}>
-              <b>january</b>
+              <img
-            </div>
+                src={randomRelated.image}
-            <div className="all-days">
+                alt={randomRelated.title}
-              <ul>
+                className="mb-3 w-100"
-                <li>S</li>
+                style={{ borderRadius: "8px" }}
-                <li>M</li>
+              />
-                <li>T</li>
+            </Link>
-                <li>W</li>
+            <div className="rpost-content mt-2">
-                <li>T</li>
+              <Link href={`/${randomRelated.slug}`}>
-                <li>F</li>
+                <h5>{randomRelated.title}</h5>
-                <li>S</li>
+              </Link>
-              </ul>
-            </div>
-            <div className="all-date">
-              <ul></ul>
             </div>
           </div>
         </div>
-      </div>
+      )}
-      <div className="widget-items widget-archieve mb-40">
-        <div className="widget-title">
-          <h2>Archives</h2>
-        </div>
-        <p className="hr-3">
-          <a className="widget-archieve-item" href="#">
-            January 2023
-          </a>{" "}
-        </p>
-        <p className="hr-3">
-          <a className="widget-archieve-item" href="#">
-            Febraury 2023
-          </a>{" "}
-        </p>
-        <p className="hr-3">
-          <a className="widget-archieve-item" href="#">
-            March 2023
-          </a>{" "}
-        </p>
-        <p className="hr-3">
-          <a className="widget-archieve-item" href="#">
-            April 2023
-          </a>{" "}
-        </p>
-        <p className="hr-3">
-          <a className="widget-archieve-item" href="#">
-            May 2023
-          </a>{" "}
-        </p>
-      </div>
     </div>
   );
 };
+
 export default BlogSidebar;

utils/constant.utils.js

@@ -257,7 +257,367 @@ export const BlogData = [
 
     <p class="mb-20 mt-10">At MetatronCube India, we specialize in building results-driven SEO strategies, high-quality content writing services, and digital marketing campaigns that fuel measurable business growth. From increasing your website rankings to crafting content that sells, we ensure your brand not only gets discovered but also thrives online.</p>
 `
+  },
+  {
+    id: 4,
+    hTittle: "Top Digital Marketing Strategies for 2025 That Actually Work",
+    title: "Top Digital Marketing Strategies for 2025 That Actually Work",
+    image: "/assets/images/blog/blog-cards/blog-3.webp",
+    big_image: "/assets/images/blog/blog-details/blog-3-big-img.webp",
+    date: "MARCH 25, 2025",
+    user: "Admin",
+    category: "Digital Marketing Strategy & Growth",
+    slug: "top-digital-marketing-strategies-for-2025-that-actually-work",
+    seoDesc: "Stay ahead with the best digital marketing strategies in 2025. Learn how SEO, social media, and paid ads are evolving and how to use them to grow.",
+    metatitle: "Top Digital Marketing Strategies 2025 - MetatronCube India",
+    metaDisc: "Stay ahead with the best digital marketing strategies in 2025. Learn how SEO, social media, and paid ads are evolving and how to use them to grow.",
+    description: `
+    <p>Digital marketing is no longer a buzzword, it's the foundation of online growth. In 2025, businesses that succeed online are those that embrace change, adapt to evolving platforms, and implement data-driven digital marketing strategies that work.</p>
+
+    <p>Whether you’re a startup launching your first campaign or an established brand aiming to scale, the landscape of digital marketing services has shifted. At MetatronCube India, we stay ahead of the curve so our clients can too.</p>
+
+    <p>Here’s a detailed guide to the top-performing strategies every business should embrace in 2025 to drive leads, increase sales, and build a loyal customer base.</p>
+
+    <h4>1. Omnichannel Marketing Is No Longer Optional</h4>
+
+    <p>Today’s users jump between devices and platforms. They might discover your brand on Instagram, visit your website on mobile, then finalize a purchase on desktop.</p>
+
+    <p>This is where omnichannel digital marketing becomes crucial. It ensures:</p>
+
+    <div class="container">
+      <ul>
+        <li>A consistent brand experience across platforms (social media, website, email, ads).</li>
+        <li>Higher customer retention through seamless interactions.</li>
+        <li>Better ROI as users engage with you across multiple touchpoints.</li>
+      </ul>
+    </div>
+
+    <p>At MetatronCube India, we develop integrated digital strategies combining SEO, social media marketing, email automation, and content to deliver a unified customer journey.</p>
+
+    <h4>2. AI & Marketing Automation Are Powering Performance</h4>
+
+    <p>Artificial intelligence is revolutionizing how brands market online. AI tools help automate tasks, personalize content, and even predict user behavior.</p>
+
+    <p>In 2025, leading digital marketing companies in India are using AI for:</p>
+
+    <div class="container">
+      <ul>
+        <li>Automated ad bidding and performance optimization.</li>
+        <li>Predictive analytics for better targeting.</li>
+        <li>Personalized content based on user actions.</li>
+      </ul>
+    </div>
+
+    <p>Using AI-powered platforms, we create customized marketing campaigns that adapt in real-time - ensuring better engagement and more conversions.</p>
+
+    <h4>3. Content Marketing + SEO = Long-Term Growth</h4>
+
+    <p>Content is still king, but only when paired with advanced SEO strategies.</p>
+
+    <p>Search engines have evolved, and so have users. High-ranking content now requires:</p>
+
+    <div class="container">
+      <ul>
+        <li>Semantic keyword optimization</li>
+        <li>In-depth, helpful, and well-structured articles</li>
+        <li>Mobile-first, fast-loading pages</li>
+        <li>Relevant internal linking and schema markup</li>
+      </ul>
+    </div>
+
+    <p>We specialize in SEO and content writing services that not only improve your visibility but position your brand as a trusted authority.</p>
+
+    <p><b>Tip:</b> Focus on creating long-form, value-packed blog posts, service pages, and landing pages that answer user intent. (Exactly like this blog!)</p>
+
+    <h4>4. Video Marketing is the #1 Engagement Driver</h4>
+
+    <p>Short-form video is dominating attention spans across platforms.</p>
+
+    <p>From Instagram Reels and YouTube Shorts to TikTok and LinkedIn videos - smart businesses are turning to visual storytelling to connect emotionally with audiences.</p>
+
+    <p>Types of video content that perform in 2025:</p>
+
+    <div class="container">
+      <ul>
+        <li>Product demos</li>
+        <li>Behind-the-scenes content</li>
+        <li>How-to tutorials</li>
+        <li>Customer testimonials</li>
+      </ul>
+    </div>
+
+    <p>We help brands create engaging, branded video content that fits perfectly into their wider digital strategy.</p>
+
+    <h4>5. Voice Search Optimization Is Gaining Ground</h4>
+
+    <p>With the rise of voice assistants like Siri, Google Assistant, and Alexa, your content needs to be voice-search friendly.</p>
+
+    <p>This means optimizing for:</p>
+
+    <div class="container">
+      <ul>
+        <li>Conversational keywords ("best digital marketing agency near me")</li>
+        <li>Featured snippets</li>
+        <li>Local SEO with structured data</li>
+      </ul>
+    </div>
+
+    <p>Our team ensures your website and content are aligned with voice search SEO techniques so that you’re discoverable through all search methods.</p>
+
+    <h4>6. Paid Ads Are Smarter (Not Just Bigger)</h4>
+
+    <p>Google Ads and Meta Ads are still powerful tools - but in 2025, throwing money at campaigns doesn’t work unless it’s backed by data and precision.</p>
+
+    <p>We implement:</p>
+
+    <div class="container">
+      <ul>
+        <li>Smart targeting using AI-based audience segmentation</li>
+        <li>Retargeting strategies to convert abandoned leads</li>
+        <li>A/B testing of ad creatives and landing pages</li>
+        <li>Optimized ad budgets that deliver maximum ROI</li>
+      </ul>
+    </div>
+
+    <p>Whether it's PPC for eCommerce websites or lead generation for B2B services, our performance marketing strategies are focused on results.</p>
+
+    <h4>7. Local SEO + Google My Business = More Footfall</h4>
+
+    <p>For service-based businesses or local shops, optimizing your online presence with local SEO services can significantly increase visibility.</p>
+
+    <p>Tactics we use include:</p>
+
+    <div class="container">
+      <ul>
+        <li>Google My Business optimization</li>
+        <li>Local citation building</li>
+        <li>Customer review management</li>
+        <li>Location-based keyword targeting</li>
+      </ul>
+    </div>
+
+    <p>It’s one of the most cost-effective digital marketing strategies for small businesses in India and beyond.</p>
+
+    <h4>8. Influencer & UGC Marketing Builds Trust Faster</h4>
+
+    <p>In 2025, customers trust other people more than polished ads. Partnering with micro-influencers and encouraging user-generated content (UGC) can amplify your brand credibility.</p>
+
+    <p>For example:</p>
+
+    <div class="container">
+      <ul>
+        <li>Run campaigns where customers share their experience using your product.</li>
+        <li>Collaborate with niche influencers who have engaged followings.</li>
+      </ul>
+    </div>
+
+    <p>We identify the right creators and help manage influencer campaigns that blend seamlessly with your brand.</p>
+
+    <h4>Final Thoughts</h4>
+
+    <p>Digital marketing in 2025 is no longer just about visibility - it’s about creating valuable, connected, and memorable experiences for your audience.</p>
+
+    <p>From SEO and content writing to paid ads, social media marketing, and video strategy, every tactic should serve a larger goal: digital growth.</p>
+
+    <p>At MetatronCube India, we’re not just a digital marketing company - we’re your strategic partner in navigating the future. Whether you need full-scale execution or expert consulting, we’re here to help you grow smarter, faster, and stronger online.</p>
+
+    <div class="hr-3">
+      <div class="row">
+        <div class="col-lg-12 col-md-6">
+          <div class="service-details-icon-bo">
+            <div class="widget mb-50">
+              <div class="widget-titl">
+                <h4 class="mb-4 mt-0">Tags</h4>
+              </div>
+              <div class="tag-item">
+                <a href="#">Digital Marketing</a>
+                <a href="#">SEO</a>
+                <a href="#">Omnichannel Marketing</a>
+                <a href="#">Voice Search</a>
+                <a href="#">Video Marketing</a>
+                <a href="#">AI Automation</a>
+                <a href="#">Local SEO</a>
+                <a href="#">Influencer Marketing</a>
+                <a href="#">Content Strategy</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  `
+  },
+  {
+    id: 5,
+    hTittle: "Why UI/UX Design Can Make or Break Your App in 2025",
+    title: "Why UI/UX Design Can Make or Break Your App in 2025",
+    image: "/assets/images/blog/blog-cards/blog-3.webp",
+    big_image: "/assets/images/blog/blog-details/blog-3-big-img.webp",
+    date: "MARCH 30, 2025",
+    user: "Admin",
+    category: "UI/UX Design & Mobile App Development",
+    slug: "why-ui-ux-design-can-make-or-break-your-app-in-2025",
+    seoDesc: "Discover how UI/UX design affects app performance and user retention. Learn what makes great design in 2025 & why it matters for your business.",
+    metatitle: "UI/UX Design Importance for Apps 2025 - MetatronCube India",
+    metaDisc: "Discover how UI/UX design affects app performance and user retention. Learn what makes great design in 2025 & why it matters for your business.",
+    description: `
+    <p>In 2025, users don’t just expect mobile apps to work - they expect them to delight.</p>
+
+    <p>Whether you're building a health tracker, eCommerce platform, or enterprise solution, your app's success is heavily influenced by one crucial factor: UI/UX design.</p>
+
+    <p>Apps with clunky layouts, slow responsiveness, or confusing user journeys don’t survive - no matter how powerful their backend is. At MetatronCube India, we create intuitive, beautiful, and performance-optimized mobile app designs that users love.</p>
+
+    <p>Let’s break down why UI/UX design services are more important than ever and how they directly impact your app’s growth, revenue, and brand perception.</p>
+
+    <h4>1. First Impressions Decide Installs and Uninstalls</h4>
+
+    <p>In the mobile world, you get one shot to impress.</p>
+
+    <p>The moment a user opens your app, they make a decision - do they stay, or do they uninstall? That decision depends on:</p>
+
+    <div class="container">
+      <ul>
+        <li>How fast the app loads</li>
+        <li>How smooth the onboarding process feels</li>
+        <li>Whether the interface is attractive and intuitive</li>
+      </ul>
+    </div>
+
+    <p>Apps with professional UI/UX design experience higher user retention, better engagement, and stronger conversion rates.</p>
+
+    <p><b>Tip:</b> A visually cohesive design builds immediate trust - especially for startups launching their first MVP.</p>
+
+    <h4>2. User-Centered Design Drives Engagement</h4>
+
+    <p>At the core of every great app is one simple idea: it solves a user’s problem - seamlessly.</p>
+
+    <p>This is the foundation of user experience (UX) design. It’s about understanding your users' behaviors, needs, and expectations, then designing around them.</p>
+
+    <p>Our UX process at MetatronCube India includes:</p>
+
+    <div class="container">
+      <ul>
+        <li>Creating wireframes based on real user flows</li>
+        <li>Interactive prototyping</li>
+        <li>Usability testing with feedback loops</li>
+        <li>Accessibility-first design for inclusive experiences</li>
+      </ul>
+    </div>
+
+    <p>Apps built on human-centered design principles don’t just work - they feel effortless.</p>
+
+    <h4>3. Visual Consistency Reinforces Branding</h4>
+
+    <p>The user interface (UI) is not just about “looking good.” It’s about aligning your app's visuals with your brand identity.</p>
+
+    <p>From the colors and fonts to icons and animations, every detail influences how your audience perceives your brand.</p>
+
+    <p>Strong UI design:</p>
+
+    <div class="container">
+      <ul>
+        <li>Builds brand trust and recognition</li>
+        <li>Guides user behavior (through visual hierarchy)</li>
+        <li>Enhances product storytelling</li>
+      </ul>
+    </div>
+
+    <p>We ensure that every mobile app we design - from enterprise mobile app development to apps for startups - reflects your brand with clarity and confidence.</p>
+
+    <h4>4. Mobile UI/UX Trends in 2025 You Can’t Ignore</h4>
+
+    <p>To stay competitive, your app must keep up with evolving user expectations. Some top mobile UI/UX trends in 2025 include:</p>
+
+    <div class="container">
+      <ul>
+        <li>Micro-interactions: Small animations that give users instant feedback (like a heart button pulsing).</li>
+        <li>Gesture-based navigation: Swipe, pinch, drag - users now expect fluid motion.</li>
+        <li>Dark mode optimization: A standard, not a feature.</li>
+        <li>Voice-integrated UI: Voice commands and searches are rising.</li>
+        <li>Glassmorphism & neumorphism: Fresh design aesthetics that combine depth and translucency.</li>
+      </ul>
+    </div>
+
+    <p>Our UI/UX experts are well-versed in incorporating these trends while maintaining usability and performance.</p>
+
+    <h4>5. Poor UX = Lost Revenue</h4>
+
+    <p>Let’s be clear: bad UX costs money.</p>
+
+    <p>An app that confuses users or slows them down leads to:</p>
+
+    <div class="container">
+      <ul>
+        <li>Higher bounce rates</li>
+        <li>Lower session durations</li>
+        <li>Fewer conversions</li>
+        <li>Negative reviews and lower app store rankings</li>
+      </ul>
+    </div>
+
+    <p>On the flip side, great UX design increases customer satisfaction, boosts engagement, and builds long-term loyalty. If you’re investing in mobile application development, it only makes sense to prioritize the user journey.</p>
+
+    <p><b>Stat:</b> 88% of users are less likely to return to a site or app after a bad experience.</p>
+
+    <h4>6. UI/UX Is the Competitive Edge for Startups</h4>
+
+    <p>If you're a startup, your app is your product. And in a crowded app marketplace, design is often the deciding factor between winning or losing customers.</p>
+
+    <p>With affordable mobile app development now accessible via cross-platform frameworks like Flutter and React Native, startups are launching fast - but only those who prioritize user experience design will scale.</p>
+
+    <p>At MetatronCube India, we specialize in app development for startups that balances speed, design excellence, and future scalability.</p>
+
+    <h4>7. UX Is Essential for App Store Optimization (ASO)</h4>
+
+    <p>Even app store rankings are influenced by user engagement. If users uninstall your app quickly or leave negative reviews due to poor UX, your visibility drops.</p>
+
+    <p>Better UI/UX leads to:</p>
+
+    <div class="container">
+      <ul>
+        <li>Higher app ratings</li>
+        <li>Positive reviews</li>
+        <li>Increased downloads and organic growth</li>
+      </ul>
+    </div>
+
+    <p>If you want your investment in mobile app development services to pay off, UX can’t be an afterthought - it’s the core strategy.</p>
+
+    <h4>Final Thoughts</h4>
+
+    <p>UI/UX is not just design - it’s your brand’s voice, your product’s usability, and your user’s satisfaction, all rolled into one.</p>
+
+    <p>In 2025, investing in UI/UX design services is not a luxury. It’s a necessity for growth.</p>
+
+    <p>At MetatronCube India, our mission is to build mobile experiences that are beautiful, functional, and built for humans. Whether you need an enterprise solution or a startup MVP, our cross-platform app development and design experts deliver solutions that scale.</p>
+
+    <div class="hr-3">
+      <div class="row">
+        <div class="col-lg-12 col-md-6">
+          <div class="service-details-icon-bo">
+            <div class="widget mb-50">
+              <div class="widget-titl">
+                <h4 class="mb-4 mt-0">Tags</h4>
+              </div>
+              <div class="tag-item">
+                <a href="#">UI/UX Design</a>
+                <a href="#">App Development</a>
+                <a href="#">Mobile App Design</a>
+                <a href="#">User Experience</a>
+                <a href="#">User Interface</a>
+                <a href="#">Design Trends 2025</a>
+                <a href="#">App Store Optimization</a>
+                <a href="#">Startup Apps</a>
+                <a href="#">Product Design</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  `
   }
+
 ]
 
 // Portfolio
@@ -911,7 +1271,7 @@ export const PortfolioData = [
     link: "https://www.youtube.com/shorts/YgCb5BIm93w",
     videoLink: "https://www.youtube.com/shorts/YgCb5BIm93w",
   },
-    {
+  {
     id: 60,
     category: "video",
     video: "https://www.youtube.com/shorts/Wd89RALJjJw",
@@ -933,7 +1293,7 @@ export const PortfolioData = [
     link: "https://www.youtube.com/shorts/QUm9hHtF6z4",
     videoLink: "https://www.youtube.com/shorts/QUm9hHtF6z4",
   },
-      {
+  {
     id: 70,
     category: "video",
     video: "https://www.youtube.com/watch?v=Rzm5ZWueMwY&feature=youtu.be",
@@ -944,7 +1304,7 @@ export const PortfolioData = [
     link: "https://www.youtube.com/watch?v=Rzm5ZWueMwY&feature=youtu.be",
     videoLink: "https://www.youtube.com/watch?v=Rzm5ZWueMwY&feature=youtu.be",
   },
-    {
+  {
     id: 71,
     category: "video",
     video: "https://www.youtube.com/watch?v=_gYcJ_sMAQg",
@@ -955,7 +1315,7 @@ export const PortfolioData = [
     link: "https://www.youtube.com/watch?v=_gYcJ_sMAQg",
     videoLink: "https://www.youtube.com/watch?v=_gYcJ_sMAQg",
   },
-    {
+  {
     id: 65,
     category: "video",
     video: "https://www.youtube.com/shorts/rksfIUjSe-Y",