Feature:

- Added custom y position to InitialSection component.
- Created contact page with form to ask information to user.
- Added styles to contact page and edit some global styles for dark theme.

src/components/InitialSection.astro

@@ -5,6 +5,7 @@ export interface SectionProps {
     imgWidth?: number;
     imgHeight?: number;
     customXPosition?: string;
+    customYPosition?: string;
     logoSrc: string;
     logoAlt: string;
     mainTitle: string;
@@ -24,6 +25,7 @@ const {
     subtitle,
     buttonText,
     customXPosition,
+    customYPosition,
     autoHeight = false,
 } = Astro.props as SectionProps;
 ---
@@ -34,7 +36,7 @@ const {
         alt={imgAlt}
         class="main-img"
         fetchpriority="high"
-        style={`width: ${imgWidth ? imgWidth : "auto"}px; height: ${imgHeight ? imgHeight : "auto"}px; ${customXPosition ? `transform: translateX(${customXPosition});` : ""}`}
+        style={`width: ${imgWidth ? imgWidth : "auto"}px; height: ${imgHeight ? imgHeight : "auto"}px; ${customXPosition || customYPosition ? `transform: translate(${customXPosition ? customXPosition : "0"}, ${customYPosition ? customYPosition : "0"});` : ""}`}
     />
 
     <div class="landing-content">
@@ -62,6 +64,7 @@ const {
                 )
             }
         </div>
+
         <slot name="extraContent" />
     </div>
 </section>