import React from 'react';
import "@/app/(services)/web-design/style.css"
import { Metadata } from 'next';
import WebDesignBanner from '@/app/(services)/web-design/components/WebDesignBanner';
import WebDesignContain from '@/app/(services)/web-design/components/WebDesignContain';
import WebDesignBlack from '@/app/(services)/web-design/components/WebDesignBlack';
import WebDesignAccordion from '@/app/(services)/web-design/components/WebDesignAccordion';
import RelatedServices from '@/components/RelatedServices';



export const metadata: Metadata = {
    title: "Web Design Company in Ahmedabad | Custom Website Design",
    description: "Fruxinfo provides professional web design services in Ahmedabad, delivering custom, responsive, and user-focused websites that build trust and conversions.",
     robots: "index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1",
    alternates: { canonical: "https://www.fruxinfo.com/web-design" },
};

export default function page() {
  return (
    <div>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify({
            "@context": "https://schema.org",
            "@type": "Service",
            serviceType: "Web Design",
            provider: {
              "@type": "Organization",
              name: "Fruxinfo Pvt. Ltd.",
              url: "https://www.fruxinfo.com/",
            },
            areaServed: ["IN", "US", "GB", "AE", "AU", "CA"],
            description:
              "Professional web design services in Ahmedabad delivering custom, responsive, and conversion-focused websites for businesses worldwide.",
            url: "https://www.fruxinfo.com/web-design",
          }),
        }}
      />
      <WebDesignBanner/>
      <WebDesignContain/>
      <WebDesignBlack/>
      <WebDesignAccordion/>
      <RelatedServices hrefs={["/web-development", "/graphic-design", "/seo"]} />
    </div>
  )
}