import React from 'react';
import "@/app/(services)/web-development/style.css"
import { Metadata } from 'next';
import WebDevelopmentBanner from '@/app/(services)/web-development/components/WebDevelopmentBanner';
import WebDevelopmentContain from '@/app/(services)/web-development/components/WebDevelopmentContain';
import WebDevelopmentBlack from '@/app/(services)/web-development/components/WebDevelopmentBlack';
import WebDevelopmentAccordion from '@/app/(services)/web-development/components/WebDevelopmentAccordion';
import RelatedServices from '@/components/RelatedServices';



export const metadata: Metadata = {
    title: "Web Development Company in Ahmedabad | Custom Solutions",
    description: "Fruxinfo provides professional web development services in Ahmedabad, building secure, scalable, and high-performance websites for business growth.",
     robots: "index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1",
    alternates: { canonical: "https://www.fruxinfo.com/web-development" },
};

export default function page() {
  return (
    <div>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{
          __html: JSON.stringify({
            "@context": "https://schema.org",
            "@type": "Service",
            serviceType: "Web Development",
            provider: {
              "@type": "Organization",
              name: "Fruxinfo Pvt. Ltd.",
              url: "https://www.fruxinfo.com/",
            },
            areaServed: ["IN", "US", "GB", "AE", "AU", "CA"],
            description:
              "Custom web development services in Ahmedabad building secure, scalable, and high-performance websites and web applications.",
            url: "https://www.fruxinfo.com/web-development",
          }),
        }}
      />
      <WebDevelopmentBanner/>
      <WebDevelopmentContain/>
      <WebDevelopmentBlack/>
      <WebDevelopmentAccordion/>
      <RelatedServices hrefs={["/web-design", "/app-development", "/seo"]} />
    </div>
  )
}