This commit is contained in:
meena committed 2025-12-19 17:38:44 +05:30
1 parent 92ce73f4dd
commit b84898f904
34 files changed
+1013 -160

No files matched your search

@@ -3,6 +3,9 @@ import { motion } from 'framer-motion';
import { Swiper, SwiperSlide } from 'swiper/react';
import { Navigation, Pagination, Autoplay } from 'swiper/modules';
import { Play, X, Heart, Share2, Eye, ChevronLeft, ChevronRight } from 'lucide-react';
import weddingImg1 from "../../assets/images/wedding6.jpeg";
import weddingImg2 from "../../assets/images/wedding8.jpg";
import weddingImg3 from "../../assets/images/wedding6.jpeg";
// Import Swiper styles
import 'swiper/css';
@@ -18,7 +21,7 @@ const VideoSwiperGallery = () => {
{
id: 1,
title: 'Priya & Rahul - Wedding Story',
thumbnail: 'https://images.unsplash.com/photo-1519741497674-611481863552?w=600&h=400&fit=crop',
thumbnail: weddingImg1,
videoUrl: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
views: '2.4K',
likes: '142',
@@ -27,7 +30,7 @@ const VideoSwiperGallery = () => {
{
id: 2,
title: 'Aisha - Profile Introduction',
thumbnail: 'https://images.unsplash.com/photo-1606216794079-e48e3e2a3f6a?w=600&h=400&fit=crop',
thumbnail: weddingImg2,
videoUrl: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4',
views: '1.8K',
likes: '98',
@@ -36,7 +39,7 @@ const VideoSwiperGallery = () => {
{
id: 3,
title: 'Rohan - Life Journey',
thumbnail: 'https://images.unsplash.com/photo-1511285560929-80b456fea0bc?w=600&h=400&fit=crop',
thumbnail: weddingImg3,
videoUrl: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerBlazes.mp4',
views: '3.2K',
likes: '256',
@@ -45,7 +48,7 @@ const VideoSwiperGallery = () => {
{
id: 4,
title: 'Divya - Family Values',
thumbnail: 'https://images.unsplash.com/photo-1522673607200-164d1b6ce486?w=600&h=400&fit=crop',
thumbnail: weddingImg1,
videoUrl: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4',
views: '1.5K',
likes: '87',
@@ -54,7 +57,7 @@ const VideoSwiperGallery = () => {
{
id: 5,
title: 'Karthik & Meera - First Meet',
thumbnail: 'https://images.unsplash.com/photo-1583939003579-730e3918a45a?w=600&h=400&fit=crop',
thumbnail: weddingImg2,
videoUrl: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerFun.mp4',
views: '4.1K',
likes: '312',
@@ -63,7 +66,7 @@ const VideoSwiperGallery = () => {
{
id: 6,
title: 'Sneha - Hobbies & Interests',
thumbnail: 'https://images.unsplash.com/photo-1465495976277-4387d4b0b4c6?w=600&h=400&fit=crop',
thumbnail: weddingImg3,
videoUrl: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerJoyrides.mp4',
views: '2.7K',
likes: '178',
@@ -72,7 +75,7 @@ const VideoSwiperGallery = () => {
{
id: 7,
title: 'Arjun - Career & Dreams',
thumbnail: 'https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?w=600&h=400&fit=crop',
thumbnail: weddingImg1,
videoUrl: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerMeltdowns.mp4',
views: '1.9K',
likes: '134',
@@ -81,7 +84,7 @@ const VideoSwiperGallery = () => {
{
id: 8,
title: 'Lakshmi - Traditional Values',
thumbnail: 'https://images.unsplash.com/photo-1606216794074-735e91aa2c92?w=600&h=400&fit=crop',
thumbnail: weddingImg2,
videoUrl: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/Sintel.mp4',
views: '3.5K',
likes: '267',
@@ -90,7 +93,7 @@ const VideoSwiperGallery = () => {
{
id: 9,
title: 'Vikram - Adventure Life',
thumbnail: 'https://images.unsplash.com/photo-1519167758481-83f29da8c4f3?w=600&h=400&fit=crop',
thumbnail: weddingImg3,
videoUrl: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
views: '5.2K',
likes: '423',
@@ -99,7 +102,7 @@ const VideoSwiperGallery = () => {
{
id: 10,
title: 'Anjali - Creative Journey',
thumbnail: 'https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?w=600&h=400&fit=crop',
thumbnail: weddingImg1,
videoUrl: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4',
views: '3.8K',
likes: '289',
@@ -319,7 +322,7 @@ const VideoSwiperGallery = () => {
</div>
{/* View All Button */}
<motion.div
{/* <motion.div
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
transition={{ delay: 0.5 }}
@@ -332,7 +335,7 @@ const VideoSwiperGallery = () => {
>
View All Videos
</motion.button>
</motion.div>
</motion.div> */}
</div>
{/* Video Modal */}