marquee

src/pages/HomePage.jsx

@@ -0,0 +1,72 @@
+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";
+
+
+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="">
+      <ThreeDMarquee images={images} cols = {4} />
+      <AppPromoteSection/>
+    </div>
+  );
+};
+
+export default HomePage;

src/pages/LandingPage.jsx

@@ -0,0 +1,10 @@
+
+const LandingPage = () => {
+  return (
+    <>
+      
+    </>
+  )
+}
+
+export default LandingPage