diff --git a/client/public/buyerPic2.jpeg b/client/public/buyerPic2.jpeg new file mode 100644 index 0000000..9684f61 Binary files /dev/null and b/client/public/buyerPic2.jpeg differ diff --git a/client/public/farmerPic.jpeg b/client/public/farmerPic.jpeg new file mode 100644 index 0000000..c89f508 Binary files /dev/null and b/client/public/farmerPic.jpeg differ diff --git a/client/src/Landing.jsx b/client/src/Landing.jsx index 8edd5aa..a216189 100644 --- a/client/src/Landing.jsx +++ b/client/src/Landing.jsx @@ -2,14 +2,14 @@ import './App.css'; // import Signup from './components/Buyer/Signup'; -import AgriConnect from './components/trial'; -import Navbar from './components/navbar'; -import Footer from './components/footer'; +import AgriConnect from './components/LandingPage/AgriConnect'; +import './components/LandingPage/Landing.css' function Landing() { return ( <> {/* */} {/* */} + {}, ); } diff --git a/client/src/assets/buyerPic2.jpeg b/client/src/assets/buyerPic2.jpeg new file mode 100644 index 0000000..9684f61 Binary files /dev/null and b/client/src/assets/buyerPic2.jpeg differ diff --git a/client/src/assets/etoe.svg b/client/src/assets/etoe.svg new file mode 100644 index 0000000..9917953 --- /dev/null +++ b/client/src/assets/etoe.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/client/src/assets/farmerPic.jpeg b/client/src/assets/farmerPic.jpeg new file mode 100644 index 0000000..c89f508 Binary files /dev/null and b/client/src/assets/farmerPic.jpeg differ diff --git a/client/src/assets/handshake3.svg b/client/src/assets/handshake3.svg new file mode 100644 index 0000000..d672f45 --- /dev/null +++ b/client/src/assets/handshake3.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/client/src/assets/reshot-icon-calendar.svg b/client/src/assets/reshot-icon-calendar.svg new file mode 100644 index 0000000..c4a48e1 --- /dev/null +++ b/client/src/assets/reshot-icon-calendar.svg @@ -0,0 +1,63 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/client/src/assets/reshot-icon-envelope-FD2JGW9ELS.svg b/client/src/assets/reshot-icon-envelope-FD2JGW9ELS.svg new file mode 100644 index 0000000..7f1b932 --- /dev/null +++ b/client/src/assets/reshot-icon-envelope-FD2JGW9ELS.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + diff --git a/client/src/assets/reshot-icon-laptop.svg b/client/src/assets/reshot-icon-laptop.svg new file mode 100644 index 0000000..0a6395f --- /dev/null +++ b/client/src/assets/reshot-icon-laptop.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + diff --git a/client/src/components/LandingPage/AgriConnect.jsx b/client/src/components/LandingPage/AgriConnect.jsx index 0809fb1..3580af3 100644 --- a/client/src/components/LandingPage/AgriConnect.jsx +++ b/client/src/components/LandingPage/AgriConnect.jsx @@ -1,6 +1,15 @@ import React from "react"; import 'bootstrap/dist/css/bootstrap.min.css'; - +import './Landing.css' +import img from '../../assets/buyerPic2.jpeg' +import img1 from '../../assets/farmerPic.jpeg' +import img2 from '../../assets/handshake3.svg' +import img3 from '../../assets/reshot-icon-laptop.svg' +import img4 from '../../assets/reshot-icon-envelope.svg' +import img5 from '../../assets/reshot-icon-calendar.svg' +import img6 from '../../assets/etoe.svg' +import Navbar from './Navbar' +import Footer from './Footer' const AgriConnect = () => { return ( @@ -44,7 +53,7 @@ const AgriConnect = () => {
-
+
Secure Income, Grow with Confidence
@@ -54,7 +63,7 @@ const AgriConnect = () => {
- +
@@ -72,7 +81,7 @@ const AgriConnect = () => {
- +
@@ -93,27 +102,27 @@ const AgriConnect = () => {

Why Choose AgriConnect?

- Guaranteed Market Access + Guaranteed Market Access

Guaranteed Market Access

Connect with verified buyers and secure a steady market for your produce.

- Transparent Negotiation + Transparent Negotiation

Transparent Negotiation

Discuss terms in real-time and reach agreements with ease.

- Secure Contracts + Secure Contracts

Secure Contracts

Legal assurance with securely stored contracts.

- Timely Payments + Timely Payments

Timely Payments

Get paid on time, every time with our integrated payment system.

- End-to-End Support + End-to-End Support

End-to-End Support

From initial contact to final delivery, we ensure smooth transactions.

diff --git a/client/src/components/LandingPage/Navbar.jsx b/client/src/components/LandingPage/Navbar.jsx index f871e21..ab3ade1 100644 --- a/client/src/components/LandingPage/Navbar.jsx +++ b/client/src/components/LandingPage/Navbar.jsx @@ -1,47 +1,39 @@ import React from "react"; -import 'bootstrap/dist/css/bootstrap.min.css'; -import './Landing.css'; -export default function Navbar() -{ - return ( - <> - - - - - - - - +export default function Navbar() { + return ( + <> + + +)} \ No newline at end of file diff --git a/client/src/main.jsx b/client/src/main.jsx index ecba7db..069b63c 100644 --- a/client/src/main.jsx +++ b/client/src/main.jsx @@ -9,6 +9,7 @@ import FLogin from "./components/Farmer/FLogin"; import FSignup from "./components/Farmer/FSignup"; import Chat from "./components/Negotiate/Chat"; import NotFoundPage from './components/NotFoundPage'; +import AgriConnect from '../src/components/LandingPage/AgriConnect' ReactDOM.createRoot(document.getElementById('root')).render( diff --git a/client/src/output.css b/client/src/output.css index abe533e..1ff27d0 100644 --- a/client/src/output.css +++ b/client/src/output.css @@ -588,8 +588,12 @@ video { } } -.invisible { - visibility: hidden; +.collapse { + visibility: collapse; +} + +.fixed { + position: fixed; } .absolute { @@ -604,6 +608,14 @@ video { left: 0px; } +.right-0 { + right: 0px; +} + +.top-0 { + top: 0px; +} + .m-2 { margin: 0.5rem; } @@ -644,14 +656,26 @@ video { margin-bottom: 1.5rem; } +.me-2 { + margin-inline-end: 0.5rem; +} + .ml-8 { margin-left: 2rem; } +.ms-auto { + margin-inline-start: auto; +} + .mt-2 { margin-top: 0.5rem; } +.mt-3 { + margin-top: 0.75rem; +} + .mt-4 { margin-top: 1rem; } @@ -660,6 +684,10 @@ video { margin-top: 1.5rem; } +.block { + display: block; +} + .flex { display: flex; } @@ -708,12 +736,16 @@ video { width: 75%; } +.w-\[100vw\] { + width: 100vw; +} + .w-full { width: 100%; } -.w-\[100vw\] { - width: 100vw; +.w-48 { + width: 12rem; } .flex-grow { @@ -818,6 +850,10 @@ video { border-radius: 0.75rem; } +.rounded-md { + border-radius: 0.375rem; +} + .rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; @@ -895,6 +931,11 @@ video { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } +.bg-\[\#f7f5eb\] { + --tw-bg-opacity: 1; + background-color: rgb(247 245 235 / var(--tw-bg-opacity)); +} + .p-2 { padding: 0.5rem; } @@ -1051,6 +1092,12 @@ video { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.shadow-lg { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .hover\:bg-green-200:hover { --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity)); @@ -1071,6 +1118,11 @@ video { background-color: rgb(203 213 225 / var(--tw-bg-opacity)); } +.hover\:bg-gray-200:hover { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); +} + .hover\:text-green-500:hover { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity)); diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..8e0a949 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,6 @@ +{ + "name": "sih", + "lockfileVersion": 3, + "requires": true, + "packages": {} +}