ContainerScrollaevihvyyyydhliigddrsxsfxagfu6d

import React from "react";
import ContainerScroll from "@/components/ui/container-scrollaevihvyyyydhliigddrsxsfxagfu6d";


export default function App() {
  return (
    <div className="flex flex-col overflow-hidden bg-background text-foreground">
      <ContainerScroll
        titleComponent={
          <h1 className="text-4xl font-semibold">
            Dive into the Depths of Creativity
            <br />
            <span className="text-4xl md:text-[6rem] font-bold mt-1 leading-none">
              Where Every Scroll Breathes Life
            </span>
          </h1>
        }
      >
        <img
          src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?q=80&w=1400&h=720&auto=format&fit=crop"
          alt="Code on a screen overlayed with creative particles"
          className="mx-auto rounded-2xl object-cover h-full object-left-top"
          draggable={false}
        />
      </ContainerScroll>

      <ContainerScroll
        titleComponent={
          <h1 className="text-4xl font-semibold">
            Build with the Power of Code
            <br />
            <span className="text-4xl md:text-[6rem] font-bold mt-1 leading-none">
              Your Vision, Seamlessly Integrated
            </span>
          </h1>
        }
      >
        <img
          src="https://images.unsplash.com/photo-1542831371-29b0f74f9713?q=80&w=1400&h=720&auto=format&fit=crop"
          alt="Developer coding on a laptop in a modern workspace"
          className="mx-auto rounded-2xl object-cover h-full object-left-top"
          draggable={false}
        />
      </ContainerScroll>

      <ContainerScroll
        titleComponent={
          <h1 className="text-4xl font-semibold">
            Collaborate and Create, Together
            <br />
            <span className="text-4xl md:text-[6rem] font-bold mt-1 leading-none">
              Unlock Your Team's Potential
            </span>
          </h1>
        }
      >
        <img
          src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=1400&h=720&auto=format&fit=crop"
          alt="Team meeting around a table brainstorming ideas"
          className="mx-auto rounded-2xl object-cover h-full object-left-top"
          draggable={false}
        />
      </ContainerScroll>
    </div>
  );
}