Skip to content

Jay Mehta / zango-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 6c336e82 by jaymehta
Options

search bar

1 parent 91efd826
Inline Side-by-side
Showing 3 changed files with 32 additions and 21 deletions
components/home/Banner.js
...@@ -74,11 +74,11 @@ const Banner = ({ homeBanner }) => { ...@@ -74,11 +74,11 @@ const Banner = ({ homeBanner }) => {
<div className="disc">{data?.attributes?.discription}</div> <div className="disc">{data?.attributes?.discription}</div>
</div> </div>
</div> </div>
{/* <div className="common-btn"> <div className="common-btn">
<a className="btn btn-primary" href={data?.attributes?.exploreNowButton}> <a className="btn btn-primary" href={data?.attributes?.exploreNowButton}>
Explore Now Explore Now
</a> </a>
</div> */} </div>
</div> </div>
</div> </div>
</div> </div>
......
components/home/SearchBar.js
...@@ -31,11 +31,11 @@ const SearchBar = () => { ...@@ -31,11 +31,11 @@ const SearchBar = () => {
onChange={selected => { onChange={selected => {
console.log("selected", selected); console.log("selected", selected);
// router.push("/listing"); // router.push("/listing");
if (selected[0]?.label.includes("experience")) { if (selected[0]?.label.includes("Experience")) {
// console.log("jjja"); console.log("jjja");
router.push(`/activities/${selected[0].id}`); router.push(`/activities/${selected[0].id}`);
} }
if (selected[0]?.label.includes("category")) { if (selected[0]?.label.includes("Category")) {
router.push(`/listing?category=${selected[0].id}`); router.push(`/listing?category=${selected[0].id}`);
// dispatch(setActivityFilters({ filters: { category: selected[0].id, subCategories: [] } })); // dispatch(setActivityFilters({ filters: { category: selected[0].id, subCategories: [] } }));
} }
......
components/home/SignUpToExperienceOurPlatform.js
import React from 'react' import React from "react";
import { Button } from 'react-bootstrap' import { Button } from "react-bootstrap";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { fadeIn, zoomIn, slideFromLeft, slideFromRight } from "../animationvariants.js"; import { fadeIn, zoomIn, slideFromLeft, slideFromRight } from "../animationvariants.js";
import { useRouter } from "next/router.js";
const SignUpToExperienceOurPlatform = () => { const SignUpToExperienceOurPlatform = () => {
const router = useRouter();
return ( return (
<> <>
<section className='signUp-to-experience-our-platform-session'> <section className="signUp-to-experience-our-platform-session">
<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={"hidden"} 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 experience our platform</div> <div className="title">Sign Up to experience our platform</div>
<div className='disc'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</div> <div className="disc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</div>
<div className=''><Button variant="primary">Gift An Experience</Button></div> <div className="">
</div> <Button
</motion.div> variant="primary"
onClick={() => {
router.push("/signup/user");
}}
>
Sign up
</Button>
</div>
</div> </div>
</motion.div>
</div> </div>
</div>
</div> </div>
</section> </section>
</> </>
) );
} };
export default SignUpToExperienceOurPlatform export default SignUpToExperienceOurPlatform;
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!