fix(ui): landing header text

Author: emir-karabeg

sim/app/(landing)/components/sections/footer.tsx

@@ -92,7 +92,7 @@ function Footer() {
                     rel="noopener noreferrer"
                     className="text-xl md:text-2xl text-[#9E91AA] font-light hover:text-[#bdaecb] transition-all duration-500"
                   >
-                    Terms and Condition
+                    Terms and Conditions
                   </Link>
                   <Link
                     href={'/privacy'}

sim/app/(landing)/components/sections/integrations.tsx

@@ -14,7 +14,7 @@ function Integrations() {
     <section className="flex flex-col py-12 w-full gap-10 px-8 md:px-16 lg:px-28 xl:px-32">
       <div className="flex flex-col gap-5">
         <motion.p
-          className="text-white font-medium tracking-normal text-5xl"
+          className="text-white font-medium tracking-normal text-[42px] md:text-5xl md:leading-tight leading-none"
           initial={{ opacity: 0, y: 40 }}
           whileInView={{ opacity: 1, y: 0 }}
           viewport={{ once: true, amount: 0.2 }}

sim/app/(landing)/components/sections/testimonials.tsx

@@ -88,7 +88,9 @@ function Testimonials() {
     <section className="relative flex flex-col py-10 sm:py-12 md:py-16 w-full overflow-hidden will-change-[opacity,transform] animation-container">
       <div className="flex flex-col items-center gap-3 sm:gap-5 pb-6 sm:pb-8 md:pb-10 px-4">
         {isMobile ? (
-          <p className="text-white font-medium tracking-normal text-5xl text-center">Loved by</p>
+          <p className="text-white font-medium tracking-normal text-[42px] md:text-5xl text-center">
+            Loved by
+          </p>
         ) : (
           <motion.p
             className="text-white font-medium tracking-normal text-5xl text-center"
@@ -102,7 +104,7 @@ function Testimonials() {
         )}
       </div>
 
-      <div className="flex flex-col space-y-2 sm:space-y-3 md:mt-0 mt-2">
+      <div className="flex flex-col space-y-2 sm:space-y-3 mt-0">
         {/* First Row of X Posts */}
         <div className="w-full flex flex-col text-white animate-fade-up [animation-delay:400ms] opacity-0 will-change-[opacity,transform] animation-container">
           <Marquee className="w-full flex [--duration:40s]" pauseOnHover={true}>