landing done

src/pages/HomePage.jsx

@@ -12,6 +12,10 @@ 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 = () => {
@@ -63,8 +67,22 @@ const HomePage = () => {
 
   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>
   );
 };