import type { Metadata } from "next";
import Header from "@/components/shared/Header";
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 = {
  description:
    "Sasico digital agency homepage with services, projects, process, team, testimonials, and latest blog updates.",
};

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

        <AboutSection />
        <AchievementSection />
        <ServiceSection />
        <ProjectSection />
        <ProcessSection />
        <TeamSection />
        <BrandSection />
        <TestimonialSection />
        <BlogSection />
        <Footer />
      </div>
    </>
  );
}