import type { Metadata } from "next";
import { SITE_NAME } from "@/data/site";
import CallToAction from "@/components/common/CallToAction";
import Footer from "@/components/footer/Footer";
import Header from "@/components/header/Header";
import MobileMenu from "@/components/header/MobileMenu";
import HeroSection from "@/components/single-service/HeroSection";
import FeatureSolutionsSection from "@/components/single-service/FeatureSolutionsSection";
import ResultSection from "@/components/single-service/ResultSection";
import BenefitsFaqSection from "@/components/single-service/BenefitsFaqSection";
import AnalyticsSection from "@/components/single-service/AnalyticsSection";

export const metadata: Metadata = {
  title: "Single Service",
  description: `Service details, features, and insights from ${SITE_NAME}. SaaS, product, and tech startup topics.`,
};

export default function Page() {
  return (
    <>
      {/* Header start */}
      <Header />
      {/* Header-end */}

      {/* MobileMenu start */}
      <MobileMenu />

      {/* main / hero */}
      <HeroSection />

      {/* feature-sec5 */}
      <FeatureSolutionsSection />

      {/* result-sec */}
      <ResultSection />

      {/* funfact-sec2 */}
      <BenefitsFaqSection />

      {/* analytic-sec */}
      <AnalyticsSection />

      {/* CallToAction area start */}
      <CallToAction />
      {/* CallToAction area start */}

      {/* Footer area start */}
      <Footer />
      {/* Footer area start */}
    </>
  );
}