import React from 'react';
import "@/app/(services)/graphic-design/style.css"
import { Metadata } from 'next';
import GraphicDesignBanner from '@/app/(services)/graphic-design/components/GraphicDesignBanner';
import GraphicDesignContain from '@/app/(services)/graphic-design/components/GraphicDesignContain';
import GraphicDesignBlack from '@/app/(services)/graphic-design/components/GraphicDesignBlack';
import GraphicDesignAccordion from './components/GraphicDesignAccordion';
import RelatedServices from '@/components/RelatedServices';



export const metadata: Metadata = {
    title: "Graphic Design Services in Ahmedabad | Creative Branding",
    description: "Fruxinfo delivers professional graphic design services in Ahmedabad, creating logos, branding, and visuals that strengthen identity and drive engagement.",
     robots: "index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1",
    alternates: { canonical: "https://www.fruxinfo.com/graphic-design" },
};

export default function page() {
  return (
    <div>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify({
            "@context": "https://schema.org",
            "@type": "Service",
            serviceType: "Graphic Design",
            provider: {
              "@type": "Organization",
              name: "Fruxinfo Pvt. Ltd.",
              url: "https://www.fruxinfo.com/",
            },
            areaServed: ["IN", "US", "GB", "AE", "AU", "CA"],
            description:
              "Professional graphic design services in Ahmedabad creating logos, branding, marketing collateral, and visual identity for businesses.",
            url: "https://www.fruxinfo.com/graphic-design",
          }),
        }}
      />
      <GraphicDesignBanner/>
      <GraphicDesignContain/>
      <GraphicDesignBlack/>
      <GraphicDesignAccordion/>
      <RelatedServices hrefs={["/web-design", "/digital-marketing", "/app-development"]} />
    </div>
  )
}
