import type { Metadata } from "next";
import HeaderOnepage from "@/components/shared/HeaderOnepage";
import Hero from "@/components/home/Hero";
import AboutSection from "@/components/home/AboutSection";
import AchievementSection from "@/components/home/AchievementSection";
import ServiceSection from "@/components/home/ServiceSection";
import ProjectSection from "@/components/home/ProjectSection";
import ProcessSection from "@/components/home/ProcessSection";
import TeamSection from "@/components/home/TeamSection";
import BrandSection from "@/components/home/BrandSection";
import TestimonialSection from "@/components/home/TestimonialSection";
import BlogSection from "@/components/home/BlogSection";
import Footer from "@/components/shared/Footer";

export const metadata: Metadata = {
  title: "Onepage Landing",
  description:
    "View Sasico onepage landing experience with smooth-scroll sections for about, services, portfolio, team, and blog.",
};

export default function Home() {
  return (
    <>
      <div className="wrapper">
        {/* main-sec */}
        <section className="main-sec space-md-bottom">
          <HeaderOnepage />
          <div id="Home">
            <Hero />
          </div>
        </section>
        {/* End main-sec */}

        <div id="About">
          <AboutSection />
        </div>
        <div id="Service">
          <AchievementSection />
          <ServiceSection />
        </div>
        <div id="Portfolio">
          <ProjectSection />
        </div>
        <ProcessSection />
        <div id="Team">
          <TeamSection />
        </div>
        <BrandSection />
        <TestimonialSection />
        <div id="News">
          <BlogSection />
        </div>
        <Footer />
      </div>
    </>
  );
}