import Head from "next/head";
import RootLayout from "@/components/common/layout/RootLayout";
import HeroSection from "@/components/products/virtual-tour/HeroSection";
import Workflow from "@/components/products/virtual-tour/Workflow";
import Section from "@/components/products/virtual-tour/Section";
import Faq from "@/components/products/virtual-tour/Faq";
import DigitalAgencyCTA from "@/components/cta/DigitalAgencyCTA";

const ServiceDetails = () => {
  return (
    <>
      <Head>
        <title>Virtual Tour Builder | SyncROI</title>
        <meta name="description" content="Create immersive virtual experiences with our Virtual Tour Builder. Whether it&apos;s for real estate, museums, retail spaces, or education, our platform allows you to add 360° media, interactive navigation, and much more to your virtual tours." />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
      </Head>
      <main>
        <RootLayout header="header2" footer="footer5">
          <HeroSection />
          <Workflow />
          <Section />
          <Faq />
          <DigitalAgencyCTA />
        </RootLayout>
      </main>
    </>
  );
};

export default ServiceDetails;
