91 lines
2.1 KiB
JavaScript
91 lines
2.1 KiB
JavaScript
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;
|