diff --git a/Images/Sea of Clouds-10s-1920px.png b/Images/Sea of Clouds-10s-1920px.png new file mode 100644 index 0000000..dc3bdca Binary files /dev/null and b/Images/Sea of Clouds-10s-1920px.png differ diff --git a/Images/Twinkle Star-0.7s-1920px.svg b/Images/Twinkle Star-0.7s-1920px.svg new file mode 100644 index 0000000..e9d5436 --- /dev/null +++ b/Images/Twinkle Star-0.7s-1920px.svg @@ -0,0 +1,214 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Images/banner.jpg b/Images/banner.jpg new file mode 100644 index 0000000..405f1cc Binary files /dev/null and b/Images/banner.jpg differ diff --git a/Images/bg.jpg b/Images/bg.jpg index f8c39e5..3f88b75 100644 Binary files a/Images/bg.jpg and b/Images/bg.jpg differ diff --git a/components/Banner.js b/components/Banner.js index 2224c5f..29d105e 100644 --- a/components/Banner.js +++ b/components/Banner.js @@ -1,31 +1,37 @@ import Image from "next/image"; -import bg from "../Images/bg.jpg"; -import Link from 'next/link' - +import bg from "../Images/banner.jpg"; +import Link from "next/link"; function Banner() { - - return ( -
- - + + Picture of the author -
-

- Discover the world? -

+ opacity="25" + className="opacity-60" + /> + +
+
+ Paradise +

Discover the world + +
+ - + +
+
+
-
- ) + ); } -export default Banner +export default Banner; diff --git a/components/Footer.js b/components/Footer.js index 95b54a5..82a4e7d 100644 --- a/components/Footer.js +++ b/components/Footer.js @@ -1,8 +1,8 @@ function Footer() { return ( -
+
-
+
ABOUT

How Holidae works

Places

@@ -11,7 +11,7 @@ function Footer() {

Deluxe Bookings

-
+
OUR COMMUNITY

Join Us

Contribute

@@ -20,7 +20,7 @@ function Footer() {
-
+
HOST

Sponsor

Details

@@ -30,7 +30,7 @@ function Footer() {
-
+
CONTACT US

Email: holidae@businessenquires

Mail/Post: Post colony, Mumbai 19

diff --git a/components/Header.js b/components/Header.js index 1d280e7..74c0697 100644 --- a/components/Header.js +++ b/components/Header.js @@ -38,19 +38,23 @@ function Header({ placeholder }) { return (
-
router.push("/")} className="relative flex items-center h-8 cursor-pointer my-auto"> -

Holidae

+
router.push("/")} className="relative flex items-center h-8 cursor-pointer my-auto text-primary space-x-2"> + + + +

Paradise

+
setSearchInput(e.target.value)} className="flex-grow pl-5 bg-transparent text-sm text-gray-600 outline-none" type="text" placeholder= {placeholder || "Start your search"} /> - +
-
-

Become a host

- -
- - +
+

Become a host

+ +
+ +
{searchInput && ( @@ -58,22 +62,22 @@ function Header({ placeholder }) {
-

Number of Guests

- +

Number of Guests

+ setNoOfGuests(e.target.value)} - className="w-12 pl-2 text-lg outline-node text-green-800" + className="w-12 pl-2 text-lg outline-node text-primary" type="number" min={1} />
- -
diff --git a/components/LargeCard.js b/components/LargeCard.js index c0a663b..cedccca 100644 --- a/components/LargeCard.js +++ b/components/LargeCard.js @@ -10,10 +10,10 @@ function LargeCard({ img, title, description, buttonText }) {
-

+

{title}

-

{description}

+

{description}

diff --git a/components/MediumCard.js b/components/MediumCard.js index 24bb3c9..faa70ea 100644 --- a/components/MediumCard.js +++ b/components/MediumCard.js @@ -8,7 +8,7 @@ function MediumCard({ img, title }) {
-

{title}

+

{title}

diff --git a/components/SmallCard.js b/components/SmallCard.js index 91a287b..f3938a3 100644 --- a/components/SmallCard.js +++ b/components/SmallCard.js @@ -9,7 +9,7 @@ function SmallCard({img, location, distance}) {
-

{location}

+

{location}

{distance}

diff --git a/global.css b/global.css index a59c4a2..d723748 100644 --- a/global.css +++ b/global.css @@ -2,6 +2,6 @@ @layer components { .button { - @apply px-4 py-2 border rounded-full hover:cursor-pointer hover:shadow-lg active:scale-95 active:bg-gray-100 transition transform duration-150 ease-out; + @apply px-4 py-2 border rounded-full hover:cursor-pointer hover:shadow-lg active:scale-95 transition transform duration-150 ease-out; } } \ No newline at end of file diff --git a/pages/_app.js b/pages/_app.js index 30f2892..65388e9 100644 --- a/pages/_app.js +++ b/pages/_app.js @@ -5,7 +5,7 @@ import ProgressBar from "@badrap/bar-of-progress"; const progress = new ProgressBar({ size: 4, - color: "#FE595E", + color: "#152D35", className:'z-50', delay: 100, }); diff --git a/pages/index.js b/pages/index.js index f168dc4..54aca05 100644 --- a/pages/index.js +++ b/pages/index.js @@ -12,7 +12,7 @@ export default function Home({ exploreData, cardsData }) { return (
- Holidae + Paradise @@ -20,7 +20,7 @@ export default function Home({ exploreData, cardsData }) {
-

+

Explore Nearby

@@ -32,7 +32,7 @@ export default function Home({ exploreData, cardsData }) {
-

Live Anywhere

+

Live Anywhere

{cardsData?.map((item) => ( diff --git a/pages/search.js b/pages/search.js index cacbf0e..f887b90 100644 --- a/pages/search.js +++ b/pages/search.js @@ -18,9 +18,9 @@ export default function Search({ searchResults }) {
-

5000+ Stay - {range} - for {noOfGuests} guests

-

Stays in {location}

-
+

5000+ Stay - {range} - for {noOfGuests} guests

+

Stays in {location}

+

Cancellation Flexibility

Type of place

Price

diff --git a/public/vercel.svg b/public/vercel.svg index fbf0e25..2240e58 100644 --- a/public/vercel.svg +++ b/public/vercel.svg @@ -1,4 +1,3 @@ - - + + \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index 6dcc5cf..ef87e53 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -3,7 +3,19 @@ module.exports = { purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], darkMode: false, // or 'media' or 'class' theme: { - extend: {}, + + extend: { + colors: { + primary: '#152D35', + + }, + fontFamily: { + Lora : ['Lora', 'serif'] + }, + + + }, + }, variants: { extend: {},