feat: edit BookACallForm component to accept more props

Author: ivke995

apps/website/src/components/BookACallForm.astro

@@ -11,12 +11,14 @@ export interface Props {
   calLink?: string;
   eventType?: string;
   className?: string;
+  contentClassName?: string;
 }
 
 const {
   calLink = "team/crocoder/hello",
   eventType = "hello",
   className,
+  contentClassName,
 } = Astro.props;
 ---
 
@@ -25,7 +27,7 @@ const {
     "bg-secondary !pb-16 md:!pb-24 !pt-0 overflow-visible mt-[220px] xl:mt-[300px]",
     className,
   )}
-  contentClassName={`${grid_classes} items-center`}
+  contentClassName={classNames(`${grid_classes} items-center`, contentClassName)}
 >
   <div
     class="col-span-6 md:col-span-8 md:col-start-3 -translate-y-1/2 -mb-40 xl:col-span-6 xl:col-start-4 lg:-mb-60"
@@ -69,3 +71,4 @@ const {
     />
   </div>
 </Section>
+

apps/website/src/pages/staff-augmentation.astro

@@ -30,15 +30,18 @@ const { ogImage = "https://www.crocoder.dev/homepage-metadata-img.png" } =
   </Section>
   <Testimonial classNames="lg:py-24" />
   <Specialization />
-  <OurEngineers />
   <WhyWorkWithUs />
 
-  <BookACallForm
-    calLink="team/crocoder/staff-augmentation-intro"
-    eventType="staff-augmentation-intro"
-  >
-    <span slot="title"> Let's Build Together </span>
-  </BookACallForm>
-
-  <Footer />
+  <div class="bg-contrast w-full">
+    <BookACallForm
+      className="!bg-transparent !py-0 mt-[300px] md:mt-[400px] overflow-visible"
+      contentClassName="items-center bg-secondary rounded-4xl md:rounded-[96px] md:pb-[122px]"
+      calLink="team/crocoder/staff-augmentation-intro"
+      eventType="staff-augmentation-intro"
+    >
+      <span slot="title"> Let's Build Together </span>
+    </BookACallForm>
+  </div>
 </Base>
+
+<Footer />