Skip to content

Jay Mehta / zango-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 4870a4f2 by Ravindra Kanojiya
Options

removed animation

1 parent b210f680
Inline Side-by-side
Showing 22 changed files with 226 additions and 226 deletions
components/about-us/Founder.js
......@@ -3,29 +3,30 @@ import React from 'react'
import { fadeIn, zoomIn, slideFromLeft, slideFromRight } from "../animationvariants.js";
import { motion } from "framer-motion";
const Founder = () => {
return (
<section className='founder-session'>
<div className='container'>
<div className='row'>
<div className='col-12'>
<div className='founder-inner'>
<div className='row align-items-center'>
<div className='col-md-6 second-o'>
<span className='image-container f-img'>
<Image layout='fill' className='image img fluid' src="/images/founder.png" />
</span>
</div>
<div className='col-md-6 first-o'>
<div className='founder-detail'>
<div className="head-btn">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head01">
<h2>What Our Founder Says</h2>
return (
<section className='founder-session'>
<div className='container'>
<div className='row'>
<div className='col-12'>
<div className='founder-inner'>
<div className='row align-items-center'>
<div className='col-md-6 second-o'>
<span className='image-container f-img'>
<Image layout='fill' className='image img fluid' src="/images/founder.png" />
</span>
</div>
<div className='col-md-6 first-o'>
<div className='founder-detail'>
<div className="head-btn">
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head01">
<h2>What Our Founder Says</h2>
</div>
<div className='title'>Martin Madden </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</motion.div>
</div>
<div className='title'>Martin Madden </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</motion.div>
</div>
</div>
</div>
......@@ -33,9 +34,8 @@ const Founder = () => {
</div>
</div>
</div>
</div>
</section>
)
</section>
)
}
export default Founder
\ No newline at end of file
components/about-us/MissionVision.js
......@@ -12,7 +12,7 @@ const MissionVision = () => {
<div className="row mb-3">
<div className="col-12">
<div className="head-btn">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head01">
<div className="title">Let’s</div>
<h2>Make it easier for everyone to experience the world.</h2>
......
components/about-us/Offers.js
......@@ -12,7 +12,7 @@ const Offers = () => {
<div className="row align-items-center">
<div className="col-md-2">
<div className="head-btn">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head01">
<div className="title">What Triplyst </div>
<h2>Offers</h2>
......
components/about-us/OurMembers.js
......@@ -38,7 +38,7 @@ const OurMembers = () => {
<div className="row">
<div className="col-12">
<div className="head-btn">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head01">
<div className="title">Our</div>
<h2>Members</h2>
......@@ -50,75 +50,75 @@ const OurMembers = () => {
<div className="row">
<div className="col-12">
<div className=" position-relative">
<Swiper
slidesPerView={1}
loop={false}
spaceBetween={10}
navigation={{ nextEl: ".aboutus-arrow-left", prevEl: ".aboutus-arrow-right" }}
pagination={{
clickable: true
}}
autoHeight={true}
breakpoints={{
640: {
slidesPerView: 1,
spaceBetween: 20,
autoplay: true
},
768: {
slidesPerView: 4,
spaceBetween: 40
},
1024: {
slidesPerView: 4,
spaceBetween: 40
}
}}
modules={[Navigation, Autoplay, Pagination]}
className="mySwiper01 mySwiper02"
>
{ourMembersData &&
ourMembersData.map((data, index) => {
return (
<SwiperSlide>
<motion.div
variants={zoomIn("left", 0.3)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<div className="our-member-item">
<div className="img">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src={data.image} />
</span>
<Swiper
slidesPerView={1}
loop={false}
spaceBetween={10}
navigation={{ nextEl: ".aboutus-arrow-left", prevEl: ".aboutus-arrow-right" }}
pagination={{
clickable: true
}}
autoHeight={true}
breakpoints={{
640: {
slidesPerView: 1,
spaceBetween: 20,
autoplay: true
},
768: {
slidesPerView: 4,
spaceBetween: 40
},
1024: {
slidesPerView: 4,
spaceBetween: 40
}
}}
modules={[Navigation, Autoplay, Pagination]}
className="mySwiper01 mySwiper02"
>
{ourMembersData &&
ourMembersData.map((data, index) => {
return (
<SwiperSlide>
<motion.div
variants={zoomIn("left", 0.3)}
initial={"false"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<div className="our-member-item">
<div className="img">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src={data.image} />
</span>
</div>
<div className="details">
<div className="name"> {data.name}</div>
<div className="disc"> {data.disc} </div>
</div>
</div>
<div className="details">
<div className="name"> {data.name}</div>
<div className="disc"> {data.disc} </div>
</div>
</div>
</motion.div>
</SwiperSlide>
);
})}
</Swiper>
<div className="swiper-nav">
<div className="navbutton d-flex justify-content-between ">
<button className="aboutus-arrow-right arrow">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-left.svg" />
</span>
</button>
<button className="aboutus-arrow-left arrow">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-right.svg" />
</span>
</button>
</motion.div>
</SwiperSlide>
);
})}
</Swiper>
<div className="swiper-nav">
<div className="navbutton d-flex justify-content-between ">
<button className="aboutus-arrow-right arrow">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-left.svg" />
</span>
</button>
<button className="aboutus-arrow-left arrow">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-right.svg" />
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
......
components/about-us/OurPartners.js
......@@ -30,7 +30,7 @@ const OurPartners = () => {
<div className="row">
<div className="col-12">
<div className="head-btn">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head01">
<div className="title">Our</div>
<h2>Partners</h2>
......@@ -41,68 +41,68 @@ const OurPartners = () => {
</div>
<div className="row">
<div className="col-12">
<div className=" position-relative">
<Swiper
slidesPerView={1}
loop={false}
spaceBetween={10}
navigation={{ nextEl: ".arrow-left-op", prevEl: ".arrow-right-op" }}
breakpoints={{
640: {
slidesPerView: 1,
spaceBetween: 20,
autoplay: true
},
768: {
slidesPerView: 4,
spaceBetween: 40
},
1024: {
slidesPerView: 4,
spaceBetween: 40
}
}}
modules={[Navigation, Autoplay]}
className="mySwiper01 mySwiper02"
>
{ourPartnersData &&
ourPartnersData.map((data, index) => {
return (
<SwiperSlide>
<motion.div
variants={zoomIn("left", 0.3)}
initial={"hidden"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<div className="our-partners-item">
<div className="img">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src={data.image} />
</span>
<div className=" position-relative">
<Swiper
slidesPerView={1}
loop={false}
spaceBetween={10}
navigation={{ nextEl: ".arrow-left-op", prevEl: ".arrow-right-op" }}
breakpoints={{
640: {
slidesPerView: 1,
spaceBetween: 20,
autoplay: true
},
768: {
slidesPerView: 4,
spaceBetween: 40
},
1024: {
slidesPerView: 4,
spaceBetween: 40
}
}}
modules={[Navigation, Autoplay]}
className="mySwiper01 mySwiper02"
>
{ourPartnersData &&
ourPartnersData.map((data, index) => {
return (
<SwiperSlide>
<motion.div
variants={zoomIn("left", 0.3)}
initial={"false"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
<div className="our-partners-item">
<div className="img">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src={data.image} />
</span>
</div>
</div>
</div>
</motion.div>
</SwiperSlide>
);
})}
</Swiper>
<div className="swiper-nav">
<div className="navbutton d-flex justify-content-between ">
<button className="arrow-right-op arrow">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-left.svg" />
</span>
</button>
<button className="arrow-left-op arrow">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-right.svg" />
</span>
</button>
</motion.div>
</SwiperSlide>
);
})}
</Swiper>
<div className="swiper-nav">
<div className="navbutton d-flex justify-content-between ">
<button className="arrow-right-op arrow">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-left.svg" />
</span>
</button>
<button className="arrow-left-op arrow">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-right.svg" />
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
......
components/about-us/PageBanner.js
......@@ -20,7 +20,7 @@ const PageBanner = () => {
<div className="container-fluid">
<div className="row">
<div className="col-12">
<motion.div variants={fadeIn(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={fadeIn(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<h1>ABOUT US</h1>
</motion.div>
</div>
......
components/blog-details/MostReadBlogs.js
......@@ -20,7 +20,7 @@ const MostReadBlogs = () => {
<div className="row">
<div className="col-12">
<div className="head-btn">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head01">
<div className="title">Most Read</div>
<h2>Blogs</h2>
......@@ -65,7 +65,7 @@ const MostReadBlogs = () => {
BlogData.map(data => {
return (
<SwiperSlide>
<motion.div variants={zoomIn("left", 0.3)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={zoomIn("left", 0.3)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="blog-item">
<div className="img-wrapper">
<span className="image-container">
......
components/blog/BlogItem.js
......@@ -58,7 +58,7 @@ const BlogsItem = ({ blogs, loading }) => {
<div className="row">
<div className="col-12">
<div className="head-btn">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head01">
<div className="title">Most Read</div>
<h2>Blogs</h2>
......
components/blog/PageBanner.js
......@@ -20,7 +20,7 @@ const PageBanner = () => {
<div className="container-fluid">
<div className="row">
<div className="col-12">
<motion.div variants={fadeIn(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={fadeIn(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<h1>Blogs</h1>
</motion.div>
</div>
......
components/contact-us/GetinTouch.js
......@@ -26,7 +26,7 @@ const GetinTouch = () => {
<div className="row mb-3">
<div className="col-12">
<div className="head-btn">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head01">
<div className="title">Let’s</div>
<h2>Get In Touch</h2>
......
components/contact-us/PageBanner.js
......@@ -20,7 +20,7 @@ const PageBanner = () => {
<div className="container-fluid">
<div className="row">
<div className="col-12">
<motion.div variants={fadeIn(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={fadeIn(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<h1>CONTACT US</h1>
</motion.div>
</div>
......
components/detail/DetailInfo.js
......@@ -94,7 +94,7 @@ const DetailInfo = ({ activityById }) => {
</a>
</div>
</div>
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="product-name">{activityById.data.attributes.name}</div>
</motion.div>
</div>
......
components/detail/Faqs.js
......@@ -2,14 +2,14 @@ import React from "react";
import { Accordion } from "react-bootstrap";
import { fadeIn, zoomIn, slideFromLeft, slideFromRight } from "../animationvariants.js";
import { motion } from "framer-motion";
const Faqs = ({faqs}) => {
const Faqs = ({ faqs }) => {
console.log("faqs====", faqs);
return (
<section className="faqs-session">
<div className="container">
<div className="row">
<div className="col-12">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head-btn">
<div className="head01">
<div className="title">What others</div>
......@@ -22,15 +22,15 @@ const Faqs = ({faqs}) => {
<div className="row">
<div className="col-12">
<Accordion defaultActiveKey="0" className="accordion-01">
{faqs?.data && faqs?.data.map((item, index)=>(
<Accordion.Item eventKey={index}>
<Accordion.Header>{item?.attributes?.question}</Accordion.Header>
<Accordion.Body dangerouslySetInnerHTML={{ __html: item?.attributes?.answer }}>
</Accordion.Body>
</Accordion.Item>
))}
{faqs?.data && faqs?.data.map((item, index) => (
<Accordion.Item eventKey={index}>
<Accordion.Header>{item?.attributes?.question}</Accordion.Header>
<Accordion.Body dangerouslySetInnerHTML={{ __html: item?.attributes?.answer }}>
</Accordion.Body>
</Accordion.Item>
))}
{/* <Accordion.Item eventKey="1">
<Accordion.Header>Lorem ipsum dolor sit amet, consectetur adipiscing elit ?</Accordion.Header>
<Accordion.Body>
......
components/detail/GuestReviews.js
......@@ -93,7 +93,7 @@ const GuestReviews = ({ activityById }) => {
reviews.map(data => {
return (
<SwiperSlide>
<motion.div variants={zoomIn("left", 0.3)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={zoomIn("left", 0.3)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="guest-reviews-detail">
<div className="head">
<div className="name">{data.attributes.endUser.data.attributes.name}</div>
......@@ -104,7 +104,7 @@ const GuestReviews = ({ activityById }) => {
rating={data.attributes.rating}
starRatedColor="#FFD600" // Set the rated color to yellow
starHoverColor="#ffe20" // Set the hover color to yellow
changeRating={() => {}}
changeRating={() => { }}
numberOfStars={5}
name="rating"
starDimension="20px" // Set star width and height
......
components/detail/SimilarExperiences.js
......@@ -65,7 +65,7 @@ const SimilarExperiences = ({ allActivitiesData, activityById }) => {
<div className="row">
<div className="col-12">
<div className="head-btn">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head01">
<div className="title">Similar Experiences</div>
<h2>Experiences</h2>
......@@ -108,7 +108,7 @@ const SimilarExperiences = ({ allActivitiesData, activityById }) => {
listingData.map(data => {
return (
<SwiperSlide>
<motion.div variants={zoomIn("left", 0.3)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={zoomIn("left", 0.3)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="browse-experiences-item">
<div className="img-wrapper">
<span className="image-container">
......
components/home/Banner.js
......@@ -47,49 +47,49 @@ const Banner = ({ homeBanner }) => {
{
/*map through the array of images*/
homeBanner?.data &&
homeBanner?.data.map((data, index) => {
return (
<SwiperSlide>
<div className="slider-item slider-item-01">
<div className="home-banner-bg">
<span className="image-container hide-on-mobile">
{console.log("clean image", cleanImage(data?.attributes?.desktopBanner?.data?.attributes))}
<img layout="fill" className="image img-fluid" alt="" src={cleanImage(data?.attributes?.desktopBanner?.data?.attributes)} />
</span>
<span className="image-container hide-on-desktop">
<img layout="fill" className="image img-fluid" alt="" src={cleanImage(data?.attributes?.mobileBanner?.data?.attributes)} />
</span>
</div>
<div className="d-table">
<div className="d-table-cell">
<div className="container">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="row">
<div className="col-md-6">
<div className="slider-text">
<div className="banner-title">
<div className="banner-txt">
<h1>{data?.attributes?.title}</h1>
<div className="title">{data?.attributes?.subTitle}</div>
<div className="disc">{data?.attributes?.discription}</div>
</div>
</div>
<div className="common-btn">
<a className="btn btn-primary" href={data?.attributes?.exploreNowButton}>
Explore Now
</a>
homeBanner?.data.map((data, index) => {
return (
<SwiperSlide>
<div className="slider-item slider-item-01">
<div className="home-banner-bg">
<span className="image-container hide-on-mobile">
{console.log("clean image", cleanImage(data?.attributes?.desktopBanner?.data?.attributes))}
<img layout="fill" className="image img-fluid" alt="" src={cleanImage(data?.attributes?.desktopBanner?.data?.attributes)} />
</span>
<span className="image-container hide-on-desktop">
<img layout="fill" className="image img-fluid" alt="" src={cleanImage(data?.attributes?.mobileBanner?.data?.attributes)} />
</span>
</div>
<div className="d-table">
<div className="d-table-cell">
<div className="container">
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="row">
<div className="col-md-6">
<div className="slider-text">
<div className="banner-title">
<div className="banner-txt">
<h1>{data?.attributes?.title}</h1>
<div className="title">{data?.attributes?.subTitle}</div>
<div className="disc">{data?.attributes?.discription}</div>
</div>
</div>
<div className="common-btn">
<a className="btn btn-primary" href={data?.attributes?.exploreNowButton}>
Explore Now
</a>
</div>
</div>
</div>
</motion.div>
</div>
</div>
</motion.div>
</div>
</div>
</div>
</SwiperSlide>
);
})
</div>
</SwiperSlide>
);
})
}
</Swiper>
</div>
......
components/home/BrowseExperiences.js
......@@ -40,7 +40,7 @@ const BrowseExperiences = ({ allActivitiesData }) => {
<div className="row">
<div className="col-12">
<div className="head-btn">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head01">
<div className="title">Browse Experiences</div>
<h2>In New York</h2>
......@@ -93,7 +93,7 @@ const BrowseExperiences = ({ allActivitiesData }) => {
allActivitiesData.data.map(data => {
return (
<SwiperSlide key={data?.id}>
<motion.div variants={zoomIn("left", 0.3)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={zoomIn("left", 0.3)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="browse-experiences-item">
<div className="img-wrapper">
<span className="image-container">
......
components/home/GiftAnExperience.js
......@@ -15,7 +15,7 @@ const GiftAnExperience = () => {
<div className="gift-an-experience-inner">
<div className="row align-items-center">
<div className="col-md-6">
<motion.div variants={zoomIn(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={zoomIn(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="content">
<div className="title">Share the Joy of Discovery </div>
<div className="disc">Treat your loved ones to extraordinary experiences with our gift cards. Perfect for any occasion, they can choose from a variety of adventures, cultural explorations, wellness retreats, and more.</div>
......
components/home/LetDiscover.js
......@@ -23,11 +23,11 @@ const LetDiscover = ({ categories }) => {
<div className="container">
<div className="row">
<div className="col-12">
{/* <motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
{/* <motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
your text or div will come here
</motion.div> */}
<div className="head-btn">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head01">
<div className="title">Let’s </div>
<h2>Discover</h2>
......@@ -81,7 +81,7 @@ const LetDiscover = ({ categories }) => {
className="mySwiper01 mySwiper02"
>
{/* <SwiperSlide>
<motion.div variants={zoomIn("left", 0.3)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={zoomIn("left", 0.3)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<a href="">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/discover/03.png" />
......@@ -94,7 +94,7 @@ const LetDiscover = ({ categories }) => {
categories.data.map((data, index) => {
return (
<SwiperSlide key={data?.id}>
<motion.div variants={zoomIn("left", 0.3)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={zoomIn("left", 0.3)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<Link prefetch href={`/listing?category=${data.id}`}>
<div>
<span className="image-container">
......
components/home/SignUpToExperienceOurPlatform.js
......@@ -12,7 +12,7 @@ const SignUpToExperienceOurPlatform = () => {
<div className="container">
<div className="row justify-content-center">
<div className="col-md-8">
<motion.div variants={zoomIn(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={zoomIn(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="signUp-to-experience-our-platform">
<div className="title">Sign Up to Triplyst Experiences</div>
<div className="disc">Triplyst Experience is the ultimate online destination for you to discover and explore tons of things to do in New York City</div>
......
components/home/Testimonial.js
......@@ -42,7 +42,7 @@ const Testimonial = ({ testimonial }) => {
testimonial?.data.map((data, index) => {
return (
<SwiperSlide>
<motion.div variants={zoomIn("left", 0.3)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={zoomIn("left", 0.3)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="testimonial-item">
<div className="img">
<span className="image-container">
......
components/listing/LetDiscover.js
......@@ -48,7 +48,7 @@ const LetDiscover = ({ categories }) => {
setActiveIndex((parseInt(router.query.category)));
dispatch(getSubCategoriesByCategoryId(parseInt(router.query.category)));
dispatch(getActivitiesByFilters({ category: { id: { $eq: Number(router.query.category) } } }));
console.log("router >>",router.query.category);
console.log("router >>", router.query.category);
setActiveIndex(Number(router.query.category))
}
}, []);
......@@ -67,11 +67,11 @@ const LetDiscover = ({ categories }) => {
<div className="container-fluid">
<div className="row">
<div className="col-12">
{/* <motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
{/* <motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
your text or div will come here
</motion.div> */}
<div className="head-btn">
<motion.div variants={slideFromRight(0.4)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={slideFromRight(0.4)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<div className="head01">
<div className="title">Let’s </div>
<h2>Discover</h2>
......@@ -110,7 +110,7 @@ const LetDiscover = ({ categories }) => {
className="mySwiper01 mySwiper02"
>
<SwiperSlide>
<motion.div variants={zoomIn("left", 0.3)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={zoomIn("left", 0.3)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<a
className={activeIndex == "All" ? "active" : ""}
onClick={() => {
......@@ -131,7 +131,7 @@ const LetDiscover = ({ categories }) => {
return (
<>
<SwiperSlide>
<motion.div variants={zoomIn("left", 0.3)} initial={"hidden"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<motion.div variants={zoomIn("left", 0.3)} initial={"false"} whileInView={"show"} viewport={{ once: false, amount: 0.2 }}>
<a
className={isActive ? "active" : ""}
onClick={async () => {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!