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' ...@@ -3,29 +3,30 @@ import React from 'react'
import { fadeIn, zoomIn, slideFromLeft, slideFromRight } from "../animationvariants.js"; import { fadeIn, zoomIn, slideFromLeft, slideFromRight } from "../animationvariants.js";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
const Founder = () => { const Founder = () => {
return ( return (
<section className='founder-session'> <section className='founder-session'>
<div className='container'> <div className='container'>
<div className='row'> <div className='row'>
<div className='col-12'> <div className='col-12'>
<div className='founder-inner'> <div className='founder-inner'>
<div className='row align-items-center'> <div className='row align-items-center'>
<div className='col-md-6 second-o'> <div className='col-md-6 second-o'>
<span className='image-container f-img'> <span className='image-container f-img'>
<Image layout='fill' className='image img fluid' src="/images/founder.png" /> <Image layout='fill' className='image img fluid' src="/images/founder.png" />
</span> </span>
</div> </div>
<div className='col-md-6 first-o'> <div className='col-md-6 first-o'>
<div className='founder-detail'> <div className='founder-detail'>
<div className="head-btn"> <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="head01">
<h2>What Our Founder Says</h2> <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>
<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> </div>
</div> </div>
...@@ -33,9 +34,8 @@ const Founder = () => { ...@@ -33,9 +34,8 @@ const Founder = () => {
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</section> )
)
} }
export default Founder export default Founder
\ No newline at end of file \ No newline at end of file
components/about-us/MissionVision.js
...@@ -12,7 +12,7 @@ const MissionVision = () => { ...@@ -12,7 +12,7 @@ const MissionVision = () => {
<div className="row mb-3"> <div className="row mb-3">
<div className="col-12"> <div className="col-12">
<div className="head-btn"> <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="head01">
<div className="title">Let’s</div> <div className="title">Let’s</div>
<h2>Make it easier for everyone to experience the world.</h2> <h2>Make it easier for everyone to experience the world.</h2>
......
components/about-us/Offers.js
...@@ -12,7 +12,7 @@ const Offers = () => { ...@@ -12,7 +12,7 @@ const Offers = () => {
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-md-2"> <div className="col-md-2">
<div className="head-btn"> <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="head01">
<div className="title">What Triplyst </div> <div className="title">What Triplyst </div>
<h2>Offers</h2> <h2>Offers</h2>
......
components/about-us/OurMembers.js
...@@ -38,7 +38,7 @@ const OurMembers = () => { ...@@ -38,7 +38,7 @@ const OurMembers = () => {
<div className="row"> <div className="row">
<div className="col-12"> <div className="col-12">
<div className="head-btn"> <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="head01">
<div className="title">Our</div> <div className="title">Our</div>
<h2>Members</h2> <h2>Members</h2>
...@@ -50,75 +50,75 @@ const OurMembers = () => { ...@@ -50,75 +50,75 @@ const OurMembers = () => {
<div className="row"> <div className="row">
<div className="col-12"> <div className="col-12">
<div className=" position-relative"> <div className=" position-relative">
<Swiper <Swiper
slidesPerView={1} slidesPerView={1}
loop={false} loop={false}
spaceBetween={10} spaceBetween={10}
navigation={{ nextEl: ".aboutus-arrow-left", prevEl: ".aboutus-arrow-right" }} navigation={{ nextEl: ".aboutus-arrow-left", prevEl: ".aboutus-arrow-right" }}
pagination={{ pagination={{
clickable: true clickable: true
}} }}
autoHeight={true} autoHeight={true}
breakpoints={{ breakpoints={{
640: { 640: {
slidesPerView: 1, slidesPerView: 1,
spaceBetween: 20, spaceBetween: 20,
autoplay: true autoplay: true
}, },
768: { 768: {
slidesPerView: 4, slidesPerView: 4,
spaceBetween: 40 spaceBetween: 40
}, },
1024: { 1024: {
slidesPerView: 4, slidesPerView: 4,
spaceBetween: 40 spaceBetween: 40
} }
}} }}
modules={[Navigation, Autoplay, Pagination]} modules={[Navigation, Autoplay, Pagination]}
className="mySwiper01 mySwiper02" className="mySwiper01 mySwiper02"
> >
{ourMembersData && {ourMembersData &&
ourMembersData.map((data, index) => { ourMembersData.map((data, index) => {
return ( return (
<SwiperSlide> <SwiperSlide>
<motion.div <motion.div
variants={zoomIn("left", 0.3)} variants={zoomIn("left", 0.3)}
initial={"hidden"} initial={"false"}
whileInView={"show"} whileInView={"show"}
viewport={{ once: false, amount: 0.2 }} viewport={{ once: false, amount: 0.2 }}
> >
<div className="our-member-item"> <div className="our-member-item">
<div className="img"> <div className="img">
<span className="image-container"> <span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src={data.image} /> <Image layout="fill" alt="" className="image img-fluid" src={data.image} />
</span> </span>
</div>
<div className="details">
<div className="name"> {data.name}</div>
<div className="disc"> {data.disc} </div>
</div>
</div> </div>
<div className="details"> </motion.div>
<div className="name"> {data.name}</div> </SwiperSlide>
<div className="disc"> {data.disc} </div> );
</div> })}
</div> </Swiper>
</motion.div> <div className="swiper-nav">
</SwiperSlide> <div className="navbutton d-flex justify-content-between ">
); <button className="aboutus-arrow-right arrow">
})} <span className="image-container">
</Swiper> <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-left.svg" />
<div className="swiper-nav"> </span>
<div className="navbutton d-flex justify-content-between "> </button>
<button className="aboutus-arrow-right arrow"> <button className="aboutus-arrow-left arrow">
<span className="image-container"> <span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-left.svg" /> <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-right.svg" />
</span> </span>
</button> </button>
<button className="aboutus-arrow-left arrow"> </div>
<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>
</div> </div>
</div> </div>
......
components/about-us/OurPartners.js
...@@ -30,7 +30,7 @@ const OurPartners = () => { ...@@ -30,7 +30,7 @@ const OurPartners = () => {
<div className="row"> <div className="row">
<div className="col-12"> <div className="col-12">
<div className="head-btn"> <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="head01">
<div className="title">Our</div> <div className="title">Our</div>
<h2>Partners</h2> <h2>Partners</h2>
...@@ -41,68 +41,68 @@ const OurPartners = () => { ...@@ -41,68 +41,68 @@ const OurPartners = () => {
</div> </div>
<div className="row"> <div className="row">
<div className="col-12"> <div className="col-12">
<div className=" position-relative"> <div className=" position-relative">
<Swiper <Swiper
slidesPerView={1} slidesPerView={1}
loop={false} loop={false}
spaceBetween={10} spaceBetween={10}
navigation={{ nextEl: ".arrow-left-op", prevEl: ".arrow-right-op" }} navigation={{ nextEl: ".arrow-left-op", prevEl: ".arrow-right-op" }}
breakpoints={{ breakpoints={{
640: { 640: {
slidesPerView: 1, slidesPerView: 1,
spaceBetween: 20, spaceBetween: 20,
autoplay: true autoplay: true
}, },
768: { 768: {
slidesPerView: 4, slidesPerView: 4,
spaceBetween: 40 spaceBetween: 40
}, },
1024: { 1024: {
slidesPerView: 4, slidesPerView: 4,
spaceBetween: 40 spaceBetween: 40
} }
}} }}
modules={[Navigation, Autoplay]} modules={[Navigation, Autoplay]}
className="mySwiper01 mySwiper02" className="mySwiper01 mySwiper02"
> >
{ourPartnersData && {ourPartnersData &&
ourPartnersData.map((data, index) => { ourPartnersData.map((data, index) => {
return ( return (
<SwiperSlide> <SwiperSlide>
<motion.div <motion.div
variants={zoomIn("left", 0.3)} variants={zoomIn("left", 0.3)}
initial={"hidden"} initial={"false"}
whileInView={"show"} whileInView={"show"}
viewport={{ once: false, amount: 0.2 }} viewport={{ once: false, amount: 0.2 }}
> >
<div className="our-partners-item"> <div className="our-partners-item">
<div className="img"> <div className="img">
<span className="image-container"> <span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src={data.image} /> <Image layout="fill" alt="" className="image img-fluid" src={data.image} />
</span> </span>
</div>
</div> </div>
</div> </motion.div>
</motion.div> </SwiperSlide>
</SwiperSlide> );
); })}
})} </Swiper>
</Swiper> <div className="swiper-nav">
<div className="swiper-nav"> <div className="navbutton d-flex justify-content-between ">
<div className="navbutton d-flex justify-content-between "> <button className="arrow-right-op arrow">
<button className="arrow-right-op arrow"> <span className="image-container">
<span className="image-container"> <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-left.svg" />
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-left.svg" /> </span>
</span> </button>
</button> <button className="arrow-left-op arrow">
<button className="arrow-left-op arrow"> <span className="image-container">
<span className="image-container"> <Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-right.svg" />
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/arrow-right.svg" /> </span>
</span> </button>
</button> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</section> </section>
......
components/about-us/PageBanner.js
...@@ -20,7 +20,7 @@ const PageBanner = () => { ...@@ -20,7 +20,7 @@ const PageBanner = () => {
<div className="container-fluid"> <div className="container-fluid">
<div className="row"> <div className="row">
<div className="col-12"> <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> <h1>ABOUT US</h1>
</motion.div> </motion.div>
</div> </div>
......
components/blog-details/MostReadBlogs.js
...@@ -20,7 +20,7 @@ const MostReadBlogs = () => { ...@@ -20,7 +20,7 @@ const MostReadBlogs = () => {
<div className="row"> <div className="row">
<div className="col-12"> <div className="col-12">
<div className="head-btn"> <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="head01">
<div className="title">Most Read</div> <div className="title">Most Read</div>
<h2>Blogs</h2> <h2>Blogs</h2>
...@@ -65,7 +65,7 @@ const MostReadBlogs = () => { ...@@ -65,7 +65,7 @@ const MostReadBlogs = () => {
BlogData.map(data => { BlogData.map(data => {
return ( return (
<SwiperSlide> <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="blog-item">
<div className="img-wrapper"> <div className="img-wrapper">
<span className="image-container"> <span className="image-container">
......
components/blog/BlogItem.js
...@@ -58,7 +58,7 @@ const BlogsItem = ({ blogs, loading }) => { ...@@ -58,7 +58,7 @@ const BlogsItem = ({ blogs, loading }) => {
<div className="row"> <div className="row">
<div className="col-12"> <div className="col-12">
<div className="head-btn"> <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="head01">
<div className="title">Most Read</div> <div className="title">Most Read</div>
<h2>Blogs</h2> <h2>Blogs</h2>
......
components/blog/PageBanner.js
...@@ -20,7 +20,7 @@ const PageBanner = () => { ...@@ -20,7 +20,7 @@ const PageBanner = () => {
<div className="container-fluid"> <div className="container-fluid">
<div className="row"> <div className="row">
<div className="col-12"> <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> <h1>Blogs</h1>
</motion.div> </motion.div>
</div> </div>
......
components/contact-us/GetinTouch.js
...@@ -26,7 +26,7 @@ const GetinTouch = () => { ...@@ -26,7 +26,7 @@ const GetinTouch = () => {
<div className="row mb-3"> <div className="row mb-3">
<div className="col-12"> <div className="col-12">
<div className="head-btn"> <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="head01">
<div className="title">Let’s</div> <div className="title">Let’s</div>
<h2>Get In Touch</h2> <h2>Get In Touch</h2>
......
components/contact-us/PageBanner.js
...@@ -20,7 +20,7 @@ const PageBanner = () => { ...@@ -20,7 +20,7 @@ const PageBanner = () => {
<div className="container-fluid"> <div className="container-fluid">
<div className="row"> <div className="row">
<div className="col-12"> <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> <h1>CONTACT US</h1>
</motion.div> </motion.div>
</div> </div>
......
components/detail/DetailInfo.js
...@@ -94,7 +94,7 @@ const DetailInfo = ({ activityById }) => { ...@@ -94,7 +94,7 @@ const DetailInfo = ({ activityById }) => {
</a> </a>
</div> </div>
</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> <div className="product-name">{activityById.data.attributes.name}</div>
</motion.div> </motion.div>
</div> </div>
......
components/detail/Faqs.js
...@@ -2,14 +2,14 @@ import React from "react"; ...@@ -2,14 +2,14 @@ import React from "react";
import { Accordion } from "react-bootstrap"; import { Accordion } from "react-bootstrap";
import { fadeIn, zoomIn, slideFromLeft, slideFromRight } from "../animationvariants.js"; import { fadeIn, zoomIn, slideFromLeft, slideFromRight } from "../animationvariants.js";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
const Faqs = ({faqs}) => { const Faqs = ({ faqs }) => {
console.log("faqs====", faqs); console.log("faqs====", faqs);
return ( return (
<section className="faqs-session"> <section className="faqs-session">
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-12"> <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="head-btn">
<div className="head01"> <div className="head01">
<div className="title">What others</div> <div className="title">What others</div>
...@@ -22,15 +22,15 @@ const Faqs = ({faqs}) => { ...@@ -22,15 +22,15 @@ const Faqs = ({faqs}) => {
<div className="row"> <div className="row">
<div className="col-12"> <div className="col-12">
<Accordion defaultActiveKey="0" className="accordion-01"> <Accordion defaultActiveKey="0" className="accordion-01">
{faqs?.data && faqs?.data.map((item, index)=>( {faqs?.data && faqs?.data.map((item, index) => (
<Accordion.Item eventKey={index}> <Accordion.Item eventKey={index}>
<Accordion.Header>{item?.attributes?.question}</Accordion.Header> <Accordion.Header>{item?.attributes?.question}</Accordion.Header>
<Accordion.Body dangerouslySetInnerHTML={{ __html: item?.attributes?.answer }}> <Accordion.Body dangerouslySetInnerHTML={{ __html: item?.attributes?.answer }}>
</Accordion.Body> </Accordion.Body>
</Accordion.Item> </Accordion.Item>
))} ))}
{/* <Accordion.Item eventKey="1"> {/* <Accordion.Item eventKey="1">
<Accordion.Header>Lorem ipsum dolor sit amet, consectetur adipiscing elit ?</Accordion.Header> <Accordion.Header>Lorem ipsum dolor sit amet, consectetur adipiscing elit ?</Accordion.Header>
<Accordion.Body> <Accordion.Body>
......
components/detail/GuestReviews.js
...@@ -93,7 +93,7 @@ const GuestReviews = ({ activityById }) => { ...@@ -93,7 +93,7 @@ const GuestReviews = ({ activityById }) => {
reviews.map(data => { reviews.map(data => {
return ( return (
<SwiperSlide> <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="guest-reviews-detail">
<div className="head"> <div className="head">
<div className="name">{data.attributes.endUser.data.attributes.name}</div> <div className="name">{data.attributes.endUser.data.attributes.name}</div>
...@@ -104,7 +104,7 @@ const GuestReviews = ({ activityById }) => { ...@@ -104,7 +104,7 @@ const GuestReviews = ({ activityById }) => {
rating={data.attributes.rating} rating={data.attributes.rating}
starRatedColor="#FFD600" // Set the rated color to yellow starRatedColor="#FFD600" // Set the rated color to yellow
starHoverColor="#ffe20" // Set the hover color to yellow starHoverColor="#ffe20" // Set the hover color to yellow
changeRating={() => {}} changeRating={() => { }}
numberOfStars={5} numberOfStars={5}
name="rating" name="rating"
starDimension="20px" // Set star width and height starDimension="20px" // Set star width and height
......
components/detail/SimilarExperiences.js
...@@ -65,7 +65,7 @@ const SimilarExperiences = ({ allActivitiesData, activityById }) => { ...@@ -65,7 +65,7 @@ const SimilarExperiences = ({ allActivitiesData, activityById }) => {
<div className="row"> <div className="row">
<div className="col-12"> <div className="col-12">
<div className="head-btn"> <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="head01">
<div className="title">Similar Experiences</div> <div className="title">Similar Experiences</div>
<h2>Experiences</h2> <h2>Experiences</h2>
...@@ -108,7 +108,7 @@ const SimilarExperiences = ({ allActivitiesData, activityById }) => { ...@@ -108,7 +108,7 @@ const SimilarExperiences = ({ allActivitiesData, activityById }) => {
listingData.map(data => { listingData.map(data => {
return ( return (
<SwiperSlide> <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="browse-experiences-item">
<div className="img-wrapper"> <div className="img-wrapper">
<span className="image-container"> <span className="image-container">
......
components/home/Banner.js
...@@ -47,49 +47,49 @@ const Banner = ({ homeBanner }) => { ...@@ -47,49 +47,49 @@ const Banner = ({ homeBanner }) => {
{ {
/*map through the array of images*/ /*map through the array of images*/
homeBanner?.data && homeBanner?.data &&
homeBanner?.data.map((data, index) => { homeBanner?.data.map((data, index) => {
return ( return (
<SwiperSlide> <SwiperSlide>
<div className="slider-item slider-item-01"> <div className="slider-item slider-item-01">
<div className="home-banner-bg"> <div className="home-banner-bg">
<span className="image-container hide-on-mobile"> <span className="image-container hide-on-mobile">
{console.log("clean image", cleanImage(data?.attributes?.desktopBanner?.data?.attributes))} {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)} /> <img layout="fill" className="image img-fluid" alt="" src={cleanImage(data?.attributes?.desktopBanner?.data?.attributes)} />
</span> </span>
<span className="image-container hide-on-desktop"> <span className="image-container hide-on-desktop">
<img layout="fill" className="image img-fluid" alt="" src={cleanImage(data?.attributes?.mobileBanner?.data?.attributes)} /> <img layout="fill" className="image img-fluid" alt="" src={cleanImage(data?.attributes?.mobileBanner?.data?.attributes)} />
</span> </span>
</div> </div>
<div className="d-table"> <div className="d-table">
<div className="d-table-cell"> <div className="d-table-cell">
<div className="container"> <div className="container">
<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="row"> <div className="row">
<div className="col-md-6"> <div className="col-md-6">
<div className="slider-text"> <div className="slider-text">
<div className="banner-title"> <div className="banner-title">
<div className="banner-txt"> <div className="banner-txt">
<h1>{data?.attributes?.title}</h1> <h1>{data?.attributes?.title}</h1>
<div className="title">{data?.attributes?.subTitle}</div> <div className="title">{data?.attributes?.subTitle}</div>
<div className="disc">{data?.attributes?.discription}</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> </div>
<div className="common-btn">
<a className="btn btn-primary" href={data?.attributes?.exploreNowButton}>
Explore Now
</a>
</div>
</div> </div>
</div> </div>
</motion.div> </div>
</div> </motion.div>
</div> </div>
</div> </div>
</div> </div>
</SwiperSlide> </div>
); </SwiperSlide>
}) );
})
} }
</Swiper> </Swiper>
</div> </div>
......
components/home/BrowseExperiences.js
...@@ -40,7 +40,7 @@ const BrowseExperiences = ({ allActivitiesData }) => { ...@@ -40,7 +40,7 @@ const BrowseExperiences = ({ allActivitiesData }) => {
<div className="row"> <div className="row">
<div className="col-12"> <div className="col-12">
<div className="head-btn"> <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="head01">
<div className="title">Browse Experiences</div> <div className="title">Browse Experiences</div>
<h2>In New York</h2> <h2>In New York</h2>
...@@ -93,7 +93,7 @@ const BrowseExperiences = ({ allActivitiesData }) => { ...@@ -93,7 +93,7 @@ const BrowseExperiences = ({ allActivitiesData }) => {
allActivitiesData.data.map(data => { allActivitiesData.data.map(data => {
return ( return (
<SwiperSlide key={data?.id}> <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="browse-experiences-item">
<div className="img-wrapper"> <div className="img-wrapper">
<span className="image-container"> <span className="image-container">
......
components/home/GiftAnExperience.js
...@@ -15,7 +15,7 @@ const GiftAnExperience = () => { ...@@ -15,7 +15,7 @@ const GiftAnExperience = () => {
<div className="gift-an-experience-inner"> <div className="gift-an-experience-inner">
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col-md-6"> <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="content">
<div className="title">Share the Joy of Discovery </div> <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> <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 }) => { ...@@ -23,11 +23,11 @@ const LetDiscover = ({ categories }) => {
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-12"> <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 your text or div will come here
</motion.div> */} </motion.div> */}
<div className="head-btn"> <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="head01">
<div className="title">Let’s </div> <div className="title">Let’s </div>
<h2>Discover</h2> <h2>Discover</h2>
...@@ -81,7 +81,7 @@ const LetDiscover = ({ categories }) => { ...@@ -81,7 +81,7 @@ const LetDiscover = ({ categories }) => {
className="mySwiper01 mySwiper02" className="mySwiper01 mySwiper02"
> >
{/* <SwiperSlide> {/* <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=""> <a href="">
<span className="image-container"> <span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/discover/03.png" /> <Image layout="fill" alt="" className="image img-fluid" src="/images/discover/03.png" />
...@@ -94,7 +94,7 @@ const LetDiscover = ({ categories }) => { ...@@ -94,7 +94,7 @@ const LetDiscover = ({ categories }) => {
categories.data.map((data, index) => { categories.data.map((data, index) => {
return ( return (
<SwiperSlide key={data?.id}> <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}`}> <Link prefetch href={`/listing?category=${data.id}`}>
<div> <div>
<span className="image-container"> <span className="image-container">
......
components/home/SignUpToExperienceOurPlatform.js
...@@ -12,7 +12,7 @@ const SignUpToExperienceOurPlatform = () => { ...@@ -12,7 +12,7 @@ const SignUpToExperienceOurPlatform = () => {
<div className="container"> <div className="container">
<div className="row justify-content-center"> <div className="row justify-content-center">
<div className="col-md-8"> <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="signUp-to-experience-our-platform">
<div className="title">Sign Up to Triplyst Experiences</div> <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> <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 }) => { ...@@ -42,7 +42,7 @@ const Testimonial = ({ testimonial }) => {
testimonial?.data.map((data, index) => { testimonial?.data.map((data, index) => {
return ( return (
<SwiperSlide> <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="testimonial-item">
<div className="img"> <div className="img">
<span className="image-container"> <span className="image-container">
......
components/listing/LetDiscover.js
...@@ -48,7 +48,7 @@ const LetDiscover = ({ categories }) => { ...@@ -48,7 +48,7 @@ const LetDiscover = ({ categories }) => {
setActiveIndex((parseInt(router.query.category))); setActiveIndex((parseInt(router.query.category)));
dispatch(getSubCategoriesByCategoryId(parseInt(router.query.category))); dispatch(getSubCategoriesByCategoryId(parseInt(router.query.category)));
dispatch(getActivitiesByFilters({ category: { id: { $eq: Number(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)) setActiveIndex(Number(router.query.category))
} }
}, []); }, []);
...@@ -67,11 +67,11 @@ const LetDiscover = ({ categories }) => { ...@@ -67,11 +67,11 @@ const LetDiscover = ({ categories }) => {
<div className="container-fluid"> <div className="container-fluid">
<div className="row"> <div className="row">
<div className="col-12"> <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 your text or div will come here
</motion.div> */} </motion.div> */}
<div className="head-btn"> <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="head01">
<div className="title">Let’s </div> <div className="title">Let’s </div>
<h2>Discover</h2> <h2>Discover</h2>
...@@ -110,7 +110,7 @@ const LetDiscover = ({ categories }) => { ...@@ -110,7 +110,7 @@ const LetDiscover = ({ categories }) => {
className="mySwiper01 mySwiper02" className="mySwiper01 mySwiper02"
> >
<SwiperSlide> <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 <a
className={activeIndex == "All" ? "active" : ""} className={activeIndex == "All" ? "active" : ""}
onClick={() => { onClick={() => {
...@@ -131,7 +131,7 @@ const LetDiscover = ({ categories }) => { ...@@ -131,7 +131,7 @@ const LetDiscover = ({ categories }) => {
return ( return (
<> <>
<SwiperSlide> <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 <a
className={isActive ? "active" : ""} className={isActive ? "active" : ""}
onClick={async () => { 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!