fixes in landing page (decreased height of hero section)

app/page.tsx

@@ -1,6 +1,5 @@
-
-import Accordian from "@/components/main/accordian/Accordian";
-import { Bottom } from "@/components/main/bottom/Bottom";
+// import Accordian from "@/components/main/accordian/Accordian";
+// import { Bottom } from "@/components/main/bottom/Bottom";
 import ContactPage from "@/components/main/contact/Contact";
 import HeroSection from "@/components/main/hero/Hero";
 import PricingSection from "@/components/Pricing/PricingSection";
@@ -12,12 +11,12 @@ export default function Home() {
   return (
     <>
       <HeroSection />
+      {/* <Accordian/> */}
+      <TeamPage />
+      <PricingSection />
       <Services />
-      <Accordian/>
-      <TeamPage/>
-      <PricingSection/>
-      <ContactPage/>
-      <Bottom/>
+      <ContactPage />
+      {/* <Bottom/> */}
     </>
   );
 }

components/Pricing/PricingSection.tsx

@@ -5,15 +5,22 @@ import { usePathname, useRouter } from "next/navigation"
 import { MvpCard } from "./MvpCard"
 import { StartupCard } from "./StartupCard"
 import { GrowthCard } from "./GrowthCard"
+import Topic from "../shared/Topic"
 
 export default function Component() {
   const router = useRouter();
   const currentPath = usePathname();
 
   return (
-    <div className="container mx-auto px-4 py-16 max-w-7xl ">
+    <div className="container mx-auto px-4 py-16 max-w-7xl pt-[10rem]">
+      <div className="relative flex flex-col items-center md:flex-row">
+        <Topic
+          title="Pricing"
+          description="Meet the skilled and experienced team behind our successful digital marketing strategies"
+        />
+      </div>
       <div className="grid md:grid-cols-3 gap-8">
-        {/* MVP Development Package Card */}
+        {/* MVP Development Package Card rand*/}
         <MvpCard/>
         {/* Startup Booster Package Card */}
         <StartupCard/>

components/farmui/Scrolls.tsx

@@ -107,7 +107,7 @@ const ReviewCard = ({
 
 const MarqueeDemoVertical = () => {
   return (
-    <div className="flex overflow-hidden relative flex-row justify-center items-center bg-transparent ml-11 h-[100vh]">
+    <div className="flex overflow-hidden relative flex-row justify-center items-center bg-transparent ml-11 h-[70vh]">
       <Marquee pauseOnHover vertical className="[--duration:20s]">
         {firstRow.map((review) => (
           <ReviewCard key={review.username} {...review} />

components/main/contact/Contact.tsx

@@ -55,7 +55,7 @@ const ContactPage = () => {
         />
       </div>
 
-      <div className="relative flex flex-col items-center md:flex-row my-6 bg-gray-900 rounded-[45px]">
+      <div className="relative flex flex-col items-center md:flex-row my-6  bg-zinc-100 dark:bg-background rounded-[45px] border:1px_solid_rgba(255,255,255,.1)] [box-shadow:0_-20px_80px_-20px_#8686f01f_inset] border">
         <div className="row items-center py-12 px-4 md:px-20 md:w-8/12 md:py-10">
           <form onSubmit={handleSubmit} className="space-y-8 md:w-full">
             <div className="flex">

components/main/hero/Hero.tsx

@@ -21,9 +21,9 @@ export default function FUIDarkHeroSectionWithScrolls() {
       <TopLeftShiningLight />
       <div className="absolute inset-0 h-[600px] w-full bg-transparent opacity-5 bg-[linear-gradient(to_right,#f0f0f0_1px,transparent_1px),linear-gradient(to_bottom,#f0f0f0_1px,transparent_1px)] bg-[size:6rem_4rem] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_0%,#000_70%,transparent_110%)]"></div>
       <Container>
-        <div className="relative md:h-screen">
-          <div className="flex flex-col md:flex-row justify-between h-full items-center">
-            <div ref={ref} className="mx-auto max-sm:max-w-[400px] max-sm:mt-12">
+        <div className="relative md:h-full">
+          <div className="flex flex-col md:flex-row justify-between h-full items-start">
+            <div ref={ref} className="mx-auto max-sm:max-w-[400px] max-sm:mt-12 lg:mt-[8rem]">
               <GradualSpacing
                 textClassName="justify-start"
                 visiblity={isInView}

components/main/team/Team.tsx

@@ -12,7 +12,7 @@ const TeamPage = () => {
 
   return (
     <Container>
-      <div className="relative flex flex-col items-center md:flex-row pt-6">
+      <div className="relative flex flex-col items-center md:flex-row pt-[8rem]">
         <Topic
           title="Team"
           description="Meet the skilled and experienced team behind our successful digital marketing strategies"