From 2daa4d6434d24a7aa60fc9ce55bfaa7a69b16f4f Mon Sep 17 00:00:00 2001 From: SMITAGADE Date: Mon, 13 Oct 2025 23:46:48 +0530 Subject: [PATCH 1/3] Fix QR code component and Footer integration --- frontend/package-lock.json | 88 +++++++++---------- frontend/package.json | 6 +- frontend/src/components/Footer/Footer.jsx | 2 + .../src/components/Footer/QRCodeDownload.jsx | 20 +++++ 4 files changed, 69 insertions(+), 47 deletions(-) create mode 100644 frontend/src/components/Footer/QRCodeDownload.jsx diff --git a/frontend/package-lock.json b/frontend/package-lock.json index e7dd85f..d9b7060 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -10,15 +10,15 @@ "dependencies": { "@emotion/react": "^11.14.0", "@emotion/styled": "^11.14.1", - "@mui/material": "^7.3.2", - "axios": "^1.11.0", + "@mui/material": "^7.3.4", + "axios": "^1.12.2", "gsap": "^3.13.0", "html2pdf.js": "^0.10.3", "leaflet": "^1.9.4", "lucide-react": "^0.525.0", "react": "^18.3.1", "react-dom": "^18.3.1", - "react-hot-toast": "^2.5.2", + "react-hot-toast": "^2.6.0", "react-icons": "^5.5.0", "react-leaflet": "^4.2.1", "react-router-dom": "^6.30.1", @@ -1142,9 +1142,9 @@ } }, "node_modules/@mui/core-downloads-tracker": { - "version": "7.3.2", - "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-7.3.2.tgz", - "integrity": "sha512-AOyfHjyDKVPGJJFtxOlept3EYEdLoar/RvssBTWVAvDJGIE676dLi2oT/Kx+FoVXFoA/JdV7DEMq/BVWV3KHRw==", + "version": "7.3.4", + "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-7.3.4.tgz", + "integrity": "sha512-BIktMapG3r4iXwIhYNpvk97ZfYWTreBBQTWjQKbNbzI64+ULHfYavQEX2w99aSWHS58DvXESWIgbD9adKcUOBw==", "license": "MIT", "funding": { "type": "opencollective", @@ -1152,16 +1152,16 @@ } }, "node_modules/@mui/material": { - "version": "7.3.2", - "resolved": "https://registry.npmjs.org/@mui/material/-/material-7.3.2.tgz", - "integrity": "sha512-qXvbnawQhqUVfH1LMgMaiytP+ZpGoYhnGl7yYq2x57GYzcFL/iPzSZ3L30tlbwEjSVKNYcbiKO8tANR1tadjUg==", + "version": "7.3.4", + "resolved": "https://registry.npmjs.org/@mui/material/-/material-7.3.4.tgz", + "integrity": "sha512-gEQL9pbJZZHT7lYJBKQCS723v1MGys2IFc94COXbUIyCTWa+qC77a7hUax4Yjd5ggEm35dk4AyYABpKKWC4MLw==", "license": "MIT", "dependencies": { - "@babel/runtime": "^7.28.3", - "@mui/core-downloads-tracker": "^7.3.2", - "@mui/system": "^7.3.2", - "@mui/types": "^7.4.6", - "@mui/utils": "^7.3.2", + "@babel/runtime": "^7.28.4", + "@mui/core-downloads-tracker": "^7.3.4", + "@mui/system": "^7.3.3", + "@mui/types": "^7.4.7", + "@mui/utils": "^7.3.3", "@popperjs/core": "^2.11.8", "@types/react-transition-group": "^4.4.12", "clsx": "^2.1.1", @@ -1180,7 +1180,7 @@ "peerDependencies": { "@emotion/react": "^11.5.0", "@emotion/styled": "^11.3.0", - "@mui/material-pigment-css": "^7.3.2", + "@mui/material-pigment-css": "^7.3.3", "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", "react": "^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0" @@ -1201,13 +1201,13 @@ } }, "node_modules/@mui/private-theming": { - "version": "7.3.2", - "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-7.3.2.tgz", - "integrity": "sha512-ha7mFoOyZGJr75xeiO9lugS3joRROjc8tG1u4P50dH0KR7bwhHznVMcYg7MouochUy0OxooJm/OOSpJ7gKcMvg==", + "version": "7.3.3", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-7.3.3.tgz", + "integrity": "sha512-OJM+9nj5JIyPUvsZ5ZjaeC9PfktmK+W5YaVLToLR8L0lB/DGmv1gcKE43ssNLSvpoW71Hct0necfade6+kW3zQ==", "license": "MIT", "dependencies": { - "@babel/runtime": "^7.28.3", - "@mui/utils": "^7.3.2", + "@babel/runtime": "^7.28.4", + "@mui/utils": "^7.3.3", "prop-types": "^15.8.1" }, "engines": { @@ -1228,12 +1228,12 @@ } }, "node_modules/@mui/styled-engine": { - "version": "7.3.2", - "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-7.3.2.tgz", - "integrity": "sha512-PkJzW+mTaek4e0nPYZ6qLnW5RGa0KN+eRTf5FA2nc7cFZTeM+qebmGibaTLrgQBy3UpcpemaqfzToBNkzuxqew==", + "version": "7.3.3", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-7.3.3.tgz", + "integrity": "sha512-CmFxvRJIBCEaWdilhXMw/5wFJ1+FT9f3xt+m2pPXhHPeVIbBg9MnMvNSJjdALvnQJMPw8jLhrUtXmN7QAZV2fw==", "license": "MIT", "dependencies": { - "@babel/runtime": "^7.28.3", + "@babel/runtime": "^7.28.4", "@emotion/cache": "^11.14.0", "@emotion/serialize": "^1.3.3", "@emotion/sheet": "^1.4.0", @@ -1262,16 +1262,16 @@ } }, "node_modules/@mui/system": { - "version": "7.3.2", - "resolved": "https://registry.npmjs.org/@mui/system/-/system-7.3.2.tgz", - "integrity": "sha512-9d8JEvZW+H6cVkaZ+FK56R53vkJe3HsTpcjMUtH8v1xK6Y1TjzHdZ7Jck02mGXJsE6MQGWVs3ogRHTQmS9Q/rA==", + "version": "7.3.3", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-7.3.3.tgz", + "integrity": "sha512-Lqq3emZr5IzRLKaHPuMaLBDVaGvxoh6z7HMWd1RPKawBM5uMRaQ4ImsmmgXWtwJdfZux5eugfDhXJUo2mliS8Q==", "license": "MIT", "dependencies": { - "@babel/runtime": "^7.28.3", - "@mui/private-theming": "^7.3.2", - "@mui/styled-engine": "^7.3.2", - "@mui/types": "^7.4.6", - "@mui/utils": "^7.3.2", + "@babel/runtime": "^7.28.4", + "@mui/private-theming": "^7.3.3", + "@mui/styled-engine": "^7.3.3", + "@mui/types": "^7.4.7", + "@mui/utils": "^7.3.3", "clsx": "^2.1.1", "csstype": "^3.1.3", "prop-types": "^15.8.1" @@ -1302,12 +1302,12 @@ } }, "node_modules/@mui/types": { - "version": "7.4.6", - "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.4.6.tgz", - "integrity": "sha512-NVBbIw+4CDMMppNamVxyTccNv0WxtDb7motWDlMeSC8Oy95saj1TIZMGynPpFLePt3yOD8TskzumeqORCgRGWw==", + "version": "7.4.7", + "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.4.7.tgz", + "integrity": "sha512-8vVje9rdEr1rY8oIkYgP+Su5Kwl6ik7O3jQ0wl78JGSmiZhRHV+vkjooGdKD8pbtZbutXFVTWQYshu2b3sG9zw==", "license": "MIT", "dependencies": { - "@babel/runtime": "^7.28.3" + "@babel/runtime": "^7.28.4" }, "peerDependencies": { "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0" @@ -1319,13 +1319,13 @@ } }, "node_modules/@mui/utils": { - "version": "7.3.2", - "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-7.3.2.tgz", - "integrity": "sha512-4DMWQGenOdLnM3y/SdFQFwKsCLM+mqxzvoWp9+x2XdEzXapkznauHLiXtSohHs/mc0+5/9UACt1GdugCX2te5g==", + "version": "7.3.3", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-7.3.3.tgz", + "integrity": "sha512-kwNAUh7bLZ7mRz9JZ+6qfRnnxbE4Zuc+RzXnhSpRSxjTlSTj7b4JxRLXpG+MVtPVtqks5k/XC8No1Vs3x4Z2gg==", "license": "MIT", "dependencies": { - "@babel/runtime": "^7.28.3", - "@mui/types": "^7.4.6", + "@babel/runtime": "^7.28.4", + "@mui/types": "^7.4.7", "@types/prop-types": "^15.7.15", "clsx": "^2.1.1", "prop-types": "^15.8.1", @@ -4669,9 +4669,9 @@ } }, "node_modules/react-is": { - "version": "19.1.1", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.1.1.tgz", - "integrity": "sha512-tr41fA15Vn8p4X9ntI+yCyeGSf1TlYaY5vlTZfQmeLBrFo3psOPX6HhTDnFNL9uj3EhP0KAQ80cugCl4b4BERA==", + "version": "19.2.0", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.0.tgz", + "integrity": "sha512-x3Ax3kNSMIIkyVYhWPyO09bu0uttcAIoecO/um/rKGQ4EltYWVYtyiGkS/3xMynrbVQdS69Jhlv8FXUEZehlzA==", "license": "MIT" }, "node_modules/react-leaflet": { diff --git a/frontend/package.json b/frontend/package.json index 712d250..8c28339 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -12,15 +12,15 @@ "dependencies": { "@emotion/react": "^11.14.0", "@emotion/styled": "^11.14.1", - "@mui/material": "^7.3.2", - "axios": "^1.11.0", + "@mui/material": "^7.3.4", + "axios": "^1.12.2", "gsap": "^3.13.0", "html2pdf.js": "^0.10.3", "leaflet": "^1.9.4", "lucide-react": "^0.525.0", "react": "^18.3.1", "react-dom": "^18.3.1", - "react-hot-toast": "^2.5.2", + "react-hot-toast": "^2.6.0", "react-icons": "^5.5.0", "react-leaflet": "^4.2.1", "react-router-dom": "^6.30.1", diff --git a/frontend/src/components/Footer/Footer.jsx b/frontend/src/components/Footer/Footer.jsx index e714816..c5637bb 100644 --- a/frontend/src/components/Footer/Footer.jsx +++ b/frontend/src/components/Footer/Footer.jsx @@ -15,6 +15,7 @@ import LinkedInIcon from '../Icons/LinkedInIcon'; import GithubIcon from '../Icons/GithubIcon'; import FooterLogo from './FooterLogo'; import NewsletterSubscription from '../NewsletterSubscription/NewsletterSubscription'; +import QRCodeDownload from "./QRCodeDownload"; const Footer = () => { return ( @@ -25,6 +26,7 @@ const Footer = () => {
{/* Foodie Logo */} +

Enjoy delicious food from your favorite restaurants. Fast delivery, easy to use, and always satisfying. diff --git a/frontend/src/components/Footer/QRCodeDownload.jsx b/frontend/src/components/Footer/QRCodeDownload.jsx new file mode 100644 index 0000000..2fbce1a --- /dev/null +++ b/frontend/src/components/Footer/QRCodeDownload.jsx @@ -0,0 +1,20 @@ +import React from "react"; +import { QRCodeCanvas } from "qrcode.react"; + +const QRCodeDownload = () => { + return ( +

+

📲 Scan to Download

+ +
+ ); +}; + +export default QRCodeDownload; From 460293489d14e8563c8ae0ea8fbb0185bc11efc2 Mon Sep 17 00:00:00 2001 From: SMITAGADE Date: Mon, 13 Oct 2025 23:48:45 +0530 Subject: [PATCH 2/3] Update package files for QR code feature --- package-lock.json | 10 ++++++++++ package.json | 1 + 2 files changed, 11 insertions(+) diff --git a/package-lock.json b/package-lock.json index 66b9ac5..2538a49 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6,6 +6,7 @@ "": { "dependencies": { "html2pdf.js": "^0.10.3", + "qrcode.react": "^4.2.0", "react-icons": "^5.5.0", "react-to-print": "^3.1.1", "vite": "7.1.1" @@ -997,6 +998,15 @@ "node": "^10 || ^12 || >=14" } }, + "node_modules/qrcode.react": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-4.2.0.tgz", + "integrity": "sha512-QpgqWi8rD9DsS9EP3z7BT+5lY5SFhsqGjpgW5DY/i3mK4M9DTBNz3ErMi8BWYEfI3L0d8GIbGmcdFAS1uIRGjA==", + "license": "ISC", + "peerDependencies": { + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, "node_modules/raf": { "version": "3.4.1", "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz", diff --git a/package.json b/package.json index 817c429..ff32521 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,7 @@ { "dependencies": { "html2pdf.js": "^0.10.3", + "qrcode.react": "^4.2.0", "react-icons": "^5.5.0", "react-to-print": "^3.1.1", "vite": "7.1.1" From e0fea67728bc85d7325c6cd35adb4dea1d64c211 Mon Sep 17 00:00:00 2001 From: SMITAGADE Date: Tue, 14 Oct 2025 01:21:44 +0530 Subject: [PATCH 3/3] Redesign About Us page for better UI and responsiveness --- frontend/package-lock.json | 38 +++ frontend/package.json | 2 + frontend/public/Images/about-chef.jpg | Bin 0 -> 8052 bytes frontend/public/Images/hero-dark.jpg | Bin 0 -> 7403 bytes frontend/public/Images/hero-light.jpg | Bin 0 -> 5702 bytes frontend/src/components/Aboutus/AboutUs.css | 351 ++++++++------------ frontend/src/components/Aboutus/Aboutus.jsx | 162 ++++----- 7 files changed, 261 insertions(+), 292 deletions(-) create mode 100644 frontend/public/Images/about-chef.jpg create mode 100644 frontend/public/Images/hero-dark.jpg create mode 100644 frontend/public/Images/hero-light.jpg diff --git a/frontend/package-lock.json b/frontend/package-lock.json index d9b7060..af5377c 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -11,6 +11,7 @@ "@emotion/react": "^11.14.0", "@emotion/styled": "^11.14.1", "@mui/material": "^7.3.4", + "aos": "^2.3.4", "axios": "^1.12.2", "gsap": "^3.13.0", "html2pdf.js": "^0.10.3", @@ -29,6 +30,7 @@ }, "devDependencies": { "@eslint/js": "^9.9.0", + "@types/aos": "^3.0.7", "@types/react": "^18.3.3", "@types/react-dom": "^18.3.0", "@vitejs/plugin-react": "^4.7.0", @@ -1658,6 +1660,13 @@ "win32" ] }, + "node_modules/@types/aos": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/@types/aos/-/aos-3.0.7.tgz", + "integrity": "sha512-sEhyFqvKauUJZDbvAB3Pggynrq6g+2PS4XB3tmUr+mDL1gfDJnwslUC4QQ7/l8UD+LWpr3RxZVR/rHoZrLqZVg==", + "dev": true, + "license": "MIT" + }, "node_modules/@types/babel__core": { "version": "7.20.5", "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", @@ -1854,6 +1863,17 @@ "url": "https://github.com/chalk/ansi-styles?sponsor=1" } }, + "node_modules/aos": { + "version": "2.3.4", + "resolved": "https://registry.npmjs.org/aos/-/aos-2.3.4.tgz", + "integrity": "sha512-zh/ahtR2yME4I51z8IttIt4lC1Nw0ktsFtmeDzID1m9naJnWXhCoARaCgNOGXb5CLy3zm+wqmRAEgMYB5E2HUw==", + "license": "MIT", + "dependencies": { + "classlist-polyfill": "^1.0.3", + "lodash.debounce": "^4.0.6", + "lodash.throttle": "^4.0.1" + } + }, "node_modules/argparse": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", @@ -2244,6 +2264,12 @@ "url": "https://github.com/chalk/chalk?sponsor=1" } }, + "node_modules/classlist-polyfill": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/classlist-polyfill/-/classlist-polyfill-1.2.0.tgz", + "integrity": "sha512-GzIjNdcEtH4ieA2S8NmrSxv7DfEV5fmixQeyTmqmRmRJPGpRBaSnA2a0VrCjyT8iW8JjEdMbKzDotAJf+ajgaQ==", + "license": "Unlicense" + }, "node_modules/clsx": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", @@ -4136,6 +4162,12 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/lodash.debounce": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", + "license": "MIT" + }, "node_modules/lodash.merge": { "version": "4.6.2", "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", @@ -4143,6 +4175,12 @@ "dev": true, "license": "MIT" }, + "node_modules/lodash.throttle": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz", + "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==", + "license": "MIT" + }, "node_modules/loose-envify": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", diff --git a/frontend/package.json b/frontend/package.json index 8c28339..a78bb81 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -13,6 +13,7 @@ "@emotion/react": "^11.14.0", "@emotion/styled": "^11.14.1", "@mui/material": "^7.3.4", + "aos": "^2.3.4", "axios": "^1.12.2", "gsap": "^3.13.0", "html2pdf.js": "^0.10.3", @@ -31,6 +32,7 @@ }, "devDependencies": { "@eslint/js": "^9.9.0", + "@types/aos": "^3.0.7", "@types/react": "^18.3.3", "@types/react-dom": "^18.3.0", "@vitejs/plugin-react": "^4.7.0", diff --git a/frontend/public/Images/about-chef.jpg b/frontend/public/Images/about-chef.jpg new file mode 100644 index 0000000000000000000000000000000000000000..f2a5944b7ace56e45e7cf575fcf253e3fe37f19e GIT binary patch literal 8052 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 literal 0 HcmV?d00001 diff --git a/frontend/public/Images/hero-dark.jpg b/frontend/public/Images/hero-dark.jpg new file mode 100644 index 0000000000000000000000000000000000000000..ae5b9fe1b93576f709857820d46e9c6490c0dedc GIT binary patch literal 7403 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 literal 0 HcmV?d00001 diff --git a/frontend/public/Images/hero-light.jpg b/frontend/public/Images/hero-light.jpg new file mode 100644 index 0000000000000000000000000000000000000000..0a80abc9647c510df359cf4a9e9faaec53839362 GIT binary patch literal 5702 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 a;ZRnzxF!iJWS7Gl1X13(-FR7Umi_}B^^Ju9 literal 0 HcmV?d00001 diff --git a/frontend/src/components/Aboutus/AboutUs.css b/frontend/src/components/Aboutus/AboutUs.css index eaffaff..f060bde 100644 --- a/frontend/src/components/Aboutus/AboutUs.css +++ b/frontend/src/components/Aboutus/AboutUs.css @@ -1,266 +1,195 @@ -/* Base container */ -.about-container { - max-width: 1200px; - margin: 0 auto; - padding: 20px; - font-family: 'Segoe UI', 'Roboto', sans-serif; - min-height: 100vh; - transition: background 0.3s, color 0.3s; -} - -/* Light Theme */ -.about-container.light { - background-color: #ffffff; - color: #333; -} +/* FONT - Make sure Poppins is imported in your main index.html or CSS */ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap'); -/* Dark Theme */ -.about-container.dark { - background-color: #121212; - color: #e0e0e0; +/* BASE STYLING */ +.about-us-page { + font-family: 'Poppins', sans-serif; + overflow-x: hidden; } -/* Hero Section */ -.hero-section { - text-align: center; - padding: 60px 20px; - border-radius: 20px; - margin-bottom: 40px; - color: white; - box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); - background: linear-gradient(135deg, #efae4e 0%, #e78207 100%); +.about-us-page.light { + --bg-color: #f4f7fc; + --text-color: #1a202c; + --card-bg: rgba(255, 255, 255, 0.8); + --border-color: rgba(0, 0, 0, 0.05); + --accent-color: #2563eb; + --hero-image: url('/images/hero-light.jpg'); } -.about-container.dark .hero-section { - background: linear-gradient(135deg, #ff8c00 0%, #cc5500 100%); +.about-us-page.dark { + --bg-color: #0f172a; /* Deep navy blue */ + --text-color: #e2e8f0; + --card-bg: rgba(26, 32, 44, 0.6); /* Translucent dark card */ + --border-color: rgba(255, 255, 255, 0.1); + --accent-color: #38bdf8; /* Vibrant sky blue */ + --hero-image: url('/images/hero-dark.jpg'); } -.about-title { - font-size: 3rem; - font-weight: 700; - margin-bottom: 20px; - text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6); - min-height: 90px; +/* Apply background to the body for a seamless feel */ +body { + background-color: var(--bg-color); } -.subtitle { - font-size: 1.2rem; - opacity: 0.9; - max-width: 600px; - margin: 0 auto; - color: rgb(244, 231, 134); +/* HERO SECTION */ +.about-hero { + height: 90vh; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + color: #fff; + padding: 0 20px; + position: relative; + background-image: var(--hero-image); + background-size: cover; + background-position: center; + background-attachment: fixed; /* Parallax effect */ } -/* Marquee */ -.marquee { - overflow: hidden; - white-space: nowrap; - background: linear-gradient(90deg, #ff6b6b, #ffa726, #66bb6a, #42a5f5); - padding: 15px 0; - margin-bottom: 40px; - border-radius: 10px; - box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); +.about-hero::before { /* Dark overlay for text contrast */ + content: ''; + position: absolute; + top: 0; left: 0; + width: 100%; height: 100%; + background: linear-gradient(to top, var(--bg-color) 0%, rgba(0,0,0,0.6) 100%); } -.marquee-text { - display: inline-block; - animation: marquee 20s linear infinite; - font-weight: bold; - font-size: 1.1rem; - color: white; - text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); +.hero-content { + position: relative; + z-index: 1; } -@keyframes marquee { - 0% { - transform: translateX(100%); - } - - 100% { - transform: translateX(-100%); - } +.main-slogan { + font-size: clamp(2.5rem, 5vw, 4.5rem); + font-weight: 700; + margin: 0; + letter-spacing: -1px; } -/* Sections */ -.section { - padding: 40px; - border-radius: 15px; - margin-bottom: 30px; - transition: background 0.3s, border 0.3s; - display: flex; - flex-direction: column; +.main-slogan .highlight { + color: var(--accent-color); } - -#about-description{ - margin-left: 2rem; -} -.about-container.light .section { - background: #ffffff; - border: 1px solid #ddd; - box-shadow: 0 10px 30px rgba(108, 107, 107, 0.08); +.subtitle { + font-size: clamp(1rem, 2vw, 1.25rem); + color: #cbd5e1; + margin-top: 1rem; + max-width: 600px; } -.about-container.dark .section { - background: #1e1e1e; - border: 1px solid #444; - box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6); +/* MAIN CONTENT - Overlapping Design */ +.main-content-wrapper { + background-color: var(--bg-color); + color: var(--text-color); + padding: 5rem 2rem; + margin-top: -10vh; /* Pulls content up over the hero image */ + position: relative; + z-index: 2; + border-top-left-radius: 40px; + border-top-right-radius: 40px; } .section-title { - font-size: 2.2rem; - margin-bottom: 20px; - font-weight: 600; - position: relative; - padding-bottom: 10px; - text-align: center; - color:#274C77; -} - -.section-title::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - width: 50px; - height: 3px; - background: linear-gradient(90deg, #667eea, #764ba2); - border-radius: 2px; + font-size: 2.5rem; + font-weight: 700; + text-align: center; + margin-bottom: 3rem; + color: var(--text-color); } -.about-text { - font-size: 1.1rem; - line-height: 1.8; - text-align: justify; - max-width: 800px; +/* ABOUT SECTION (Two Columns) */ +.about-section { + display: grid; + grid-template-columns: 1fr 1fr; + align-items: center; + gap: 3rem; + max-width: 1100px; + margin: 0 auto 6rem auto; } -p.about-text { - margin: 0; +.image-column img { + width: 100%; + border-radius: 20px; + box-shadow: 0 20px 40px rgba(0,0,0,0.2); } -/* Categories */ -.categories-list { - display: flex; - flex-wrap: wrap; - justify-content: center; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: 20px; - margin-top: 30px; +.text-column p { + font-size: 1.1rem; + line-height: 1.8; + color: #94a3b8; } -.category-card { - padding: 30px 20px; - border-radius: 15px; - font-weight: 600; - text-align: center; - transition: all 0.3s ease; - cursor: pointer; - font-size: 1.1rem; - box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25); - text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); - /* keeps readable over gradients */ +/* CATEGORIES - Glassmorphism Effect */ +.categories-section { + max-width: 1100px; + margin: 0 auto 6rem auto; } -.about-container.light .category-card { - color: #222; - /* dark text for light theme */ +.categories-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); + gap: 1.5rem; } -.about-container.dark .category-card { - color: #fff; - /* white text for dark theme */ +.category-card { + background: var(--card-bg); + border: 1px solid var(--border-color); + border-radius: 15px; + padding: 1.5rem; + text-align: center; + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + transition: transform 0.3s ease, background 0.3s ease; + cursor: pointer; } .category-card:hover { - transform: translateY(-8px); - box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35); + transform: translateY(-10px); + background: rgba(56, 189, 248, 0.1); + border-color: var(--accent-color); } -/* Flow Diagram */ -.flow-diagram { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - gap: 15px; - padding: 20px; -} - -.flow-step { - padding: 20px 30px; - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); - color: white; - border-radius: 50px; - text-align: center; - font-weight: 600; - box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3); - transition: transform 0.3s ease; - min-width: 140px; -} - -.flow-step:hover { - transform: scale(1.05); +.category-icon { + font-size: 2.5rem; + display: block; + margin-bottom: 0.5rem; } -.flow-arrow { - font-size: 2rem; - font-weight: bold; - color: #667eea; +.category-name { + font-weight: 600; } - -/* Payment Section */ -.payment-section { - text-align: center; +/* HOW IT WORKS */ +.how-it-works-section { + max-width: 1200px; + margin: 0 auto; } - -.payment-text { - margin: 0 auto !important; - font-size: 1.2rem; - padding: 20px; - border-radius: 15px; - border: 2px dashed #667eea; +.steps-container { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + align-items: start; + text-align: center; + gap: 2rem; } -.about-container.light .payment-text { - background: #f8f9fa; - color: #555; +.step-card { padding: 1rem; } +.step-icon { + font-size: 2.5rem; + color: var(--accent-color); + margin-bottom: 1rem; } +.step-title { font-size: 1.2rem; font-weight: 600; margin-bottom: 0.5rem; } +.step-description { font-size: 0.9rem; color: #94a3b8; } +.step-arrow { display: none; } -.about-container.dark .payment-text { - background: #2c2c2c; - color: #ddd; +/* RESPONSIVE DESIGN */ +@media (min-width: 992px) { + .steps-container { grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; } + .step-arrow { display: flex; align-items: center; height: 100%; font-size: 1.5rem; color: var(--border-color); padding-top: 3rem;} } -/* Responsive */ @media (max-width: 768px) { - .about-title { - font-size: 2rem; - } - - .flow-diagram { - display: block; - } - - .flow-arrow { - rotate: 90deg; - display: flex; - justify-content: center; - } - - .section { - padding: 25px; - } - - .section-title::after { - left: 50%; - transform: translateX(-50%); - } - - .categories-list { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); - } + .main-content-wrapper { padding: 3rem 1rem; } + .about-section { grid-template-columns: 1fr; } } \ No newline at end of file diff --git a/frontend/src/components/Aboutus/Aboutus.jsx b/frontend/src/components/Aboutus/Aboutus.jsx index 19ea155..3634071 100644 --- a/frontend/src/components/Aboutus/Aboutus.jsx +++ b/frontend/src/components/Aboutus/Aboutus.jsx @@ -1,95 +1,95 @@ -import React, { useEffect, useState, useContext } from "react"; +import React, { useEffect, useContext } from "react"; +import AOS from "aos"; import "./AboutUs.css"; import { ThemeContext } from "../context/ThemeContext"; const AboutUs = () => { - const slogan = "Delicious Food Delivered Fresh To Your Door!"; - const [text, setText] = useState(""); - const { theme } = useContext(ThemeContext); // ✅ use theme from context + const { theme } = useContext(ThemeContext); - useEffect(() => { - let index = 0; - const interval = setInterval(() => { - setText(slogan.slice(0, index + 1)); - index++; - if (index === slogan.length) clearInterval(interval); - }, 100); - return () => clearInterval(interval); - }, []); + useEffect(() => { + AOS.init({ + duration: 800, + once: true, + }); + }, []); - return ( -
- {/* Hero Section */} -
-

{text}

-

- Experience the finest cuisine with our premium food delivery service -

-
+ const categories = [ + { name: "Vegetarian", icon: "🥗" }, + { name: "Non-Veg", icon: "🍖" }, + { name: "Italian", icon: "🍝" }, + { name: "Chinese", icon: "🥟" }, + { name: "Desserts", icon: "🍰" }, + { name: "Main Course", icon: "🍽️" }, + ]; + + const howItWorks = [ + { icon: "fas fa-mobile-alt", title: "Browse", description: "Explore our diverse menu." }, + { icon: "fas fa-cart-plus", title: "Order", description: "Add favorites to your cart." }, + { icon: "fas fa-credit-card", title: "Pay", description: "Securely pay through multiple options." }, + { icon: "fas fa-shipping-fast", title: "Enjoy", description: "Get it delivered fresh and fast." }, + ]; - {/* Marquee */} -
-

-   🚚 Fast Delivery Guaranteed!   | -  💯 100% Satisfaction Promise!   | -  🍴 Fresh & Hygienic Ingredients!   | -  👨‍🍳 Authentic Recipes & Expert Chefs!   | -  🛡️ Safe & Secure Packaging!   | -  ⭐ Rated #1 by Our Happy Customers! -

-
+ return ( +
+ {/* Hero Section */} +
+
+

+ Good Food, Good Mood. +

+

+ The best meals from the finest chefs, delivered directly to you. +

+
+
- {/* About Us */} -
-

About Foodies

-

- At Foodies, we serve the best Veg, Non-Veg, Italian, Chinese, Desserts, and Main Courses. - Our focus is on taste, quality, and hygiene. We're passionate about bringing - you exceptional dining experiences right to your doorstep. Enjoy your favorite meals via our - intuitive app or website, crafted with love and delivered with care. -

-
+ {/* Main Content Body */} +
+ {/* About Section */} +
+
+ Chef preparing food +
+
+

Our Passion for Perfection

+

+ At Foodies, we believe food is an experience. We combine authentic recipes, the freshest ingredients, and a passion for cooking to create unforgettable meals. Our mission is to deliver not just food, but happiness. +

+
+
- {/* Categories */} -
-

Explore Our Categories

-
-
🥗 Vegetarian
-
🍖 Non-Vegetarian
-
🍝 Italian Cuisine
-
🥟 Chinese Delights
-
🍰 Sweet Desserts
-
🍽️ Main Courses
-
-
+ {/* Categories Section */} +
+

Endless Flavors to Explore

+
+ {categories.map((cat) => ( +
+ {cat.icon} + {cat.name} +
+ ))} +
+
- {/* Flow */} -
-

How Ordering Works

-
-
📱 Browse Menu
-
→
-
🛒 Add to Cart
-
→
-
✅ Checkout
-
→
-
💳 Payment
-
→
-
🚚 Delivery
+ {/* How It Works Section */} +
+

Simple Steps to Deliciousness

+
+ {howItWorks.map((step, index) => ( + +
+
+

{step.title}

+

{step.description}

+
+ {index < howItWorks.length - 1 &&
} + + ))} +
+
+
- - - {/* Payment */} -
-

Payment Methods

-

- 💳 Credit & Debit Cards   |   - 📱 Digital Wallets   |   - 💵 Cash on Delivery -

-
-
- ); + ); }; export default AboutUs; \ No newline at end of file