import { Footer } from '@/src/layout/footer/v2';
import { MainHeader } from '@/src/layout/header';
import { AboutSection } from '@/src/sections/about/v1';
import { AboutSection as AboutSectionTwo } from '@/src/sections/about/v2';
import { Core } from '@/src/sections/core/v1';
import { CtaSection } from '@/src/sections/cta/v1';
import { Story } from '@/src/sections/story/v1';

import { Strategies } from '@/src/sections/strategies/v1';

import { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'SciTech | About',
  description: 'SciTech - IT Solutions and Services React Nextjs Template',
};

export default function Page() {
  return (
    <>
      <MainHeader />
       {/* Background Image Section */}
      <div
        className="relative h-[600px] bg-cover bg-center sm:h-[400px] md:h-[500px]"
        style={{ backgroundImage: 'url(/assets/images/about/advisory.png)' }}
      >
        {/* Headline over the background image */}
        <div className="absolute left-10 top-1/2 z-10 -translate-y-1/2 transform text-left text-white sm:left-6">
          <h1 className="mb-2 font-bold text-2xl sm:text-3xl md:text-4xl lg:text-2xl
">
            About Us
          </h1>
          <h3 className=" font-normal text-lg sm:text-xl md:text-xl">
            Transforming Your Business with Expert SciTech Solutions
          </h3>
        </div>
      </div>
      <AboutSection />

      <CtaSection />
      <Strategies />
      <Story />
      <Core />
      {/* <TestimonialSection /> */}
      {/* <StatisticsSection /> */}
      <AboutSectionTwo />
      {/* <WorkprocessSection /> */}
      <Footer />
    </>
  );
}