From 42c7bf5fda8545cbf6b99ef32b68d012668583f5 Mon Sep 17 00:00:00 2001 From: suhassk-hash Date: Wed, 2 Oct 2024 03:12:20 +0530 Subject: [PATCH 1/5] Home page responsive --- src/Components/Pages/About.jsx | 8 ++++---- src/Components/ui/Landing.jsx | 23 ++++++++++++++--------- src/Components/ui/ReviewCarousel.jsx | 2 +- vite.config.js | 4 ++++ 4 files changed, 23 insertions(+), 14 deletions(-) diff --git a/src/Components/Pages/About.jsx b/src/Components/Pages/About.jsx index 93508dd4..75c4313c 100644 --- a/src/Components/Pages/About.jsx +++ b/src/Components/Pages/About.jsx @@ -2,11 +2,11 @@ import bgpic from "../../assets/img/abt1.jpg" export default function About() { return ( -
+
-
-

ABOUT US

-
+
+

ABOUT US

+

How it works.. Our name says it all! diff --git a/src/Components/ui/Landing.jsx b/src/Components/ui/Landing.jsx index e9ee105b..91f661b5 100644 --- a/src/Components/ui/Landing.jsx +++ b/src/Components/ui/Landing.jsx @@ -5,25 +5,29 @@ import coffecup from "../../assets/landing/coffecup.png"; export default function Landing() { return (

-
-
+
+
{/* Text Content */} -
-

+
+

A unique café experience awaits you

-
+
+
+
-
+
+
+

-
+
{/*

Our name says it all! @@ -45,11 +49,12 @@ export default function Landing() {

*/} -
+ +
-

+

PLAYCAFE

diff --git a/src/Components/ui/ReviewCarousel.jsx b/src/Components/ui/ReviewCarousel.jsx index 442043c7..12d1b238 100644 --- a/src/Components/ui/ReviewCarousel.jsx +++ b/src/Components/ui/ReviewCarousel.jsx @@ -72,7 +72,7 @@ const ReviewCarousel = () => { return (
-
+

Customer Feedback

diff --git a/vite.config.js b/vite.config.js index 5a33944a..721bd06e 100644 --- a/vite.config.js +++ b/vite.config.js @@ -3,5 +3,9 @@ import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export default defineConfig({ + server: { + host: '0.0.0.0', // allows access from all IP addresses + port: 5173, + }, plugins: [react()], }) From a20917dcf025c84ab02125ba8dcdf293542bfb4d Mon Sep 17 00:00:00 2001 From: suhassk-hash Date: Wed, 2 Oct 2024 03:18:14 +0530 Subject: [PATCH 2/5] Home page responsive --- src/Components/ui/Landing.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Components/ui/Landing.jsx b/src/Components/ui/Landing.jsx index 91f661b5..8e9c5d92 100644 --- a/src/Components/ui/Landing.jsx +++ b/src/Components/ui/Landing.jsx @@ -27,7 +27,7 @@ export default function Landing() {
-
+
{/*

Our name says it all! From ebf5eefa2f5a6a87ec97c0401545dd298be52cab Mon Sep 17 00:00:00 2001 From: suhassk-hash Date: Wed, 2 Oct 2024 03:34:32 +0530 Subject: [PATCH 3/5] Home page responsive and change nav bar hamburger color to black --- src/Components/Pages/About.jsx | 55 +++++++++++++++++--------------- src/Components/Shared/Navbar.jsx | 2 +- src/Components/ui/Landing.jsx | 2 +- 3 files changed, 32 insertions(+), 27 deletions(-) diff --git a/src/Components/Pages/About.jsx b/src/Components/Pages/About.jsx index 75c4313c..71553a1d 100644 --- a/src/Components/Pages/About.jsx +++ b/src/Components/Pages/About.jsx @@ -1,32 +1,37 @@ -import bgpic from "../../assets/img/abt1.jpg" +import bgpic from "../../assets/img/abt1.jpg"; export default function About() { return (
-
-
-

ABOUT US

-
-

- How it works.. - Our name says it all! - Founder, Jonathan Li, shares a passion for board games, boba, and - delicious food, so he combined them all to become Sip & Play, Park Slope’s - first board game cafe. It is a straightforward concept, come in with your - friends and family to play any board game from our library of 300+ games! - We hope when you visit, you also enjoy our coffee, espresso, boba, - sandwiches, and snacks! -
-
- Hours and Location - New opening hours:
- Sunday: 10am-11pm
- Mon-Thurs: 11am-11pm
- Fri: 11am-midnight
- Sat: 10am-midnight
- Our kitchen closes 2.5-3 hours before we close! -

-
+
+
{/* Black overlay with 40% opacity */} +
+

ABOUT US

+
+

{/* Change text color for better contrast */} + How it works.. + Our name says it all! + Founder, Jonathan Li, shares a passion for board games, boba, and + delicious food, so he combined them all to become Sip & Play, Park Slope’s + first board game cafe. It is a straightforward concept, come in with your + friends and family to play any board game from our library of 300+ games! + We hope when you visit, you also enjoy our coffee, espresso, boba, + sandwiches, and snacks! +
+
+ Hours and Location + New opening hours:
+ Sunday: 10am-11pm
+ Mon-Thurs: 11am-11pm
+ Fri: 11am-midnight
+ Sat: 10am-midnight
+ Our kitchen closes 2.5-3 hours before we close! +

+
+
); diff --git a/src/Components/Shared/Navbar.jsx b/src/Components/Shared/Navbar.jsx index 5f60e88f..f31bad03 100644 --- a/src/Components/Shared/Navbar.jsx +++ b/src/Components/Shared/Navbar.jsx @@ -115,7 +115,7 @@ const Navbar = () => { diff --git a/src/Components/ui/Landing.jsx b/src/Components/ui/Landing.jsx index 8e9c5d92..fd24a9d9 100644 --- a/src/Components/ui/Landing.jsx +++ b/src/Components/ui/Landing.jsx @@ -5,7 +5,7 @@ import coffecup from "../../assets/landing/coffecup.png"; export default function Landing() { return (
-
+
{/* Text Content */}
From ef2f777934b792b9894f8ebbb69914a986ff5aa4 Mon Sep 17 00:00:00 2001 From: suhassk-hash Date: Wed, 2 Oct 2024 03:39:56 +0530 Subject: [PATCH 4/5] Improvement: Making the Home page Images and text Responsive and visually appealing --- src/Components/Pages/About.jsx | 2 +- vite.config.js | 4 ---- 2 files changed, 1 insertion(+), 5 deletions(-) diff --git a/src/Components/Pages/About.jsx b/src/Components/Pages/About.jsx index 71553a1d..244d9bf5 100644 --- a/src/Components/Pages/About.jsx +++ b/src/Components/Pages/About.jsx @@ -1,4 +1,4 @@ -import bgpic from "../../assets/img/abt1.jpg"; +import bgpic from "../../assets/img/abt1.jpg" export default function About() { return ( diff --git a/vite.config.js b/vite.config.js index 721bd06e..5a33944a 100644 --- a/vite.config.js +++ b/vite.config.js @@ -3,9 +3,5 @@ import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export default defineConfig({ - server: { - host: '0.0.0.0', // allows access from all IP addresses - port: 5173, - }, plugins: [react()], }) From f5250ba7398f7f45ee19381f363a97aa54e2a3ed Mon Sep 17 00:00:00 2001 From: suhassk-hash Date: Wed, 2 Oct 2024 13:05:32 +0530 Subject: [PATCH 5/5] Change Landing component to screen height --- src/Components/ui/Landing.jsx | 2 +- tailwind.config.js | 3 +++ vite.config.js | 4 ++++ 3 files changed, 8 insertions(+), 1 deletion(-) diff --git a/src/Components/ui/Landing.jsx b/src/Components/ui/Landing.jsx index fd24a9d9..309c8c7e 100644 --- a/src/Components/ui/Landing.jsx +++ b/src/Components/ui/Landing.jsx @@ -5,7 +5,7 @@ import coffecup from "../../assets/landing/coffecup.png"; export default function Landing() { return (
-
+
{/* Text Content */}
diff --git a/tailwind.config.js b/tailwind.config.js index c60af255..2e630091 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -3,6 +3,9 @@ export default { content: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'], theme: { extend: { + height: { + 'screen-dvh': '100dvh', + }, fontFamily: { 'poppins': ['Poppins', 'sans-serif'], 'roboto': ['"Roboto Serif"', 'sans-serif'], diff --git a/vite.config.js b/vite.config.js index 5a33944a..721bd06e 100644 --- a/vite.config.js +++ b/vite.config.js @@ -3,5 +3,9 @@ import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export default defineConfig({ + server: { + host: '0.0.0.0', // allows access from all IP addresses + port: 5173, + }, plugins: [react()], })