import AppPromoteSection from "../components/landing/AppPromoteSection";
import ThreeDMarquee from "../components/ui/ThreeDMarquee";
import wedding1 from "../assets/images/wedding1.jpg";
import wedding2 from "../assets/images/wedding2.jpg";
import wedding3 from "../assets/images/wedding3.jpg";
import wedding4 from "../assets/images/wedding4.webp";
import wedding5 from "../assets/images/wedding5.webp";
import wedding6 from "../assets/images/wedding6.jpeg";
import wedding7 from "../assets/images/wedding7.jpg";
import wedding8 from "../assets/images/wedding8.jpg";
import wedding9 from "../assets/images/wedding9.avif";
import wedding10 from "../assets/images/wedding10.jpg";
import wedding11 from "../assets/images/wedding11.jpg";
import wedding12 from "../assets/images/wedding12.avif";
import MatrimonySwipeCards from "../components/common/MatrimonySwipeCards";
import ThreeScrollTrigger from "../components/common/Threemarquee";
import AppQRCode from "../components/landing/AppQRCode";



const HomePage = () => {
  const images = [
    {
      src: wedding1,
      alt: "Wedding Image",
    },
    {
      src: wedding2,
      alt: "Couple",
    },
    {
      src:wedding3,
      alt: "Engagement",
    },
    {
      src: wedding4,
      alt: "Wedding Image",
    },
    {
      src: wedding5,
      alt: "Couple",
    },
    {
      src: wedding6,
      alt: "Engagement",
    },

    {
      src: wedding7,
      alt: "Wedding Image",
    },
    {
      src: wedding8,
      alt: "Couple",
    },
    {
      src: wedding9,
      alt: "Engagement",
    },
    {
      src: wedding10,
      alt: "Engagement",
    },
    
    
  ];

  return (
    <div className="">
      <div className="relative">
      <ThreeDMarquee images={images} cols = {4} />
<div
  className="absolute bottom-0 left-0 w-full h-[100px] z-9"
  style={{
    bottom: "0px",
    background:
      "linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,1) 100%)",
  }}
/>
</div>
      <AppPromoteSection/>
      <div className="w-full bg-white py-8 pt-0">
        <AppQRCode/>
     <ThreeScrollTrigger/>
     </div>
    </div>
  );
};

export default HomePage;