Skip to content

Commit

Permalink
Merge pull request #2136 from SadafKausar2025/gift
Browse files Browse the repository at this point in the history 
Created new Gift Card Page of VigyBag
  • Loading branch information
@codervivek5
codervivek5 authored Aug 5, 2024
2 parents bce49b8 + 57bba6a commit 2f0bb3a
Show file tree
Hide file tree
Showing 18 changed files with 362 additions and 44 deletions.
138 changes: 98 additions & 40 deletions src/App.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,7 @@ 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";
import Shipping from "./User/pages/Shipping/shipping";
import GiftCard from "./User/pages/Gift-Card/gift-card.jsx";
// Admin components
import AdminVerificationPage from "./User/pages/Admin-Verification/Admin.jsx";
import AdminLayout from "./Admin/AdminLayout";
Expand Down Expand Up @@ -92,40 +93,86 @@ export default function App() {
{/* User routes */}
<Route path="/" element={<UserLayout />}>
<Route index element={<Home />} /> {/* Home page route */}

{/* Latest in the Market routes */}
<Route path="latestInMarket" element={<LatestInMarket />} />
<Route path="latestInMarket/handMadeSoaps" element={<HandMadeSoaps />} />
<Route
path="latestInMarket/handMadeSoaps"
element={<HandMadeSoaps />}
/>
<Route path="latestInMarket/artSupplies" element={<ArtSupplies />} />
<Route path="latestInMarket/ceramicDinnerware" element={<CeramicDinnerware />} />
<Route path="latestInMarket/bambooProducts" element={<BambooProducts />} />
<Route path="latestInMarket/storageBaskets" element={<StorageBaskets />} />
<Route path="latestInMarket/organicSoaps" element={<OrganicSoaps />} />
<Route
path="latestInMarket/ceramicDinnerware"
element={<CeramicDinnerware />}
/>
<Route
path="latestInMarket/bambooProducts"
element={<BambooProducts />}
/>
<Route
path="latestInMarket/storageBaskets"
element={<StorageBaskets />}
/>
<Route
path="latestInMarket/organicSoaps"
element={<OrganicSoaps />}
/>
<Route path="latestInMarket/organicTea" element={<OrganicTea />} />
<Route path="latestInMarket/naturalCosmetics" element={<NaturalCosmetics />} />

<Route
path="latestInMarket/naturalCosmetics"
element={<NaturalCosmetics />}
/>
{/* Popular Categories routes */}
<Route path="popularCategories" element={<PopularCategories />} />
<Route path="popularCategories/beautyWellness" element={<BeautyWellness />} />
<Route
path="popularCategories/beautyWellness"
element={<BeautyWellness />}
/>
<Route path="popularCategories/bodyCare" element={<BodyCare />} />
<Route path="popularCategories/customizedGifts" element={<CustomizedGifts />} />
<Route path="popularCategories/fashionAccessories" element={<FashionAccessories />} />
<Route path="popularCategories/foodBeverages" element={<FoodBeverages />} />
<Route path="popularCategories/furnitureDecor" element={<FurnitureDecor />} />
<Route path="popularCategories/healthSupplements" element={<HealthSupplements />} />
<Route path="popularCategories/printingStationery" element={<PrintingStationery />} />

<Route
path="popularCategories/customizedGifts"
element={<CustomizedGifts />}
/>
<Route
path="popularCategories/fashionAccessories"
element={<FashionAccessories />}
/>
<Route
path="popularCategories/foodBeverages"
element={<FoodBeverages />}
/>
<Route
path="popularCategories/furnitureDecor"
element={<FurnitureDecor />}
/>
<Route
path="popularCategories/healthSupplements"
element={<HealthSupplements />}
/>
<Route
path="popularCategories/printingStationery"
element={<PrintingStationery />}
/>
{/* Other user routes */}
<Route path="about" element={<AboutUs />} /> {/* About Us page route */}
<Route path="about" element={<AboutUs />} />
{/* About Us page route */}
<Route path="help" element={<Help />} /> {/* Help page route */}
<Route path="privacy" element={<Privacy />} /> {/* Privacy policy page route */}
<Route path="privacy" element={<Privacy />} />
{/* Privacy policy page route */}
<Route path="cart" element={<Cart />} /> {/* Cart page route */}
<Route path="productDetails/:productId" element={<ProductDetails />} /> {/* Product details route */}
<Route path="wishlist" element={<Wishlist />} /> {/* Wishlist page route */}
<Route path="contact" element={<Contact />} /> {/* Contact page route */}
<Route path="forgot-password" element={<ForgotPasswordForm />} /> {/* Forgot password page route */}
<Route
path="productDetails/:productId"
element={<ProductDetails />}
/>{" "}
{/* Product details route */}
<Route path="wishlist" element={<Wishlist />} />
{/* Wishlist page route */}
<Route path="contact" element={<Contact />} />
{/* Contact page route */}
<Route path="forgot-password" element={<ForgotPasswordForm />} />
{/* Forgot password page route */}
<Route path="team" element={<Team />} /> {/* Team page route */}
<Route path="auth" element={<UserAuth />} /> {/* User authentication page route */}
<Route path="auth" element={<UserAuth />} />
{/* User authentication page route */}
<Route path="faq" element={<FAQ />} /> {/* FAQ page route */}
<Route path="termsAndCondition" element={<TermsAndConditions />} />
{/* Terms and Conditions page route */}
Expand All @@ -137,23 +184,34 @@ export default function App() {
/>
{/* Return and Cancellation page route */}
<Route path="EPR_Page" element={<EPRPage />} /> {/* EPR page route */}
<Route path="career" element={<CareerPage />} />{" "}
<Route path="service" element={<ServicePage />} />{" "}
<Route path="shipping" element={<Shipping />} />{" "}
<Route path="career" element={<CareerPage />} />
<Route path="service" element={<ServicePage />} />
<Route path="shipping" element={<Shipping />} />
<Route path="gift-card" element={<GiftCard />} />
{/* EPR page route */}
{/* Private routes requiring authentication */}
<Route element={<PrivateRoute />}>
<Route path="/admin" element={<AdminLayout />}>
<Route index element={<AdminPanel />} /> {/* Admin panel route */}
<Route path="vigy_form" element={<VigyForm />} /> {/* Admin Vigy form route */}
<Route path="product_form" element={<ProductForm />} /> {/* Admin product form route */}
<Route path="vigy_form" element={<VigyForm />} />
{/* Admin Vigy form route */}
<Route path="product_form" element={<ProductForm />} />
{/* Admin product form route */}
</Route>
<Route path="dashboard" element={<Dashboard />} /> {/* User dashboard route */}
<Route path="confirm" element={<Confirmation />} /> {/* Order confirmation route */}
<Route path="cancel" element={<Cancellation />} /> {/* Order cancellation route */}
<Route path="orderDetails" element={<OrderDetails />} /> {/* Order details route */}
<Route path="myOrders" element={<MyOrders />} /> {/* My orders route */}
<Route path="checkout" element={<Checkout />} /> {/* Checkout route */}
<Route path="dashboard" element={<Dashboard />} />
{/* User dashboard route */}
<Route path="confirm" element={<Confirmation />} />
{/* Order confirmation route */}
<Route path="cancel" element={<Cancellation />} />
{/* Order cancellation route */}
<Route path="orderDetails" element={<OrderDetails />} />
{/* Order details route */}
<Route path="myOrders" element={<MyOrders />} />
{/* My orders route */}
<Route path="checkout" element={<Checkout />} />
{/* Checkout route */}
<Route path="productDetails" element={<ProductDetails />} />
{/* Product details route */}
<Route path="payment" element={<Payment />} /> {/* Payment route */}
<Route path="dashboard-order" element={<DashboardOrders />} />
{/* Dashboard orders route */}
Expand All @@ -178,21 +236,21 @@ export default function App() {
<Route path="profile" element={<ProfilePage />} />
{/* Dashboard Profile route */}
</Route>

{/* Certifications page route */}
<Route path="certificate" element={<Certifications />} />

{/* 404 Error page route */}
<Route path="*" element={<Error />} />
</Route>

{/* Admin routes */}
<Route path="/admin" element={<AdminLayout />}>
<Route index element={<AdminPanel />} /> {/* Admin panel route */}
<Route path="vigy_form" element={<VigyForm />} /> {/* Admin Vigy form route */}
<Route path="product_form" element={<ProductForm />} /> {/* Admin product form route */}
<Route path="vigy_form" element={<VigyForm />} />
{/* Admin Vigy form route */}
<Route path="product_form" element={<ProductForm />} />
{/* Admin product form route */}
</Route>

{/* Admin verification and login routes */}
<Route path="admin-verification" element={<AdminVerificationPage />} />
<Route path="/admin/login" element={<AdminLogin />} />
Expand Down
50 changes: 50 additions & 0 deletions src/User/components/About/GiftHeader.jsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
import React from "react";
import gift from "../../../assets/giftcard.jpg";
import { FaSearch } from "react-icons/fa";
import { MdHeight } from "react-icons/md";

function Header() {
return (
<>
<header className="relative h-[100vh] md:h-[100vh] flex items-center justify-center overflow-hidden">
<div className="absolute inset-0 z-0">
<img
src={gift}
alt="Background"
className="w-full h-full object-cover filter mt-16"
/>
</div>
<div className="relative flex justify-between gap-48 z-10 text-center text-white px-4">
<lord-icon
style={{
height: "170px",
width: "170px",
}}
src="https://cdn.lordicon.com/lgmqrevt.json"
trigger="morph"
stroke="bold"
state="morph-open"></lord-icon>
<div>
<h1 className="text-4xl md:text-8xl font-bold mb-2 md:mb-4 text-yellow-300">
Gift Card Store
</h1>
<p className="text-5xl max-w-3xl mt-10 font-bold text-green-300">
Give Your Gift For Choice
</p>
</div>
<lord-icon
style={{
height: "170px",
width: "170px",
}}
src="https://cdn.lordicon.com/lgmqrevt.json"
trigger="morph"
stroke="bold"
state="morph-open"></lord-icon>
</div>
</header>
</>
);
}

export default Header;
7 changes: 5 additions & 2 deletions src/User/components/Footer/Footer.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -229,10 +229,13 @@ const Footer = () => {
src="https://static-assets-web.flixcart.com/batman-returns/batman-returns/p/images/payment-method-c454fb.svg"
alt="Payment methods"></img>
<nav>
<Link to="/our-services" onClick={scrollToTop}>
<Link to="/service" onClick={scrollToTop}>
Our Services
</Link>
<Link to="/terms-and-conditions" onClick={scrollToTop}>
<Link to="/gift-card" onClick={scrollToTop}>
Gift Cards
</Link>
<Link to="/termsAndCondition" onClick={scrollToTop}>
Terms & Conditions
</Link>
<Link to="/faq" onClick={scrollToTop}>
Expand Down
3 changes: 1 addition & 2 deletions src/User/components/Navbar/UserNavbar.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -127,8 +127,7 @@ const UserNavbar = ({ isAdmin }) => {
{isLoggedIn ? (
<div className="relative flex gap-3 items-center">
{/* <FaUserCircle
onClick={handleDropdownToggle}
className="text-3xl cursor-pointer"
onClick={handleDropdownToggle} className="text-3xl cursor-pointer"
/> */}
<lord-icon
onClick={handleDropdownToggle}
Expand Down
Loading

0 comments on commit 2f0bb3a

Please sign in to comment.