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 37 additions and 37 deletions
components/about-us/Founder.js
......@@ -18,7 +18,7 @@ const Founder = () => {
<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 }}>
<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>
......
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>
......@@ -83,7 +83,7 @@ const OurMembers = () => {
<SwiperSlide>
<motion.div
variants={zoomIn("left", 0.3)}
initial={"hidden"}
initial={"false"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
......
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>
......@@ -71,7 +71,7 @@ const OurPartners = () => {
<SwiperSlide>
<motion.div
variants={zoomIn("left", 0.3)}
initial={"hidden"}
initial={"false"}
whileInView={"show"}
viewport={{ once: false, amount: 0.2 }}
>
......
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,7 +22,7 @@ const Faqs = ({faqs}) => {
<div className="row">
<div className="col-12">
<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.Header>{item?.attributes?.question}</Accordion.Header>
<Accordion.Body dangerouslySetInnerHTML={{ __html: item?.attributes?.answer }}>
......
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
......@@ -63,7 +63,7 @@ const Banner = ({ homeBanner }) => {
<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 }}>
<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">
......
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!