import SubCard from "@/src/components/AboveFooter";
import Dm from "@/src/components/services-details-banner/dm.js";
import ConsenHead from "@/src/ConsenHead";
import Layout from "@/src/layout/Layout";
import Link from "next/link";
import React, { useState } from "react";
import Accordion from 'react-bootstrap/Accordion';

const DigitalMarketing = () => {
  const faqsData = [
    {
      id: 1,
      title: " How long does it take to see results from digital marketing?",
      content:
        "Results depend on the strategies used. Paid campaigns may show results within days, while organic methods like SEO and content marketing typically take 3-6 months for consistent growth.",
      animationDelay: ".5s",
    },
    {
      id: 2,
      title: "Can digital marketing work for small businesses too?",
      content:
        "Absolutely. Digital marketing levels the playing field, giving small businesses affordable tools to reach targeted audiences, build awareness, and compete with larger brands.",
      animationDelay: ".5s",
    },
    {
      id: 3,
      title: "Do I need to use all digital marketing channels?",
      content:
        " Not necessarily. The right mix depends on your goals, industry, and audience. A tailored strategy ensures you invest in the channels that bring the best ROI.",
      animationDelay: ".5s",
    },
    {
      id: 4,
      title: "How do I measure the success of digital marketing campaigns?",
      content:
        "Success is tracked through key performance indicators (KPIs) such as website traffic, conversions, leads generated, engagement rates, and return on investment (ROI).",
      animationDelay: ".5s",
    },
  ];

  const [active, setActive] = useState(faqsData[0].id);


  return (
    <>
      <ConsenHead title="Best Digital Marketing Service Providers -MetatronCube India" description="MetatronCube India offers digital marketing services including SEO, PPC, content marketing, and social media campaigns to grow your business." />
      <Layout>
        <Dm pageName={"DIGITAL MARKETING"} />
        <div className="service-detials-area">
          <div className="container">
            <div className="row">
              <div className="col-lg-4 col-md-12">
                <div className="widget-categories-box">
                  {/* categories title */}
                  <div className="categories-title">
                    <h4> Services </h4>
                  </div>
                  {/* widget categories menu */}
                  <div className="widget-categories-menu">
                    <ul>
                      <li>
                        <Link legacyBehavior href="/service/website-development-company">
                          <a> Website Development </a>
                        </Link>
                      </li>
                      <li>
                        <Link legacyBehavior href="/mobile-service/mobile-application-development">
                          <a>Mobile Application Development </a>
                        </Link>
                      </li>
                      <li>
                        <Link legacyBehavior href="/service/graphic-designing-company">
                          <a>Graphic Designing
                          </a>
                        </Link>
                      </li>
                      <li>
                        <Link legacyBehavior href="/service/ui-ux-designing">
                          <a>  UI / UX Designing  </a>
                        </Link>
                      </li>
                      <li>
                        <Link legacyBehavior href="/service/search-engine-optimization-seo-content-writing">
                          <a>SEO & Content Writing</a>
                        </Link>
                      </li>
                      <li className="active">
                        <Link legacyBehavior href="/service/digital-marketing-agency-in-canada">
                          <a> Digital Marketing </a>
                        </Link>
                      </li>
                    </ul>
                  </div>
                </div>
                {/* categoreis thumb */}
                <div className="widget-categories-thumb pt-0 pt-5">
                  {/* widget categories content  */}
                  <div className="widget-categories-content text-center">
                    <div className="logo-thumb d-flex justify-content-center ml-70 mb-4">
                      <Link legacyBehavior href="tel:+91 999 448 3353">
                        <a className="subscribe-icon ml-5">
                          <i className="bi bi-telephone-inbound" />
                        </a>
                      </Link>
                    </div>

                    <div className="card-color">
                      <h4 className="card-color">Looking for Top Digital <br /> service?</h4>
                      <p className="pt-3 card-color">Call anytime</p>
                      <Link legacyBehavior href="tel:+91 999 448 3353">
                        <a>
                          <h5 className="card-color">+91 999 448 3353</h5>
                        </a>
                      </Link>
                    </div>
                  </div>
                </div>
              </div>
              <div className="col-lg-8 col-md-12">
                <div className="row">
                  <div className="col-lg-12 col-sm-12">
                    <div className="consen-service-details-box">
                      <div className="consen-service-thumb">
                        <img src="/assets/images/service-details/digital-marketing.webp" alt="A digital marketer from a leading digital marketing agency in Canada presenting futuristic concepts with interactive icons." />
                      </div>
                      <div className="service-details-content">
                        <div className="consen-section-title mt-3 mb-3">
                          <h2><span>Digital Marketing Services</span> at Metatroncube</h2>
                        </div>

                        <div className="serivce-details-desc">
                          <p>
                            In today’s competitive digital landscape, businesses need more than just an online presence - they need visibility, engagement, and measurable growth. At Metatroncube Software Solutions, our digital marketing services combine strategy, creativity, and analytics to help your brand reach the right audience, build trust, and drive sales. From SEO and PPC to social media and content marketing, we create campaigns that deliver real results.
                          </p>

                        </div>


                        <div>

                          <div className="service-page-title">

                            <p>
                              <span className="bold">Search Engine Marketing (PPC): </span> Get instant visibility with our pay-per-click advertising campaigns. We design and manage Google Ads, Meta Ads, and display campaigns that target the right audience, generate qualified leads, and maximize return on ad spend.
                            </p>

                            <p className="mb-0">           <span className="bold">Social Media Marketing: </span> Turn followers into loyal customers with engaging social media campaigns. From Instagram and Facebook to LinkedIn and YouTube, we create strategic content, paid campaigns, and community engagement that build strong digital identities.

                            </p>

                            <p className="mb-0">
                              <span className="bold">SEO-Integrated Marketing:</span> Our digital marketing strategies go hand-in-hand with SEO optimization. We align campaigns with keyword research, user intent, and content strategies to ensure your business ranks higher and attracts consistent organic traffic.


                            </p>

                            <p className="mb-0 pt-3 ">
                              <span className="bold">Email Marketing & Automation:</span> Nurture your leads and retain customers with personalized email campaigns. From newsletters and drip campaigns to marketing automation, we help you deliver the right message at the right time.


                            </p>

                            <p className="mb-0">
                              <span className="bold">Content Marketing:</span> High-quality content drives engagement. Our team develops blogs, videos, infographics, and case studies that position your brand as an industry authority while generating traffic and conversions.

                            </p>

                            <p className="mb-0">
                              <span className="bold">Why Choose Metatroncube for Digital Marketing?:</span> We combine creativity with data-driven insights to deliver marketing campaigns that are measurable, scalable, and impactful. Our approach ensures that every rupee you invest works toward building stronger brand visibility, generating leads, and boosting revenue.


                            </p>

                            <p className="targets">
                              Market Smarter. Grow Faster. - Digital Marketing That Delivers Results.
                            </p>


                            <div className="col-lg-12">
                              <div className="service-bottom-text pt-0 pb-5">
                                <h2 className="meta">Partner with Experts Who Put Your Growth First{" "}</h2>
                                <p>
                                  {" "}


                                  <Link legacyBehavior href="/contact">
                                    <a className="mt-4">Book free consultation</a>
                                  </Link>

                                </p>



                              </div>
                            </div>
                          </div>

                        </div>
                      </div>
                    </div>
                  </div>


                  <div className="row">
                    <div className="col-lg-6 col-sm-6">
                      <div className="service-details-box overlap-card change-bg">
                        <div className="service-details-icon overlap-icon">
                          <img src="/assets/images/service-details/icon-6S/11.webp" alt="SEO & organic growth"></img>
                        </div>
                        <div className="service-details-title">
                          <h4>Digital Presence That Matters</h4>
                        </div>
                        <div className="services-detials-desc">
                          <p>We help brands build a strong online identity that captures attention and creates lasting connections with audiences worldwide.</p>
                        </div>
                      </div>
                    </div>
                    <div className="col-lg-6 col-sm-6">
                      <div className="service-details-box overlap-card change-bg">
                        <div className="service-details-icon overlap-icon">
                          <img src="/assets/images/service-details/icon-6S/12.webp" alt="Social media engagement"></img>
                        </div>
                        <div className="service-details-title">
                          <h4>Growth-Driven Campaigns</h4>
                        </div>
                        <div className="services-detials-desc">
                          <p>Our tailored digital strategies focus on visibility, engagement, and impact - ensuring your business grows in the ever-changing digital landscape.</p>
                        </div>
                      </div>
                    </div>

                  </div>



                  <div className="row">
                    <div className="col-lg-6 col-sm-6">
                      <div className="service-details-thumb mt-0 ">
                        <img className="i-width" src="/assets/images/service-details/card-image/digi-mar-1.webp" alt="Digital marketing professional analyzing SEO data on a laptop and tablet with colorful graphs and notes on the desk." />
                      </div>
                    </div>
                    <div className="col-lg-6 col-sm-6">
                      <div className="service-details-icon-box">
                        <div className="service-page-title2">
                          <h4 className="mt-0">Driving Business Growth Online</h4>

                          <h6 className="changeColor bold">Creative Campaigns That Deliver Real Results</h6>
                        </div>
                        <div className="widget-service-details-icon">
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>Tailored Strategies for Every Business</span>
                          </p>
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>
                              {" "}
                              Engaging Campaigns That Capture Attention{" "}
                            </span>
                          </p>
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>
                              Performance Tracking With Transparent Insights</span>
                          </p>
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>
                              Long-Term Growth Through Smart Execution</span>
                          </p>
                        </div>
                      </div>
                    </div>

                  </div>



                  <div className="row">
                    <div className="col-lg-6 col-sm-6">
                      <div className="service-details-thumb">
                        <img className="i-width" src="/assets/images/service-details/card-image/digi-mar-2.webp" alt="Group of marketers strategizing around laptops with vibrant social media call-to-action icons." />
                      </div>
                    </div>
                    <div className="col-lg-6 col-sm-6">
                      <div className="service-details-icon-box mt-5">
                        <div className="service-page-title2">
                          <h4>Powering Brands in the Digital Age</h4>

                          <h6 className="changeColor bold">Connecting You to the Right Audience Everywhere
                          </h6>
                        </div>
                        <div className="widget-service-details-icon">
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>Impactful Marketing That Builds Awareness</span>
                          </p>
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>
                              {" "}
                              Data-Backed Decisions for Higher ROI{" "}
                            </span>
                          </p>
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>
                              Cross-Channel Reach With Consistency
                            </span>
                          </p>
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>

                              Meaningful Engagement That Inspires Action</span>
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div className="faq-section">
            <div className="container">
              <div className="row align-items-center">
                <div className="col-lg-8 order-2 order-lg-1 pl-5">
                  <div id="tab1" className="tab_content">
                    <Accordion
                      defaultActiveKey={faqsData[0].id.toString()}
                      as="ul"
                      className="accordion"
                    >
                      {faqsData.map((faq) => (
                        <li
                          key={faq.id}
                          className="wow fadeInUp"
                          data-wow-delay={faq.animationDelay}
                        >
                          <Accordion.Toggle
                            as="a"
                            eventKey={faq.id.toString()}
                            onClick={() => setActive(faq.id === active ? null : faq.id)}
                            className={faq.id === active ? "active" : ""}
                          >
                            <span>{faq.title}</span>
                          </Accordion.Toggle>

                          <Accordion.Collapse eventKey={faq.id.toString()}>
                            <p>{faq.content}</p>
                          </Accordion.Collapse>
                        </li>
                      ))}
                    </Accordion>
                  </div>
                </div>
                <div className="col-lg-4 mb-4 mb-lg-0 order-1 order-lg-2 text-center mt-3">
                  <div className="testimonial-thumb">
                    <img
                      src="/assets/images/service-details/faq/6.webp"
                      alt="FAQ"
                      className="img-fluid"
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        {/*==================================================*/}
        {/* Start consen Subscribe Area */}
        {/*==================================================*/}
        <div className="sub">
          <div className="container">
            <SubCard />
          </div>
        </div>

        {/*==================================================*/}
        {/* End consen Subscribe Area */}
        {/*==================================================*/}
      </Layout>
    </>
  );
};
export default DigitalMarketing;