"use client";

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

const WebDesignContain = () => {

  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 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'>We bring reality to your vision following exceptional designing.</h3>
              <p className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-4'>Being an experienced web design company in Ahmedabad, India. We believe design is the main ingredient of your application. User-friendly design enhances the overall flavour of your website and enables you to get much more attractions. Hence if you are still searching for dynamic web designs in Ahmedabad, we are your exclusive service partner.</p>
              <p className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-4'>As we know, the world is getting competitive day by day and in order to sustain our business in the market, we must be on our toes. Further, no matter whatever business you are doing, your web presence should be exceptional. Nowadays everything is being searched online and if you are not there, you will be out of the market soon. Further, if you plan for your website, always use unique, interactive, SEO friendly and engaging web design. The ultimate aim of design is to sustain the users at your page. While designing, always think like an end user. The pattern should be simple, accessible and user-friendly.</p>
              <p className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-4'>Lot of times we have seen people create something disturbing to bring uniqueness but it will not take you anywhere. The web designing should be in a flow and users should not get lost.</p>
            </div>
            <div className='sm:col-span-6'>
              <div className='vectore_image'>
                <Image src="/images/Vactore_image_web_design.webp" className='w-full' width={1200} height={600} alt="Web design illustration — Fruxinfo" />
              </div>
            </div>
          </div>
        </div>
    </div>
  )
}

export default WebDesignContain
