import type { Metadata } from "next";
import LandingSharedHeader from "@/components/onepage-landing/LandingSharedHeader";
import Hero from "@/components/home/Hero";
import Marquee from "@/components/home/Marquee";
import Brand from "@/components/shared/Brand";
import AboutUs from "@/components/home/AboutUs";
import Services from "@/components/shared/Services";
import WhyChooseUs from "@/components/home/WhyChooseUs";
import Services2 from "@/components/shared/Services2";
import Projects from "@/components/home/Projects";
import Team from "@/components/shared/Team";
import Pricing from "@/components/home/Pricing";
import Testimonials from "@/components/home/Testimonials";
import Blog from "@/components/shared/Blog";
import Footer from "@/components/shared/Footer";

export const metadata: Metadata = {
  title: "Landing",
  description:
    "Explore our comprehensive IT solutions and SaaS offerings in one seamless experience.",
};

export default function OnepageLanding() {
  return (
    <>
      <LandingSharedHeader />
      <div id="home">
        <Hero />
      </div>
      <Marquee />
      <section className="brand-sec space">
        <Brand />
      </section>

      <div id="about">
        <AboutUs />
      </div>

      <section className="service-sec space-bottom">
        <Services />
      </section>
      <WhyChooseUs />

      <section className="service-sec2 space-bottom" id="solutions">
        <Services2 />
      </section>
      <div id="works">
        <Projects />
      </div>
      <section className="team-sec space-bottom">
        <Team />
      </section>

      <div id="resources">
        <Blog />
      </div>
      <div id="pricing">
        <Pricing />
      </div>
      <Testimonials />
      <Footer />
    </>
  );
}