Skip to content

Jay Mehta / zango-frontend

Go to a project
Toggle navigation
Toggle navigation pinning
Commit c7d25ae4 by Jyotsna
Options

conflict resolved

2 parents 746c0ed2 3e1d8dd9
Expand all
Inline Side-by-side
Showing 142 changed files with 1050 additions and 57 deletions
components/home/Banner.js 0 → 100644
import dynamic from "next/dynamic";
import React from "react";
const OwlCarousel = dynamic(() => import("react-owl-carousel"), {
ssr: false
});
const Banner = () => {
const projects = {
responsive: {
0: {
items: 1,
nav: false
},
450: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
}
};
return (
<>
<section className="home-banner">
<div>
<OwlCarousel
className="owl-theme owl-custom01"
margin={50}
items={5}
dots={false}
nav={true}
responsive={projects.responsive}
autoplay={true}
autoplayTimeout={5000}
center={false}
loop={false}
touchDrag={true}
>
<div className="item">
<div className="slider-item slider-item-01">
<div className="d-table">
<div className="d-table-cell">
<div className="container">
<div className="row">
<div className="col-md-6">
<div className="slider-text">
<div className="banner-title">
<div className="banner-txt">
<h1>Lorem ipsum dolor sit amet</h1>
<div className="title">WELCOME TO THE WORLD OF TRAVEL</div>
<div className="disc">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.</div>
</div>
</div>
<div className="common-btn">
<a className="btn btn-primary" href="/allergic-rhinitis">
Explore Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="item">
<div className="slider-item slider-item-02">
<div className="d-table">
<div className="d-table-cell">
<div className="container">
<div className="row">
<div className="col-md-6">
<div className="slider-text">
<div className="banner-title">
<div className="banner-txt">
<h1>Lorem ipsum dolor sit amet</h1>
<div className="title">WELCOME TO THE WORLD OF TRAVEL</div>
<div className="disc">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.</div>
</div>
</div>
<div className="common-btn">
<a className="btn btn-primary" href="/allergic-rhinitis">
Explore Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="item">
<div className="slider-item slider-item-03">
<div className="d-table">
<div className="d-table-cell">
<div className="container">
<div className="row">
<div className="col-md-6">
<div className="slider-text">
<div className="banner-title">
<div className="banner-txt">
<h1>Lorem ipsum dolor sit amet</h1>
<div className="title">WELCOME TO THE WORLD OF TRAVEL</div>
<div className="disc">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.</div>
</div>
</div>
<div className="common-btn">
<a className="btn btn-primary" href="/allergic-rhinitis">
Explore Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="item">
<div className="slider-item slider-item-04">
<div className="d-table">
<div className="d-table-cell">
<div className="container">
<div className="row">
<div className="col-md-6">
<div className="slider-text">
<div className="banner-title">
<div className="banner-txt">
<h1>Lorem ipsum dolor sit amet</h1>
<div className="title">WELCOME TO THE WORLD OF TRAVEL</div>
<div className="disc">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.</div>
</div>
</div>
<div className="common-btn">
<a className="btn btn-primary" href="/allergic-rhinitis">
Explore Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</OwlCarousel>
</div>
</section>
</>
);
};
export default Banner;
components/home/GiftAnExperience.js 0 → 100644
import Image from "next/image";
import React from "react";
import { Button } from "react-bootstrap";
const GiftAnExperience = () => {
return (
<>
<section className="gift-an-experience-session">
<div className="container">
<div className="row">
<div className="col-12">
<div className="gift-an-experience-inner">
<div className="row align-items-center">
<div className="col-md-6">
<div className="content">
<div className="title">Gift An Experience For Any Occasion</div>
<div className="disc">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</div>
<div>
<Button variant="primary">Gift An Experience</Button>
</div>
</div>
</div>
<div className="col-md-6">
<div className="img">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/gift-card.png" />
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</>
);
};
export default GiftAnExperience;
components/home/Home.js
import React, { Fragment } from "react"; import React, { Fragment } from "react";
// import cities from "../../cities.json"; import Banner from "./Banner";
import users from "../../users.json"; import SearchBar from "./SearchBar";
import LetDiscover from "./LetDiscover";
import BrowseExperiences from "./BrowseExperiences";
import GiftAnExperience from "./GiftAnExperience";
import Testimonial from "./Testimonial";
import SignUpToExperienceOurPlatform from "./SignUpToExperienceOurPlatform";
const Home = () => { const Home = () => {
// console.log(users);
// myAPIData()
const MyAPIData = () => {
users.map(mydata => {
return (
<div className="card">
<div className="content-section">
<h1>{mydata.first_name}</h1>
<p>{mydata.last_name}</p>
<p>{mydata.email}</p>
<div className="icon-group">
<span>F</span>
<span>T</span>
<span>I</span>
<span>Y</span>
</div>
<div className="btn-group">
<button>Message</button>
<button>Subscribe</button>
</div>
<div className="another-group">
<div>
<h3>20.4K</h3>
</div>
<div>
<h3>14.3K</h3>
</div>
<div>
<h3>12.8K</h3>
</div>
</div>
</div>
</div>
);
});
};
// console.log(users);
return ( return (
<Fragment> <Fragment>
<main> <main>
<div className="body-xyz"> <Banner />
{/* <MyAPIData /> */} <SearchBar />
<div>Hello world!</div> <LetDiscover />
</div> <BrowseExperiences />
<GiftAnExperience />
<Testimonial />
<SignUpToExperienceOurPlatform />
</main> </main>
</Fragment> </Fragment>
); );
......
components/home/LetDiscover.js 0 → 100644
import dynamic from "next/dynamic";
import Image from "next/image";
import React from "react";
import { Button } from "react-bootstrap";
const OwlCarousel = dynamic(() => import("react-owl-carousel"), {
ssr: false
});
const LetDiscover = () => {
const letDiscoverData = [
{
image: "/images/discover/01.png",
title: "All"
},
{
image: "/images/discover/02.png",
title: "Art & History"
},
{
image: "/images/discover/03.png",
title: "Experiential Dining "
},
{
image: "/images/discover/04.png",
title: "Family"
},
{
image: "/images/discover/05.png",
title: "Fitness"
},
{
image: "/images/discover/06.png",
title: "Performing Arts"
},
{
image: "/images/discover/01.png",
title: "All"
}
];
const letDiscover = {
responsive: {
0: {
items: 2,
margin: 20
},
450: {
items: 3
},
600: {
items: 5
},
1000: {
items: 6
}
}
};
return (
<>
<section className="let-discover-session">
<div className="container">
<div className="row">
<div className="col-12">
<div className="head-btn">
<div className="head01">
<div className="title">Let’s </div>
<h2>Discover</h2>
</div>
<div className="view-all-btn">
<Button variant="primary">View All</Button>
</div>
</div>
</div>
</div>
<div className="row">
<div className="col-12">
<div className="let-discover-carousal carousal-c">
<OwlCarousel
className="owl-theme owl-custom01"
margin={50}
items={6}
dots={false}
nav={true}
responsive={letDiscoverData.responsive}
autoplay={false}
autoplayTimeout={5000}
center={false}
loop={false}
touchDrag={true}
>
{letDiscoverData &&
letDiscoverData.map((data, index) => {
return (
<div className="item">
<a href="">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src={data.image} />
</span>
<div className="title">{data.title}</div>
</a>
</div>
);
})}
</OwlCarousel>
</div>
</div>
</div>
</div>
</section>
</>
);
};
export default LetDiscover;
components/home/SearchBar.js 0 → 100644
import Image from 'next/image'
import React from 'react'
import { Button } from 'react-bootstrap'
const SearchBar = () => {
return (
<>
<section className='searchbar-session'>
<div className='container'>
<div className='row'>
<div className='col-12'>
<div className='searchbar-h'>
<input type='text' placeholder='Search for products, brands or categories' />
<Button className="search-icon">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/search-icon.svg" />
</span>
</Button>
</div>
</div>
</div>
</div>
</section>
</>
)
}
export default SearchBar
components/home/SignUpToExperienceOurPlatform.js 0 → 100644
import React from 'react'
import { Button } from 'react-bootstrap'
const SignUpToExperienceOurPlatform = () => {
return (
<>
<section className='signUp-to-experience-our-platform-session'>
<div className='container'>
<div className='row justify-content-center'>
<div className='col-md-8'>
<div className='signUp-to-experience-our-platform'>
<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=''><Button variant="primary">Gift An Experience</Button></div>
</div>
</div>
</div>
</div>
</section>
</>
)
}
export default SignUpToExperienceOurPlatform
components/home/Testimonial.js 0 → 100644
import dynamic from "next/dynamic";
import Image from "next/image";
import React from "react";
const OwlCarousel = dynamic(() => import("react-owl-carousel"), {
ssr: false
});
const Testimonial = () => {
const testimonialData = [
{
disc: "“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.”",
name: "Erika Payne, Los Angeles CA"
},
{
disc: "“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.”",
name: "Erika Payne, Los Angeles CA"
},
];
const projects = {
responsive: {
0: {
items: 1
},
450: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
}
};
return (
<>
<section className="testimonial-session">
<div className="container">
<div className="row">
<div className="col-12">
<div className="testimonial-carousal">
<OwlCarousel
className="owl-theme owl-custom01"
margin={50}
items={6}
dots={false}
nav={true}
responsive={projects.responsive}
autoplay={false}
autoplayTimeout={5000}
center={false}
loop={false}
touchDrag={true}
>
<div className="item">
<div className="testimonial-item">
<div className="img">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/testimonial/01.png" />
</span>
</div>
<div className="rating">
<a href="">
<span className="image-container">
<Image layout="fill" className="image img-fluid" alt="" src="/images/icons/star.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" className="image img-fluid" alt="" src="/images/icons/star.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" className="image img-fluid" alt="" src="/images/icons/star.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" className="image img-fluid" alt="" src="/images/icons/star.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" className="image img-fluid" alt="" src="/images/icons/star.svg" />
</span>
</a>
{/* <a href="">
<span className='fa fa-star'>
<Image layout='fill' alt='' src="/images/icons/star.svg" />
</span>
</a> */}
</div>
<div className="disc">
“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.”
</div>
<div className="name">Erika Payne, Los Angeles CA</div>
</div>
</div>
{testimonialData &&
testimonialData.map(data => {
return (
<div className="item">
<div className="testimonial-item">
<div className="img">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/testimonial/01.png" />
</span>
</div>
<div className="rating">
<a href="">
<span className="image-container">
<Image layout="fill" className="image img-fluid" alt="" src="/images/icons/star.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" className="image img-fluid" alt="" src="/images/icons/star.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" className="image img-fluid" alt="" src="/images/icons/star.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" className="image img-fluid" alt="" src="/images/icons/star.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" className="image img-fluid" alt="" src="/images/icons/star.svg" />
</span>
</a>
{/* <a href="">
<span className='fa fa-star'>
<Image layout='fill' alt='' src="/images/icons/star.svg" />
</span>
</a> */}
</div>
<div className="disc">
{data.disc}
</div>
<div className="name">{data.name}</div>
</div>
</div>
);
})}
</OwlCarousel>
</div>
</div>
</div>
</div>
</section>
</>
);
};
export default Testimonial;
components/layout/Footer.js
import Image from "next/image";
import React from "react"; import React from "react";
import { Button } from "react-bootstrap";
const Footer = () => { const Footer = () => {
return <footer className="py-1"> return (
<div> <>
footer <footer>
<div className="container">
<div className="row">
<div className="col-md-9">
<div className="footer-logo">
<span className="image-container">
<Image layout="fill" className="image img-fluid" alt="" src="/images/Zango-logo-footer.svg" />
</span>
</div> </div>
</footer>; <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </div>
</div>
<div className="col-md-3">
<div className="footer-link">
<h3>VENDOR SIGN UP</h3>
<div className="">
<Button variant="light me-3">Log In</Button>
<Button variant="primary">Sign Up</Button>
</div>
</div>
</div>
</div>
<div className="row">
<div className="col-12">
<hr />
</div>
</div>
<div className="row">
<div className="col-md-3">
<div className="footer-link mtp-0">
<h3>QUICK LINKS</h3>
<ul>
<li>
<a href="">About Us</a>
</li>
<li>
<a href="">Corporate Programs</a>
</li>
<li>
<a href="">Private Events</a>
</li>
<li>
<a href="">Promo T & C’s</a>
</li>
<li>
<a href="">Gifting</a>
</li>
</ul>
</div>
</div>
<div className="col-md-3">
<div className="footer-link">
<h3>CONTACT </h3>
<div className="icon-text">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/location.svg" />
</span>
<div className="text">
<a href="">Lorem ipsum dolor sit amet</a>
</div>
</div>
<div className="icon-text">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/email.svg" />
</span>
<div className="text">
<a href="mailTo:zango@gmail.com">zango@gmail.com</a>
</div>
</div>
<div className="icon-text">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/phone-call.svg" />
</span>
<div className="text">
<a href="">+91-8798798798</a>
</div>
</div>
</div>
</div>
<div className="col-md-3">
<div className="footer-link">
<h3>HELP</h3>
<ul>
<li>
<a href="">Terms & Policy</a>
</li>
<li>
<a href="">Careers</a>
</li>
<li>
<a href="">FAQs</a>
</li>
</ul>
</div>
</div>
<div className="col-md-3">
<div className="footer-link mb-3">
<h3>FOLLOW US ON</h3>
<div className="social-icon">
<a href="">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/facebook.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/twitter.svg" />
</span>
</a>
<a href="">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/instagram.svg" />
</span>
</a>
</div>
</div>
<div className="footer-link">
<h3>JOIN OUR COMMUNITY</h3>
<div>Subscribe to gt information, latest news and other interesting offers</div>
<div className="subscribe">
<form action="">
<div className="row">
<div className="col-12">
<input id="subscribe" type="text" placeholder="Email Address"/>
<label htmlFor="subscribe"><Button variable="primary">Subscribe </Button></label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</footer>
<div className="copyright">
<div className="container">
<div className="row">
<div className="col-12">
<div>Copyright © 2024 ZanGO. All Rights Reserved</div>
</div>
</div>
</div>
</div>
</>
);
}; };
export default Footer; export default Footer;
components/layout/Header.js
...@@ -4,14 +4,65 @@ import Link from "next/link"; ...@@ -4,14 +4,65 @@ import Link from "next/link";
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";
import { useSelector } from "react-redux"; import { useSelector } from "react-redux";
import { cleanImage } from "../../services/imageHandling"; import { cleanImage } from "../../services/imageHandling";
import { Button, Container, Form, Nav, Navbar } from "react-bootstrap";
const Header = () => { const Header = () => {
const [isSticky, setIsSticky] = useState(false);
useEffect(() => {
const handleScroll = () => {
// Check if the scroll position is greater than a certain threshold
const scrollY = window.scrollY || window.pageYOffset;
setIsSticky(scrollY > 50);
};
// Attach the scroll event listener when the component mounts
window.addEventListener('scroll', handleScroll);
// Clean up the event listener when the component unmounts
return () => {
window.removeEventListener('scroll', handleScroll);
};
}, []);
return ( return (
<header> <header className={`header_wrap ${isSticky ? 'stick' : ''}`}>
<div> <Navbar expand="lg" className="bg-body-tertiary">
Header <Container fluid>
<Navbar.Brand href="#">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/Zango-logo.svg" />
</span>
</Navbar.Brand>
<Navbar.Toggle aria-controls="navbarScroll" />
<Navbar.Collapse id="navbarScroll">
<Nav className=" my-2 my-lg-0" style={{ maxHeight: "100px" }} navbarScroll>
<Nav.Link href="#action1">Blogs</Nav.Link>
<Nav.Link href="#action2" className="gift-card">
Gift Card
<span className="image-container">
<Image layout="fill" className="image img-fluid" src="/images/icons/gift-card-icon.svg" alt="" />
</span>
</Nav.Link>
</Nav>
<Form className="d-flex me-3">
<div className="header-search">
<Form.Control type="search" placeholder="Search" className="me-2" aria-label="Search" />
<Button className="search-icon" variant="outline-success">
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/search-icon.svg" />
</span>
</Button>
</div> </div>
</Form>
<Button className="me-3" variant="primary">
Sign Up
</Button>
<Button className="" variant="primary">
Log In
</Button>
</Navbar.Collapse>
</Container>
</Navbar>
</header> </header>
); );
}; };
......
components/layout/Layout.js
...@@ -5,7 +5,7 @@ import Footer from "./Footer"; ...@@ -5,7 +5,7 @@ import Footer from "./Footer";
import { ToastContainer } from "react-toastify"; import { ToastContainer } from "react-toastify";
import "react-toastify/dist/ReactToastify.css"; import "react-toastify/dist/ReactToastify.css";
const Layout = ({ children, title = "", description = "" }) => { const Layout = ({ children, title = "Zango", description = "" }) => {
return ( return (
<div> <div>
<Head> <Head>
......
components/listing/Listing.js 0 → 100644
import React, { Fragment } from "react";
import LetDiscover from "../home/LetDiscover";
import ListingInner from "./ListingInner";
const Listing = () => {
return (
<Fragment>
<main>
<LetDiscover />
<ListingInner />
</main>
</Fragment>
);
};
export default Listing;
components/listing/ListingFilter.js 0 → 100644
import Image from "next/image";
import React from "react";
const ListingFilter = () => {
return (
<>
<div className="listing-filter">
<div className="box-01">
<div className="df-sb">
<div className="head">Filter By:</div>
<div className="reset">
<a href="">
Reset
<span className="image-container">
<Image layout="fill" alt="" className="image img-fluid" src="/images/icons/reset-icon.svg" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
);
};
export default ListingFilter;
components/listing/ListingInner.js 0 → 100644
import React from 'react'
import ListingFilter from './ListingFilter'
const ListingInner = () => {
return (
<>
<section className='listing-inner-session'>
<div className='container'>
<div className='row'>
<div className='col-md-4'>
<ListingFilter />
</div>
<div className='col-md-4'>
assadasd
</div>
</div>
</div>
</section>
</>
)
}
export default ListingInner
next.config.js
/** @type {import('next').NextConfig} */ /** @type {import('next').NextConfig} */
const webpack = require("webpack");
const nextConfig = { const nextConfig = {
reactStrictMode: true, reactStrictMode: true,
swcMinify: true, swcMinify: true,
webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
config.plugins.push(
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery",
}));
return config;
},
env: { env: {
stripePublishableKey: "pk_test_51LeAqWSD8iV80gmAKccLEZAm1mYnjlzkL1cJxWJKFaHEMPzArGRRECPOG64e8GX2Hd112zBq3vQ3xSVb5IZQCRmh00N3DRtRse" stripePublishableKey: "pk_test_51LeAqWSD8iV80gmAKccLEZAm1mYnjlzkL1cJxWJKFaHEMPzArGRRECPOG64e8GX2Hd112zBq3vQ3xSVb5IZQCRmh00N3DRtRse"
}, },
images: { images: {
domains: ["hoffersapi.logicloop.io", "hoffers.logicloop.io", "localhost"] domains: ["localhost"]
} }
}; };
......
package.json
...@@ -3,9 +3,9 @@ ...@@ -3,9 +3,9 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "next dev", "dev": "next dev -p 3006",
"build": "next build", "build": "next build",
"start": "next start", "start": "next start -p 3006",
"lint": "next lint" "lint": "next lint"
}, },
"dependencies": { "dependencies": {
...@@ -26,6 +26,7 @@ ...@@ -26,6 +26,7 @@
"react-js-pagination": "^3.0.3", "react-js-pagination": "^3.0.3",
"react-multi-carousel": "^2.8.2", "react-multi-carousel": "^2.8.2",
"react-otp-input": "^3.1.1", "react-otp-input": "^3.1.1",
"react-owl-carousel": "^2.3.3",
"react-phone-input-2": "^2.15.1", "react-phone-input-2": "^2.15.1",
"react-player": "^2.11.0", "react-player": "^2.11.0",
"react-rating": "^2.0.5", "react-rating": "^2.0.5",
......
pages/_app.js
import "../styles/globals.css"; import "../styles/globals.css";
import { wrapper } from "../redux/store"; import { wrapper } from "../redux/store";
import { SessionProvider } from "next-auth/react"; import { SessionProvider } from "next-auth/react";
import 'owl.carousel/dist/assets/owl.carousel.css';
import 'owl.carousel/dist/assets/owl.theme.default.css';
function MyApp({ Component, pageProps: { session, ...pageProps } }) { function MyApp({ Component, pageProps: { session, ...pageProps } }) {
return ( return (
......
pages/index.js
...@@ -20,13 +20,14 @@ export default function IndexPage() { ...@@ -20,13 +20,14 @@ export default function IndexPage() {
} }
/** For server side rendering */ /** For server side rendering */
export const getServerSideProps = wrapper.getServerSideProps(store => async ({ req, query }) => { export const getStaticProps = wrapper.getStaticProps(store => async ({ req, query }) => {
// Get the menu data. // Get the menu data.
// get the locations data. // get the locations data.
return { return {
props: {} props: {},
}; };
}); });
pages/listing.js 0 → 100644
import Home from "../components/home/Home";
import Layout from "../components/layout/Layout";
import Listing from "../components/listing/Listing";
import { wrapper } from "../redux/store";
export default function ListingPage() {
/** Client side rendering, traditional API call. */
// const dispatch = useDispatch();
// useEffect(() => {
// const fetchData = async () => {
// await dispatch(getProjects({ currentPage: 1, featuredOnHome: true }));
// };
// fetchData();
// });
return (
<Layout>
<Listing />
</Layout>
);
}
/** For server side rendering */
export const getStaticProps = wrapper.getStaticProps(store => async ({ req, query }) => {
// Get the menu data.
// get the locations data.
return {
props: {},
};
});
public/fonts/FontAwesome.otf deleted 100644 → 0
No preview for this file type
public/fonts/Inter-Black.ttf deleted 100644 → 0
No preview for this file type
public/fonts/Inter-Bold.ttf deleted 100644 → 0
No preview for this file type
public/fonts/Inter-ExtraBold.ttf deleted 100644 → 0
No preview for this file type
public/fonts/Inter-ExtraLight.ttf deleted 100644 → 0
No preview for this file type
public/fonts/Inter-Light.ttf deleted 100644 → 0
No preview for this file type
public/fonts/Inter-Medium.ttf deleted 100644 → 0
No preview for this file type
public/fonts/Inter-Regular.ttf deleted 100644 → 0
No preview for this file type
public/fonts/Inter-SemiBold.ttf deleted 100644 → 0
No preview for this file type
public/fonts/Inter-Thin.ttf deleted 100644 → 0
No preview for this file type
public/fonts/SofiaProBlack-Italic.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProBlack-Italic.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProBlack-Italic.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProBlack-Italic.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProBlack.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProBlack.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProBlack.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProBlack.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProBold-Italic.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProBold-Italic.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProBold-Italic.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProBold-Italic.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProBold.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProBold.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProBold.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProBold.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProExtraLight-Italic.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProExtraLight-Italic.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProExtraLight-Italic.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProExtraLight-Italic.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProExtraLight.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProExtraLight.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProExtraLight.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProExtraLight.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProLight-Italic.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProLight-Italic.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProLight-Italic.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProLight-Italic.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProLight.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProLight.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProLight.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProLight.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProMedium-Italic.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProMedium-Italic.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProMedium-Italic.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProMedium-Italic.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProMedium.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProMedium.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProMedium.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProMedium.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProRegular-Italic.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProRegular-Italic.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProRegular-Italic.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProRegular-Italic.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProRegular.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProRegular.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProRegular.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProRegular.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProSemiBold-Italic.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProSemiBold-Italic.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProSemiBold-Italic.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProSemiBold-Italic.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProSemiBold.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProSemiBold.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProSemiBold.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProSemiBold.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProUltraLight-Italic.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProUltraLight-Italic.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProUltraLight-Italic.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProUltraLight-Italic.woff2 0 → 100644
No preview for this file type
public/fonts/SofiaProUltraLight.eot 0 → 100644
No preview for this file type
public/fonts/SofiaProUltraLight.ttf 0 → 100644
No preview for this file type
public/fonts/SofiaProUltraLight.woff 0 → 100644
No preview for this file type
public/fonts/SofiaProUltraLight.woff2 0 → 100644
No preview for this file type
public/fonts/fontawesome-webfont.eot deleted 100644 → 0
No preview for this file type
public/fonts/fontawesome-webfont.svg deleted 100644 → 0
This diff could not be displayed because it is too large.
public/fonts/fontawesome-webfont.ttf deleted 100644 → 0
No preview for this file type
public/fonts/fontawesome-webfont.woff deleted 100644 → 0
No preview for this file type
public/fonts/fontawesome-webfont.woff2 deleted 100644 → 0
No preview for this file type
public/fonts/stylesheet.css 0 → 100644
@font-face {
font-family: 'Sofia Pro Semi';
src: url('SofiaProSemiBold.eot');
src: local('Sofia Pro Semi Bold'), local('SofiaProSemiBold'),
url('SofiaProSemiBold.eot?#iefix') format('embedded-opentype'),
url('SofiaProSemiBold.woff2') format('woff2'),
url('SofiaProSemiBold.woff') format('woff'),
url('SofiaProSemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProRegular-Italic.eot');
src: local('Sofia Pro Regular Italic'), local('SofiaProRegular-Italic'),
url('SofiaProRegular-Italic.eot?#iefix') format('embedded-opentype'),
url('SofiaProRegular-Italic.woff2') format('woff2'),
url('SofiaProRegular-Italic.woff') format('woff'),
url('SofiaProRegular-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Sofia Pro Semi';
src: url('SofiaProSemiBold-Italic.eot');
src: local('Sofia Pro Semi Bold Italic'), local('SofiaProSemiBold-Italic'),
url('SofiaProSemiBold-Italic.eot?#iefix') format('embedded-opentype'),
url('SofiaProSemiBold-Italic.woff2') format('woff2'),
url('SofiaProSemiBold-Italic.woff') format('woff'),
url('SofiaProSemiBold-Italic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProLight.eot');
src: local('Sofia Pro Light'), local('SofiaProLight'),
url('SofiaProLight.eot?#iefix') format('embedded-opentype'),
url('SofiaProLight.woff2') format('woff2'),
url('SofiaProLight.woff') format('woff'),
url('SofiaProLight.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProExtraLight.eot');
src: local('Sofia Pro ExtraLight'), local('SofiaProExtraLight'),
url('SofiaProExtraLight.eot?#iefix') format('embedded-opentype'),
url('SofiaProExtraLight.woff2') format('woff2'),
url('SofiaProExtraLight.woff') format('woff'),
url('SofiaProExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProMedium-Italic.eot');
src: local('Sofia Pro Medium Italic'), local('SofiaProMedium-Italic'),
url('SofiaProMedium-Italic.eot?#iefix') format('embedded-opentype'),
url('SofiaProMedium-Italic.woff2') format('woff2'),
url('SofiaProMedium-Italic.woff') format('woff'),
url('SofiaProMedium-Italic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProUltraLight-Italic.eot');
src: local('Sofia Pro UltraLight Italic'), local('SofiaProUltraLight-Italic'),
url('SofiaProUltraLight-Italic.eot?#iefix') format('embedded-opentype'),
url('SofiaProUltraLight-Italic.woff2') format('woff2'),
url('SofiaProUltraLight-Italic.woff') format('woff'),
url('SofiaProUltraLight-Italic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProRegular.eot');
src: local('Sofia Pro Regular'), local('SofiaProRegular'),
url('SofiaProRegular.eot?#iefix') format('embedded-opentype'),
url('SofiaProRegular.woff2') format('woff2'),
url('SofiaProRegular.woff') format('woff'),
url('SofiaProRegular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProMedium.eot');
src: local('Sofia Pro Medium'), local('SofiaProMedium'),
url('SofiaProMedium.eot?#iefix') format('embedded-opentype'),
url('SofiaProMedium.woff2') format('woff2'),
url('SofiaProMedium.woff') format('woff'),
url('SofiaProMedium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProBold.eot');
src: local('Sofia Pro Bold'), local('SofiaProBold'),
url('SofiaProBold.eot?#iefix') format('embedded-opentype'),
url('SofiaProBold.woff2') format('woff2'),
url('SofiaProBold.woff') format('woff'),
url('SofiaProBold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProExtraLight-Italic.eot');
src: local('Sofia Pro ExtraLight Italic'), local('SofiaProExtraLight-Italic'),
url('SofiaProExtraLight-Italic.eot?#iefix') format('embedded-opentype'),
url('SofiaProExtraLight-Italic.woff2') format('woff2'),
url('SofiaProExtraLight-Italic.woff') format('woff'),
url('SofiaProExtraLight-Italic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProLight-Italic.eot');
src: local('Sofia Pro Light Italic'), local('SofiaProLight-Italic'),
url('SofiaProLight-Italic.eot?#iefix') format('embedded-opentype'),
url('SofiaProLight-Italic.woff2') format('woff2'),
url('SofiaProLight-Italic.woff') format('woff'),
url('SofiaProLight-Italic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProBlack-Italic.eot');
src: local('Sofia Pro Black Italic'), local('SofiaProBlack-Italic'),
url('SofiaProBlack-Italic.eot?#iefix') format('embedded-opentype'),
url('SofiaProBlack-Italic.woff2') format('woff2'),
url('SofiaProBlack-Italic.woff') format('woff'),
url('SofiaProBlack-Italic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProBlack.eot');
src: local('Sofia Pro Black'), local('SofiaProBlack'),
url('SofiaProBlack.eot?#iefix') format('embedded-opentype'),
url('SofiaProBlack.woff2') format('woff2'),
url('SofiaProBlack.woff') format('woff'),
url('SofiaProBlack.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProUltraLight.eot');
src: local('Sofia Pro UltraLight'), local('SofiaProUltraLight'),
url('SofiaProUltraLight.eot?#iefix') format('embedded-opentype'),
url('SofiaProUltraLight.woff2') format('woff2'),
url('SofiaProUltraLight.woff') format('woff'),
url('SofiaProUltraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Sofia Pro';
src: url('SofiaProBold-Italic.eot');
src: local('Sofia Pro Bold Italic'), local('SofiaProBold-Italic'),
url('SofiaProBold-Italic.eot?#iefix') format('embedded-opentype'),
url('SofiaProBold-Italic.woff2') format('woff2'),
url('SofiaProBold-Italic.woff') format('woff'),
url('SofiaProBold-Italic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!