Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -6,6 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import LogoCloudSection from "@/components/sections/logo/LogoCloudSection";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
@@ -94,6 +95,35 @@ export default function LandingPage() {
     />
   </div>
 
+  <LogoCloudSection
+    title="Trusted by industry leaders"
+    logos={[
+      {
+        src: "https://cdn.worldvectorlogo.com/logos/google-cloud-1.svg",
+        alt: "Google Cloud",
+      },
+      {
+        src: "https://cdn.worldvectorlogo.com/logos/microsoft-5.svg",
+        alt: "Microsoft",
+      },
+      {
+        src: "https://cdn.worldvectorlogo.com/logos/amazon-web-services-2.svg",
+        alt: "AWS",
+      },
+      {
+        src: "https://cdn.worldvectorlogo.com/logos/salesforce-2.svg",
+        alt: "Salesforce",
+      },
+      { src: "https://cdn.worldvectorlogo.com/logos/oracle-10.svg", alt: "Oracle" },
+      { src: "https://cdn.worldvectorlogo.com/logos/ibm.svg", alt: "IBM" },
+      {
+        src: "https://cdn.worldvectorlogo.com/logos/slack-new-logo.svg",
+        alt: "Slack",
+      },
+      { src: "https://cdn.worldvectorlogo.com/logos/spotify-1.svg", alt: "Spotify" },
+    ]}
+  />
+
   <div id="about" data-section="about">
       <TestimonialAboutCard
       useInvertedBackground={true}

src/components/sections/logo/LogoCloudSection.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import TextBox from "@/components/Textbox";
+import LogoMarquee from "@/components/shared/LogoMarquee";
+import { cls } from "@/lib/utils";
+
+interface Logo {
+  src: string;
+  alt: string;
+}
+
+interface LogoCloudSectionProps {
+  title?: string;
+  logos: Logo[];
+  useInvertedBackground?: boolean;
+  className?: string;
+}
+
+export default function LogoCloudSection({
+  title = "Trusted by industry leaders",
+  logos,
+  useInvertedBackground = false,
+  className,
+}: LogoCloudSectionProps) {
+  return (
+    <section
+      className={cls(
+        "relative w-full py-hero-page-padding-half",
+        useInvertedBackground ? "bg-foreground text-background" : "bg-background text-foreground",
+        className
+      )}
+    >
+      <div className="w-content-width mx-auto flex flex-col items-center gap-6">
+        {title && (
+          <TextBox
+            title={title}
+            titleClassName="text-base text-center text-muted-foreground"
+            textboxLayout="default"
+          />
+        )}
+        <LogoMarquee logos={logos} />
+      </div>
+    </section>
+  );
+}