import SubCard from "@/src/components/AboveFooter";
import Seo from "@/src/components/services-details-banner/seo.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 SeoContentWriting = () => {
  const faqsData = [
    {
      id: 1,
      title: "What is the importance of SEO in content writing?",
      content:
        "SEO is crucial in content writing as it helps in increasing the visibility of the content in search engines, driving organic traffic, and enhancing the relevance and authority of your website.",
      animationDelay: ".5s",
    },
    {
      id: 2,
      title: "How does quality content benefit my website?",
      content:
        "Quality content engages your audience, providing value and building trust. It leads to higher engagement rates, increased brand loyalty, and contributes to a better overall user experience on your website.",
      animationDelay: ".5s",
    },
    {
      id: 3,
      title: "Can SEO and content writing improve my sales?",
      content:
        "Yes, effective SEO and content writing can significantly improve sales. By attracting the right audience and providing them with valuable content, you can guide them through the sales funnel more effectively",
      animationDelay: ".5s",
    },
    {
      id: 4,
      title: "How often should I update my website's content?",
      content:
        "Regular updates are key to keeping your website fresh and relevant. Depending on your industry, updating content weekly or bi-weekly can help maintain engagement and improve SEO performance.",
      animationDelay: ".5s",
    },
  ];

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

  return (
    <>
      <ConsenHead title="Best SEO & Content Writing Company in waterloo, Canada" description="Boost online visibility with best SEO & Content Writing Services. Metatroncube, a Top-rated SEO company, agency for effective local search engine optimization." />
      <Layout>
        <Seo pageName={"SEO & CONTENT WRITING"} />
        <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="/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 className="active">
                        <Link legacyBehavior href="/service/search-engine-optimization-seo-content-writing">
                          <a>SEO & Content Writing</a>
                        </Link>
                      </li>
                      <li>
                        <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/seo.webp" alt="A team of marketing professionals in a meeting room discussing SEO and content writing strategies with laptops and a whiteboard filled with notes." />
                      </div>
                      <div className="service-details-content">
                        <div className="consen-section-title mt-3 mb-3">
                          <h2><span>SEO & Content Writing</span> Services at Metatroncube</h2>
                        </div>
                        <div className="serivce-details-desc">
                          <p>
                            Being online isn’t enough - you need to get found and be remembered. At Metatroncube Software Solutions, our SEO and content writing services are designed to help your business rank higher on search engines, attract the right audience, and convert visitors into loyal customers. With a combination of data-driven SEO strategies and engaging content creation, we make sure your brand stands out in today’s competitive digital space.
                          </p>

                        </div>


                        <div>

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

                            <p>
                              <span className="bold">Search Engine Optimization (SEO):</span> Our team implements proven on-page and off-page SEO strategies that improve visibility and rankings on Google. From keyword optimization and technical SEO to link-building and local SEO, we ensure your website attracts organic traffic and reaches the audience that matters most.
                            </p>

                            <p>           <span className="bold">Content Writing & Strategy:</span> Great SEO needs great content. We provide SEO-friendly content writing services that not only rank but also engage and convert. From blogs and articles to landing pages and product descriptions, our writers craft content that reflects your brand voice and connects with readers.</p>

                            <p>
                              <span className="bold">On-Page Optimization:</span> We optimize every element of your website - titles, meta tags, headers, site speed, and internal linking - to ensure search engines understand your content and reward you with higher rankings.
                            </p>

                            <p>
                              <span className="bold">Off-Page SEO & Link Building:</span> Authority matters. Our white-hat link-building strategies, guest posting, and outreach campaigns improve your site’s credibility, helping you climb search engine rankings faster and more sustainably.
                            </p>

                            <p>
                              <span className="bold">Local SEO Services:</span> For businesses targeting specific regions, our local SEO strategies optimize your Google Business Profile, local keywords, and map listings to attract nearby customers and boost foot traffic.
                            </p>
                            <p>
                              <span className="bold">Why Choose Metatroncube for SEO & Content Writing?:</span> We don’t just focus on rankings - we focus on results. By combining strategic SEO techniques with compelling content, we help businesses build authority, increase visibility, and achieve consistent growth in search performance.
                            </p>
                            <p className="targets">
                              Rank Higher. Write Smarter. - SEO & Content That Drive Conversions.
                            </p>

                          </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/9.webp" alt="SEO mastery"></img>
                        </div>
                        <div className="service-details-title">
                          <h4> SEO Mastery</h4>
                        </div>
                        <div className="services-detials-desc">
                          <p>Boost Your Search Engine Presence. Our advanced SEO techniques elevate your site's visibility and drive organic growth and reach.</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/10.webp" alt="Content writing excellence"></img>
                        </div>
                        <div className="service-details-title">
                          <h4>Content Writing Excellence</h4>
                        </div>
                        <div className="services-detials-desc">
                          <p>Engage and Inspire with Every Word. Our content writing services blend creativity with marketing savvy for impactful storytelling.</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/seo.webp" alt="A group of web developers, including a skilled web page designer, intensely reviewing code on a computer screen in a modern office environment." />
                      </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">SEO: Your Pathway to Digital Prominence</h4>

                          <h6 className="changeColor bold">Optimizing Your Online Presence for Maximum Impact</h6>
                        </div>

                        <div className="widget-service-details-icon pb-4">
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>Keyword-Rich Content</span>
                          </p>
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>
                              {" "}
                              Versatile Content Creation{" "}
                            </span>
                          </p>
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>
                              Brand Voice Consistency</span>
                          </p>
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>Performance Tracking</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/5.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 SeoContentWriting;