diff --git a/src/App.jsx b/src/App.jsx index 40393557..c54fc988 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -35,6 +35,8 @@ import FeedbackModal from "./User/components/FeedbackForm/Feedback"; import NotificationPage from "./User/pages/Dashboard/NotificationPage"; import ProfilePage from "./User/pages/Dashboard/ProfilePage"; +import CareerPage from "./User/pages/Career-Page/careerPage.jsx"; +import ServicePage from "./User/pages/Service-Page/service.jsx"; // Admin components import AdminVerificationPage from "./User/pages/Admin-Verification/Admin.jsx"; import AdminLayout from "./Admin/AdminLayout"; @@ -67,7 +69,6 @@ import FurnitureDecor from "./User/pages/Popular_Categories/Furniture-Decor"; import HealthSupplements from "./User/pages/Popular_Categories/Health-Supplements"; import PrintingStationery from "./User/pages/Popular_Categories/Printing-Stationery"; - import { Helmet } from "react-helmet"; // not required imports @@ -88,96 +89,161 @@ export default function App() { } /> {/* Home page route */} {/* Latest in the Market routes */} } /> - } /> + } + /> } /> - } /> - } /> - } /> - } /> + } + /> + } + /> + } + /> + } + /> } /> - } /> - + } + /> {/* Popular Categories routes */} } /> - } /> + } + /> } /> - } /> - } /> - } /> - } /> - } /> - } /> - - } /> {/* About Us page route */} + } + /> + } + /> + } + /> + } + /> + } + /> + } + /> + } />{" "} + {/* About Us page route */} } /> {/* Help page route */} - } /> {/* Privacy policy page route */} + } />{" "} + {/* Privacy policy page route */} } /> {/* Cart page route */} - } /> {/* Wishlist page route */} - } /> {/* Contact page route */} - } /> {/* Forgot password page route */} - + } />{" "} + {/* Wishlist page route */} + } />{" "} + {/* Contact page route */} + } />{" "} + {/* Forgot password page route */} } /> {/* Team page route */} - } /> {/* User authentication page route */} + } />{" "} + {/* User authentication page route */} } /> {/* FAQ page route */} - } /> {/* Terms and Conditions page route */} - } /> {/* Feedback page route */} - } /> {/* Return and Cancellation page route */} + } + />{" "} + {/* Terms and Conditions page route */} + } />{" "} + {/* Feedback page route */} + } + />{" "} + {/* Return and Cancellation page route */} } /> {/* EPR page route */} - + } />{" "} + } />{" "} + {/* EPR page route */} {/* Private routes requiring authentication */} }> }> } /> {/* Admin panel route */} {/* } /> */} - } /> {/* Admin Vigy form route */} - } /> {/* Admin product form route */} + } />{" "} + {/* Admin Vigy form route */} + } />{" "} + {/* Admin product form route */} - - } /> {/* User dashboard route */} - } /> {/* Order confirmation route */} - } /> {/* Order cancellation route */} - } /> {/* Order details route */} - } /> {/* My orders route */} - } /> {/* Checkout route */} - } /> {/* Product details route */} + } />{" "} + {/* User dashboard route */} + } />{" "} + {/* Order confirmation route */} + } />{" "} + {/* Order cancellation route */} + } />{" "} + {/* Order details route */} + } />{" "} + {/* My orders route */} + } />{" "} + {/* Checkout route */} + } />{" "} + {/* Product details route */} } /> {/* Payment route */} - } /> {/* Dashboard orders route */} - } /> {/* Dashboard cart route */} - } /> {/* Dashboard wishlist route */} - - } /> {/* Dashboard notifications route */} - //Not in use routes + } />{" "} + {/* Dashboard orders route */} + } />{" "} + {/* Dashboard cart route */} + } + />{" "} + {/* Dashboard wishlist route */} + } + />{" "} + {/* Dashboard notifications route */} + //Not in use routes } /> - //additional routes + //additional routes } /> - - - //// - - } /> {/* Dashboard Profile route */} + } />{" "} + {/* Dashboard Profile route */} - {/* private route ends */} - - } /> {/* Certifications page route */} + {/* private route ends */} + } />{" "} + {/* Certifications page route */} } /> {/* 404 Error page route */} - - {/* Admin routes */} }> } /> {/* Admin panel route */} {/* } /> */} - } /> {/* Admin Vigy form route */} - } /> {/* Admin product form route */} + } />{" "} + {/* Admin Vigy form route */} + } />{" "} + {/* Admin product form route */} - - } /> {/* Admin verification page route */} - } /> {/* Admin login page route */} - - + } />{" "} + {/* Admin verification page route */} + } />{" "} + {/* Admin login page route */} } /> } /> - ); diff --git a/src/User/components/About/CarrerHeader.jsx b/src/User/components/About/CarrerHeader.jsx new file mode 100644 index 00000000..587552f8 --- /dev/null +++ b/src/User/components/About/CarrerHeader.jsx @@ -0,0 +1,44 @@ +import React from "react"; +import { FaSearch } from "react-icons/fa"; + +function Header() { + return ( + <> +
+
+ Background +
+
+
+

+ Career VigyBag 🌱 +

+

+ Innovate,{" "} + inspire, and{" "} + grow with{" "} + VigyBag. +

+
+ + +
+

+ 197 opportunities available + to be a maximiser. +

+
+
+ + ); +} + +export default Header; diff --git a/src/User/components/About/ServiceHeader.jsx b/src/User/components/About/ServiceHeader.jsx new file mode 100644 index 00000000..1c956ce1 --- /dev/null +++ b/src/User/components/About/ServiceHeader.jsx @@ -0,0 +1,27 @@ +import React from "react"; +import background from "../../../assets/back.jpg"; + +function Header() { + return ( + <> +
+
+ Background +
+
+
+

+ Our Service +

+
+
+ + ); +} + +export default Header; diff --git a/src/User/pages/Career-Page/careerPage.jsx b/src/User/pages/Career-Page/careerPage.jsx new file mode 100644 index 00000000..56b4bc66 --- /dev/null +++ b/src/User/pages/Career-Page/careerPage.jsx @@ -0,0 +1,99 @@ +import React from "react"; +import career from "../../../assets/career.png"; +import UX from "../../../assets/uxui designer.jpg"; +import video from "../../../assets/video editing.jpg"; +import content from "../../../assets/Content_Writer.avif"; +import product from "../../../assets/product-engineering.jpg"; +import Header from "../../components/About/CarrerHeader"; + +const CareerPage = () => { + const leadershipData = [ + { + name: "UX/UI Designer", + role: "Graphic Designing", + image: UX, + description: + "A UX/UI designer focuses on creating user-friendly and visually appealing digital interfaces. They blend user experience (UX) and user interface (UI) design to enhance usability and accessibility while ensuring the product is engaging and intuitive.", + }, + { + name: "Video Editor", + role: "Video Editing", + image: video, + description: + "A video editor is responsible for assembling raw footage into a polished final product. They cut, arrange, and enhance video clips, adding transitions, effects, and audio to create engaging visual stories.", + }, + { + name: "Product Engineer", + role: "Product Management Engineer", + image: product, + description: + "A product engineer designs, develops, and improves products, focusing on functionality and performance. They work closely with design and manufacturing teams to ensure products meet specifications and quality standards. Their role involves prototyping, testing, and refining products ", + }, + { + name: "Content Writer", + role: "Writing E-commerce Content", + image: content, + description: + "A content writer creates engaging and informative written material for various platforms, such as websites, blogs, and social media. They research topics, craft clear and compelling content, and tailor their writing to target audiences.", + }, + // Add more leadership members as needed + ]; + + return ( +
+ {/*Header Section */} +
+ +
+

+ Come to VigyBag to maximise + yourself +

+

+ because when you maximise, we maximise. +

+
+ +
+
+ + {/* Leadership Section */} +
+

+ Our Role +

+
+
+ {leadershipData.map((leader, index) => ( +
+
+ {leader.name} +
+
+

+ {leader.name} +

+

{leader.role}

+
+
+
+

+ {leader.description} +

+
+
+ ))} +
+
+
+
+ ); +}; + +export default CareerPage; diff --git a/src/User/pages/Service-Page/service.jsx b/src/User/pages/Service-Page/service.jsx new file mode 100644 index 00000000..42c6c714 --- /dev/null +++ b/src/User/pages/Service-Page/service.jsx @@ -0,0 +1,149 @@ +import React from "react"; +import accounting from "../../../assets/accounting.jpeg"; +import accountManagement from "../../../assets/accountMangement.jpeg"; +import advertising from "../../../assets/advertising.jpeg"; +import cataloging from "../../../assets/cataloging.jpeg"; +import imaging from "../../../assets/imaging.jpeg"; +import liquadation from "../../../assets/liquadation.jpeg"; +import sellerAcount from "../../../assets/sellerAcount.jpeg"; +import sellerTaining from "../../../assets/sellerTaining.jpeg"; +import sourcing from "../../../assets/sourcing.jpeg"; +import taxation from "../../../assets/taxation.jpeg"; +import warehouse from "../../../assets/warehouse.jpeg"; + +import Header from "../../components/About/ServiceHeader"; + +const ServicePage = () => { + const leadershipData = [ + { + name: "Account Management", + image: accounting, + description: + "Provide end-to-end services to a host of sellers. Help the sellers build a long term relationship with their customers.", + }, + { + name: "Accounting", + image: accountManagement, + description: + "Provide payment reconciliation and integrated accounting services to sellers and help them with enhanced product profitability analysis.", + }, + { + name: "Advertising", + image: advertising, + description: + "Lend your advertising services to sellers across the country. Help them promote their products and boost their sales. ", + }, + { + name: "Cataloging", + image: cataloging, + description: + "Connect with a host of sellers and help them build an appealing catalogue with compelling content that attracts customers.", + }, + { + name: "Imaging", + image: imaging, + description: + "Provide photoshoot and editing services to sellers across the country and help them boost their sales.", + }, + { + name: "Liquidation", + image: liquadation, + description: + "Offer your liquidation services to sellers who are willing to sell-off their dead inventory or excess returns.", + }, + { + name: "Seller Account Reinstatement", + image: sellerAcount, + description: + "Help sellers in reinstating their suspended accounts and ensure their accounts don't get suspended in future", + }, + { + name: "Seller Training", + image: sellerTaining, + description: + "Provide in-person classroom / online training to new sellers & recently onboarded sellers on how to manage and grow their business on VigyBag", + }, + { + name: "Software Solutions", + image: sellerAcount, + description: + "Discover software solutions to bring efficiency in your operations.", + }, + { + name: "Sourcing", + image: sourcing, + description: + "Have a wide assortment of quality products to offer to the sellers? Connect with sellers across the country who need your services.", + }, + { + name: "Taxation", + image: taxation, + description: + "Connect with sellers across India and provide and lend them your assistance in filing taxes and handling money.", + }, + { + name: "Warehousing Services", + image: warehouse, + description: + "Provide storage & inventory handling services to recent and existing sellers for non-FBF fulfillment on VigyBag platform at your warehouse locations.", + }, + + // Add more leadership members as needed + ]; + + return ( +
+ {/*Header Section */} +
+ + {/* Leadership Section */} +
+

+ SERVICES THAT YOU CAN PROVIDE +

+
+
+ {leadershipData.map((leader, index) => ( +
+
+ {leader.name} +
+
+

+ {leader.name} +

+
+
+
+

+ {leader.description} +

+

+ List Your Service{" "} + +

+
+
+ ))} +
+
+
+
+ ); +}; + +export default ServicePage; diff --git a/src/assets/Content_Writer.avif b/src/assets/Content_Writer.avif new file mode 100644 index 00000000..c8cfe349 Binary files /dev/null and b/src/assets/Content_Writer.avif differ diff --git a/src/assets/accountMangement.jpeg b/src/assets/accountMangement.jpeg new file mode 100644 index 00000000..30707405 Binary files /dev/null and b/src/assets/accountMangement.jpeg differ diff --git a/src/assets/accounting.jpeg b/src/assets/accounting.jpeg new file mode 100644 index 00000000..fbfc72d4 Binary files /dev/null and b/src/assets/accounting.jpeg differ diff --git a/src/assets/advertising.jpeg b/src/assets/advertising.jpeg new file mode 100644 index 00000000..f22196a4 Binary files /dev/null and b/src/assets/advertising.jpeg differ diff --git a/src/assets/back.jpg b/src/assets/back.jpg new file mode 100644 index 00000000..cfa65b11 Binary files /dev/null and b/src/assets/back.jpg differ diff --git a/src/assets/career.png b/src/assets/career.png new file mode 100644 index 00000000..f5e6039d Binary files /dev/null and b/src/assets/career.png differ diff --git a/src/assets/cataloging.jpeg b/src/assets/cataloging.jpeg new file mode 100644 index 00000000..2607a722 Binary files /dev/null and b/src/assets/cataloging.jpeg differ diff --git a/src/assets/imaging.jpeg b/src/assets/imaging.jpeg new file mode 100644 index 00000000..6f8c4f59 Binary files /dev/null and b/src/assets/imaging.jpeg differ diff --git a/src/assets/liquadation.jpeg b/src/assets/liquadation.jpeg new file mode 100644 index 00000000..77882b3c Binary files /dev/null and b/src/assets/liquadation.jpeg differ diff --git a/src/assets/product-engineering.jpg b/src/assets/product-engineering.jpg new file mode 100644 index 00000000..91054644 Binary files /dev/null and b/src/assets/product-engineering.jpg differ diff --git a/src/assets/sellerAcount.jpeg b/src/assets/sellerAcount.jpeg new file mode 100644 index 00000000..9528aa27 Binary files /dev/null and b/src/assets/sellerAcount.jpeg differ diff --git a/src/assets/sellerTaining.jpeg b/src/assets/sellerTaining.jpeg new file mode 100644 index 00000000..cd7249ef Binary files /dev/null and b/src/assets/sellerTaining.jpeg differ diff --git a/src/assets/sourcing.jpeg b/src/assets/sourcing.jpeg new file mode 100644 index 00000000..46867ae4 Binary files /dev/null and b/src/assets/sourcing.jpeg differ diff --git a/src/assets/taxation.jpeg b/src/assets/taxation.jpeg new file mode 100644 index 00000000..56c72c59 Binary files /dev/null and b/src/assets/taxation.jpeg differ diff --git a/src/assets/uxui designer.jpg b/src/assets/uxui designer.jpg new file mode 100644 index 00000000..e5542496 Binary files /dev/null and b/src/assets/uxui designer.jpg differ diff --git a/src/assets/video editing.jpg b/src/assets/video editing.jpg new file mode 100644 index 00000000..c2a0897a Binary files /dev/null and b/src/assets/video editing.jpg differ diff --git a/src/assets/warehouse.jpeg b/src/assets/warehouse.jpeg new file mode 100644 index 00000000..581df6c2 Binary files /dev/null and b/src/assets/warehouse.jpeg differ diff --git a/src/assets/www.png b/src/assets/www.png new file mode 100644 index 00000000..62d62d69 Binary files /dev/null and b/src/assets/www.png differ