diff --git a/client/.env b/client/.env index f3e1b9e..d5c30e3 100644 --- a/client/.env +++ b/client/.env @@ -1,4 +1,4 @@ - VITE_API_URL="http://127.0.0.1:8000" + VITE_API_URL="http://127.0.0.1:8080" # VITE_API_URL="https://pic-prism-my-jngk.vercel.app" VITE_CLOUDINARY_API_KEY="918647814468562" VITE_CLOUDINARY_CLOUD_NAME="dde6ql8hv" diff --git a/client/data/CtaData.js b/client/data/CtaData.js new file mode 100644 index 0000000..ed12100 --- /dev/null +++ b/client/data/CtaData.js @@ -0,0 +1,29 @@ +// data.js +import icon from "../src/assets/Icon (2).png" +export const cardData = [ + { + id: 1, + image: "../src/assets/Icon (1).png", // Relative path to the asset + date: "10th Oct 2022", + title: "Start Earning", + description: + "Choose between auctions and fixed-price listings. Start earning by selling your NFTs or trading others.", + }, + { + id: 2, + image: "../src/assets/Icon (2).png", + date: "12th Nov 2022", + title: "Create Collection", + description: + "Upload your work and setup your collection. Add a description, social links and floor price.", + }, + { + id: 3, + image: "../src/assets/Icon.png", + date: "15th Dec 2022", + title: "Setup Your Wallet", + description: + "Set up your wallet of choice. Connect it to the Animarket by clicking the wallet icon in the top right corner.", + }, + ]; + \ No newline at end of file diff --git a/client/data/FooterData.js b/client/data/FooterData.js new file mode 100644 index 0000000..5643b9f --- /dev/null +++ b/client/data/FooterData.js @@ -0,0 +1,26 @@ +export const footerData = { + about: [ + "We are a passionate team dedicated to delivering the best services to our customers.", + "Our goal is to provide seamless experiences with quality products.", + "Join us on our journey to innovate and inspire the community.", + ], + links: [ + { name: "Home", url: "/" }, + { name: "About Us", url: "/about" }, + { name: "Services", url: "/services" }, + + { name: "Contact Us", url: "/contact" }, + ], + contact: { + address: "123 Tech Street, Innovation City, 45678", + phone: "+1 234 567 890", + email: "support@example.com", + }, + social: [ + { name: "Facebook", url: "https://facebook.com" }, + { name: "Twitter", url: "https://twitter.com" }, + { name: "Instagram", url: "https://instagram.com" }, + { name: "LinkedIn", url: "https://linkedin.com" }, + ], +}; + \ No newline at end of file diff --git a/client/index.html b/client/index.html index 467737a..9a62aa5 100644 --- a/client/index.html +++ b/client/index.html @@ -2,7 +2,11 @@ - + Pic-Store diff --git a/client/package-lock.json b/client/package-lock.json index 2d14b03..098e915 100644 --- a/client/package-lock.json +++ b/client/package-lock.json @@ -8,6 +8,7 @@ "name": "client", "version": "0.0.0", "dependencies": { + "@fontsource/space-mono": "^5.1.2", "@ramonak/react-progress-bar": "^5.3.0", "@reduxjs/toolkit": "^2.2.7", "axios": "^1.7.5", @@ -791,6 +792,12 @@ "node": "^12.22.0 || ^14.17.0 || >=16.0.0" } }, + "node_modules/@fontsource/space-mono": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/@fontsource/space-mono/-/space-mono-5.1.2.tgz", + "integrity": "sha512-4EtHA1IZQ8hI7Gyc0hP3gPEZUfet4oqUg722J8WD8TalHwxvsy5sNQw0i08TDMu5gZjkLOtp5wPVScx+l9iSiw==", + "license": "OFL-1.1" + }, "node_modules/@humanwhocodes/config-array": { "version": "0.11.14", "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz", @@ -6467,6 +6474,11 @@ "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==", "dev": true }, + "@fontsource/space-mono": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/@fontsource/space-mono/-/space-mono-5.1.2.tgz", + "integrity": "sha512-4EtHA1IZQ8hI7Gyc0hP3gPEZUfet4oqUg722J8WD8TalHwxvsy5sNQw0i08TDMu5gZjkLOtp5wPVScx+l9iSiw==" + }, "@humanwhocodes/config-array": { "version": "0.11.14", "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz", diff --git a/client/package.json b/client/package.json index 14d8caf..5d080f2 100644 --- a/client/package.json +++ b/client/package.json @@ -10,6 +10,7 @@ "preview": "vite preview" }, "dependencies": { + "@fontsource/space-mono": "^5.1.2", "@ramonak/react-progress-bar": "^5.3.0", "@reduxjs/toolkit": "^2.2.7", "axios": "^1.7.5", diff --git a/client/src/App.css b/client/src/App.css index b9d355d..af99a76 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -1,42 +1,6 @@ #root { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; -} - -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: filter 300ms; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.react:hover { - filter: drop-shadow(0 0 2em #61dafbaa); -} - -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} - -.card { - padding: 2em; -} - -.read-the-docs { - color: #888; -} + background-color: #2B2B2B; /* Replace with your desired color */ + min-height: 100vh; /* Ensures the background covers the full viewport */ + margin: 0; + padding: 0; +} \ No newline at end of file diff --git a/client/src/assets/Icon (1).png b/client/src/assets/Icon (1).png new file mode 100644 index 0000000..a160f27 Binary files /dev/null and b/client/src/assets/Icon (1).png differ diff --git a/client/src/assets/Icon (2).png b/client/src/assets/Icon (2).png new file mode 100644 index 0000000..a35d285 Binary files /dev/null and b/client/src/assets/Icon (2).png differ diff --git a/client/src/assets/Icon.png b/client/src/assets/Icon.png new file mode 100644 index 0000000..a35d285 Binary files /dev/null and b/client/src/assets/Icon.png differ diff --git a/client/src/assets/Photo.png b/client/src/assets/Photo.png new file mode 100644 index 0000000..e0b7634 Binary files /dev/null and b/client/src/assets/Photo.png differ diff --git a/client/src/components/CtaPage.jsx b/client/src/components/CtaPage.jsx new file mode 100644 index 0000000..6e66c72 --- /dev/null +++ b/client/src/components/CtaPage.jsx @@ -0,0 +1,74 @@ +import React from "react"; + +import { cardData } from "../../data/CtaData"; +import sice from "../../src/assets/Photo.png"; + +function CtaPage() { + return ( +
+
+

+ How It Works +

+

+ Find Out How To Get Started +

+
+
+ {cardData.map((card) => ( +
+
+ {card.title} +
+
+ +

+ {card.title} +

+ +

+ {card.description} +

+
+
+ ))} +
+ +
+
+
+ +
+
+ +
+
+
+

+ Join Our Weekly Digest +

+

+ Get Exclusive Promotions & Updates Straight To Your Inbox. +

+
+ + +
+
+
+
+
+
+ ); +} + +export default CtaPage; diff --git a/client/src/components/Footer.jsx b/client/src/components/Footer.jsx new file mode 100644 index 0000000..d303e50 --- /dev/null +++ b/client/src/components/Footer.jsx @@ -0,0 +1,211 @@ +import React from "react"; + +import { footerData } from "../../data/FooterData"; + +function Footer() { + return ( + <> +
+
+
+
+
+
+
+ + + +
+ +

+ Explore +

+
+ +
+

+ Lorem ipsum dolor, sit amet consectetur +

+

+ Lorem ipsum dolor, +

+
+ + +
+
+ +
+

+ Explore +

+ + +
+ +
+
+
+

+ Join Our Weekly Digest +

+

+ Get Exclusive Promotions & Updates Straight To Your Inbox. +

+
+ + +
+
+
+
+
+
+ +
+
+
+ + +
+

@ PIS Market. Use this template freely

+
+
+ + ); +} + +export default Footer; diff --git a/client/src/components/GsapPage.jsx b/client/src/components/GsapPage.jsx index 2bfc25d..847961b 100644 --- a/client/src/components/GsapPage.jsx +++ b/client/src/components/GsapPage.jsx @@ -4,6 +4,8 @@ import LogIn from '../pages/Login'; // Assuming LogIn is a default export import Signup from '../pages/Signup'; // Assuming Signup is a default export import SellerDashboard from '../pages/SellerDashboard'; import BuyerDashboard from '../pages/BuyerDashboard'; +import VerifyEmail from "../components/VerifyEmail"; +import Footer from './Footer'; // Assuming Home is a default export @@ -35,9 +37,17 @@ export default function GsapPage() { } requiresAuth={false} /> } /> + } requiresAuth={false} /> + } + /> + } />} /> } />} /> +