"use client";

import React from 'react'
import "aos/dist/aos.css";
import { useEffect } from "react";
import Image from 'next/image';

const SeoContain = () => {
  useEffect(() => {
       import("aos").then((mod) => {
          mod.default.init({
          disable: window.innerWidth < 768, // mobile: no scroll animations (perf/LCP)
         duration: 1000, // Animation duration in ms
         offset: 100, // Offset from original trigger point
         easing: "ease-in-out",
         once: false, // Animation runs only once
       });
        });
     }, []);
   
     return (
       <div>
           <div className='Web_Design_Contain max-w-[1200px] mx-auto overflow-hidden pb-16 px-3'>
             <div className='grid sm:grid-cols-12 items-center gap-4'>
               <div className='sm:col-span-6'>
                 <h3 className='text-[#000] text-[24px] md:text-[32px] font-bold text-center md:text-start mb-4 Manrope'> With Advanced SEO, AEO & GEO Strategies</h3>
                 <p className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-4'>If your business isn’t visible on Google, you’re losing customers every day. We improve your rankings through Local, International, eCommerce, and Technical <strong> SEO </strong>helping  your website attract the right audience. <strong><a href="https://www.fruxinfo.com/blog/detail/seofriendly-website-14-tips-for-longterm-organic-growth">SEO</a>, <a href="https://www.fruxinfo.com/blog/detail/what-is-aeo-answer-engine-optimization-and-why-it-matters-in-2026">AEO </a> & GEO </strong>ensure your business appears in searches, answers, and AI-driven results.</p>
                 <h3 className='text-[#000] text-[24px] md:text-[32px] font-bold text-center md:text-start mb-4 Manrope'>What we services provided - Complete SEO Services</h3>
                 <p className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-4'>Here's what we actually do for you:</p>
                 <ul>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'><strong>Content Marketing </strong>– We create blogs, guides, and pages that answer real customer questions and keep them on your site.</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'><strong>Local SEO </strong> – We put you on Google Maps and "near me" searches so people in your area find you first.(especially for <strong> Best SEO company in Ahmedabad </strong>visibility).</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'><strong>International SEO </strong> – If you sell to different countries, we make sure Google shows the right language and currency to the right people.</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'><strong>eCommerce SEO </strong> – We optimize your product pages so you rank above Amazon, Walmart, or big competitors</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'><strong>Technical SEO </strong> – We fix the boring but important stuff: speed, mobile issues, broken links, and hidden errors.</li>
                 </ul>
                 <p className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-4'>Plus, we do something most agencies don't:</p>
                 </div>
                   <div className='sm:col-span-6'>
                 <div className='vectore_image'>
                   <Image src="/images/Vactore_image_Seo.webp" className='w-full' width={1200} height={600} alt="SEO services illustration — Fruxinfo" />
                 </div>
               </div>

                <div className='sm:col-span-12'>
                 <p className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-center-wrap mb-4'> <strong><a href="https://www.fruxinfo.com/">Fruxinfo Pvt. Ltd.</a></strong> We build <strong>AEO & GEO</strong>-friendly websites, meaning your site isn't just ready for Google. It's ready for voice search, Siri, Alexa, and even AI chatbots like ChatGPT. That way, no matter where customers search, they find you.</p>
                 </div>
                

                
                <div className='sm:col-span-6'>
                 <div className='vectore_image'>
                   <Image src="/images/Vectore_image_seo_2.png" className='w-full' width={1200} height={600} alt="SEO services illustration — Fruxinfo" />
                 </div>
               </div>
                 <div className='sm:col-span-6'>
                 <h3 className='text-[#000] text-[24px] md:text-[32px] font-bold text-center md:text-start mb-4 Manrope'>Benefits of SEO</h3>
                 <ul>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Show up first when customers search</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Get real traffic from people who actually buy</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Turn clicks into calls and sales</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Look trustworthy by ranking on page one</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Stop paying daily for ads</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Keep getting traffic for months or years</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Make your website faster and easier to use</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Beat competitors who are already doing SEO</li>
                 </ul>                
               </div>
              </div>

                {/* <div className='sm:col-span-6'>
                 <h3 className='text-[#000] text-[24px] md:text-[32px] font-bold text-center md:text-start mb-4 Manrope'>Why your website need to do seo ?</h3>

                 <p className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-4'>We don't just "do SEO." We go into your website and fix what's broken.</p>
                 <ul>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Find what your customers are actually searching for</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Clean up your pages so Google understands you</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Speed up your slow, annoying website</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Write content that people actually want to read</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Get other trusted sites to link to you</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Put you on Google Maps for local searches</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>Make Google pick your answer in those featured boxes</li>
                    <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-disc'>And now get your name mentioned inside ChatGPT and AI search No fluff. Just work.</li>
                 </ul>                
               </div>

                <div className='sm:col-span-6'>
                     <p className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-4'>That’s why <strong>Fruxinfo Pvt Ltd</strong> is called the <strong>best SEO company in Ahmedabad</strong>   and a top <strong>SEO company in India</strong> for businesses that want real results.</p>

                      <p className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-4'>Look, people search before they buy. If they can't find you, they find someone else.</p>

                      <ol>
                          <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-decimal'><strong>SEO</strong> = Show up on Google.</li>
                          <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-decimal'><strong>AEO</strong> = Show up in the instant answer box at the top.</li>
                          <li className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-1 ms-5 list-decimal'><strong>GEO</strong> = Show up when someone asks ChatGPT.</li>
                      </ol>

                    <p className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-4'>These 3 game-changers available  at <strong>Fruxinfo Pvt. Ltd.</strong> , and if you skip any one of these, you're invisible to a whole group of customers. Simple as that.</p>
                     
                     
                </div> */}
                 
             
               
               {/* <div className='sm:col-span-6'>
                 <div className='vectore_image'>
                   <Image src="/images/Vactore_image_Seo.webp" className='w-full' width={1200} height={600} alt="SEO services illustration — Fruxinfo" />
                 </div>
               </div> */}
             </div>
           </div>
     )
  }

export default SeoContain
