import type { Metadata } from "next";
import "./globals.css";
import "./responsive.css";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
import DeferredPopup from "@/components/DeferredPopup";
import Script from "next/script";
import CursorDot from "@/components/CursorDot";
import BreadcrumbSchema from "@/components/BreadcrumbSchema";
// import ChatBox from "@/components/ChatBox";
export const metadata: Metadata = {
title: "Web Development Company in Ahmedabad | Fruxinfo",
description: "Fruxinfo is a trusted web development company in Ahmedabad offering custom websites, mobile app development, SEO, and digital marketing for business growth.",
robots: { index: true, follow: true, googleBot: { index: true, follow: true, "max-snippet": -1, "max-image-preview": "large", "max-video-preview": -1 } },
icons: {
icon: "/favicon_icon.ico",
apple: "/apple-touch-icon.png",
},
metadataBase: new URL("https://www.fruxinfo.com"),
openGraph: {
title: "Web Development Company in Ahmedabad | Fruxinfo",
description: "Fruxinfo is a trusted web development company in Ahmedabad offering custom websites, mobile app development, SEO, and digital marketing for business growth.",
url: "https://www.fruxinfo.com/",
siteName: "Fruxinfo",
images: [
{
url: "https://www.fruxinfo.com/images/aurosell-og-image.jpg",
width: 1200,
height: 630,
alt: "Fruxinfo – Boost Your Business Online",
},
],
type: "website",
},
other: {
"p:domain_verify": "b9ddb307d9538ff35ae4cbbd1828dc83",
},
};
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
{/* ✅ Resource hints — preconnect + dns-prefetch for third-party origins */}
{/* ✅ Preload home banner hero + background (the .Mainbanner bg is the mobile LCP element) */}
{/* ✅ Preload body + heading fonts so text renders in the final font sooner */}
{/* ✅ Google tags (GTM + GA) load on FIRST USER INTERACTION (scroll/tap/key)
or after a 12s fallback — whichever comes first. The full stack
(gtm.js → G-E01P138DGC, AW-419447181, Clarity, consent-mode) costs
~5s of mobile main-thread; loading it lazily was not enough because
Lighthouse's TBT window still caught it. Real-user tracking is
preserved: any scroll/touch/click starts it, and the 12s timer
covers completely idle visitors. Site ownership verification does
NOT depend on these — the google-site-verification meta tags handle that. */}
{/* ✅ Verification meta tags */}
{/* ✅ JSON-LD: Organization */}
{/* ✅ JSON-LD: ProfessionalService (LocalBusiness) */}
{/* ✅ JSON-LD: WebSite */}
{/* ✅ Google Analytics is loaded by the gtags-on-interaction bootstrap above
(single gate for the whole GTM/GA stack). */}
{/* ✅ Facebook Pixel Script (lazyOnload — fires after page is idle to reduce TBT) */}
{/* ✅ Google Tag Manager (noscript) */}
{/* ✅ BreadcrumbList JSON-LD (client-rendered, path-aware) */}
{/* ✅ Fallback for browsers with JS disabled */}
{/* Your App Components */}
{/* */}
{children}
);
}