"use client";

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

const GraphicDesignContain = () => {
    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'>How to Choose a Capable Graphic Designer?</h3>
                    <p className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-4'>If you are going to design a website, you should also look for a graphic designer. On a website, graphic designs are both essential and decorative. Their asset allocation is to create a creative & perfect design in conjunction with website design. That is, visually telling the story and analyzing abstract ideas.</p>
                    <p className='text-[#5D5D5D] text-[16px] md:text-[18px]  md:text-start text-justify mb-4'>The job of a graphic designer for Graphic Design Ahmedabad entails delivering information in an enticing manner, as the information is primarily for advertising or publicizing a product, service, or brand. The type and number of design features are developed in collaboration with the client, with a strong emphasis on the positives. Color combination and topography are two other factors that a graphic designer must consider in order to produce satisfactory results. Many users and businesses recognize that graphic designs add credibility as well as accessibility to their website. Graphic design entails not only the creation of explicit photos but also their placement.</p>
                </div>
                <div className='sm:col-span-6'>
                    <div className='vectore_image'>
                    <Image src="/images/Vactore_image_graphic_design.webp" className='w-full' width={1200} height={600} alt="Graphic design illustration — Fruxinfo" />
                    </div>
                </div>
                </div>
            </div>
        </div>
        )
    }


export default GraphicDesignContain
