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’s the difference between SEO content and regular content?",
      content:
        "SEO content is written with search engines in mind - it uses keywords, structure, and formatting that help your website rank higher while still being engaging and valuable for readers.",
      animationDelay: ".5s",
    },
    {
      id: 2,
      title: "How long does it take to see results from SEO content?",
      content:
        " SEO is a long-term strategy. While small improvements may be visible in a few weeks, meaningful ranking and traffic growth usually take 3-6 months depending on competition and industry",
      animationDelay: ".5s",
    },
    {
      id: 3,
      title: "Do I really need professional content writing if I already have a website?",
      content:
        "Yes. Professionally written content not only improves your site’s credibility but also helps you communicate clearly, engage your audience, and build trust that drives conversions.",
      animationDelay: ".5s",
    },
    {
      id: 4,
      title: "Can SEO-friendly content work for all industries?",
      content:
        "Absolutely. Whether you’re in eCommerce, healthcare, technology, or services, SEO content can be tailored to your industry to attract the right audience and meet specific business goals.",
      animationDelay: ".5s",
    },
  ];

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

  return (
    <>
      <ConsenHead title="Best SEO & Content Writing Services in India - MetatronCube" description="MetatronCube India provides SEO and content writing services that improve rankings, drive traffic, and support business growth online." />
      <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-solutions">
                          <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> Optimized for Visibility</h4>
                        </div>
                        <div className="services-detials-desc">
                          <p>Our SEO strategies ensure your business ranks higher, attracts the right audience, and stays competitive online.From technical SEO to keyword optimization, we create pathways for measurable growth.</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 That Converts</h4>
                        </div>
                        <div className="services-detials-desc">
                          <p>We craft compelling, search-friendly content that informs, engages, and inspires action.
 Every blog, web page, or ad copy is designed to boost visibility while building trust with your audience.
</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">Amplifying Your Online Reach</h4>

                          <h6 className="changeColor bold">Strategic Content That Engages and Converts</h6>
                        </div>

                        <div className="widget-service-details-icon pb-4">
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>Stronger Online Visibility for Your Brand</span>
                          </p>
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>
                              {" "}
                              Compelling Copy That Speaks to Your Audience{" "}
                            </span>
                          </p>
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>
                              Data-Driven Insights for Lasting Growth</span>
                          </p>
                          <p>
                            <i className="bi bi-check-lg mr-2" />{" "}
                            <span>Consistent Messaging Across All Platforms</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;