diff --git a/package-lock.json b/package-lock.json index 0199ad4..651042e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -53,7 +53,7 @@ "rimraf": "^5.0.7", "svgo": "^3.3.2", "tailwindcss": "^3.4.3", - "vite": "^5.3.3", + "vite": "^5.3.5", "webpack": "^5.92.1", "webpack-cli": "^5.1.4", "webpack-dev-server": "^5.0.4" @@ -21534,9 +21534,9 @@ } }, "node_modules/vite": { - "version": "5.3.3", - "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.3.tgz", - "integrity": "sha512-NPQdeCU0Dv2z5fu+ULotpuq5yfCS1BzKUIPhNbP3YBfAMGJXbt2nS+sbTFu+qchaqWTD+H3JK++nRwr6XIcp6A==", + "version": "5.3.5", + "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.5.tgz", + "integrity": "sha512-MdjglKR6AQXQb9JGiS7Rc2wC6uMjcm7Go/NHNO63EwiJXfuk9PgqiP/n5IDJCziMkfw9n4Ubp7lttNwz+8ZVKA==", "dev": true, "dependencies": { "esbuild": "^0.21.3", diff --git a/package.json b/package.json index bf86fb7..c90b2d4 100644 --- a/package.json +++ b/package.json @@ -54,7 +54,7 @@ "rimraf": "^5.0.7", "svgo": "^3.3.2", "tailwindcss": "^3.4.3", - "vite": "^5.3.3", + "vite": "^5.3.5", "webpack": "^5.92.1", "webpack-cli": "^5.1.4", "webpack-dev-server": "^5.0.4" diff --git a/src/App.jsx b/src/App.jsx index 8b1fe38..50c63bb 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -47,14 +47,14 @@ import Contributors from './Pages/Contributors.jsx'; const ThemeContext = createContext(); const App = () => { - const theme = useSelector((state) => state.theme.value) ? "dark" : "light"; - const [currentTheme, setTheme] = useState(theme); + const theme = useSelector((state) => state.theme.value) ? "dark" : "light"; + const [currentTheme, setTheme] = useState(theme); - const toggleTheme = () => { - const newTheme = currentTheme === 'light' ? 'dark' : 'light'; - setTheme(newTheme); - localStorage.setItem('theme', newTheme); - }; + const toggleTheme = () => { + const newTheme = currentTheme === 'light' ? 'dark' : 'light'; + setTheme(newTheme); + localStorage.setItem('theme', newTheme); + }; useEffect(() => { AOS.init({ diff --git a/src/Components/ChatAssistant/ChatAssistant.css b/src/Components/ChatAssistant/ChatAssistant.css index a3984c0..2383241 100644 --- a/src/Components/ChatAssistant/ChatAssistant.css +++ b/src/Components/ChatAssistant/ChatAssistant.css @@ -42,7 +42,7 @@ .react-chatbot-kit-chat-message-container { overflow-x: hidden; - padding: 0.5px 5px 25px 5.5px; + padding: 0.5px 1px 0px 6.5px; } .react-chatbot-kit-user-chat-message { @@ -65,13 +65,13 @@ .react-chatbot-kit-chat-container { width: 90vw; - max-width: 336px; - height: 97vh; - max-height: 475px; + max-width: 349px; + height: 173vh; + max-height: 508px; border: 2px solid blue; border-radius: 22px; overflow: hidden; - margin-bottom: 34px; + margin-bottom: 49px; } .react-chatbot-kit-chat-bot-message { diff --git a/src/Components/ChatBot/ActionProvider.jsx b/src/Components/ChatBot/ActionProvider.jsx index ab7e2e2..4a431eb 100644 --- a/src/Components/ChatBot/ActionProvider.jsx +++ b/src/Components/ChatBot/ActionProvider.jsx @@ -1,16 +1,8 @@ import React from 'react'; -import {createChatBotMessage} from 'react-chatbot-kit' +import { createChatBotMessage } from 'react-chatbot-kit'; +import { shuffleArray } from './utils'; const ActionProvider = ({ createChatBotMessage, setState, children }) => { - const questions = [ - "What services do you offer?", - "Can you tell me about your pricing?", - "How can I contact your support team?", - "What is the mission of your company?", - "Where are you located?", - "How long have you been in business?" - ]; - const updateState = (message) => { setState((prev) => ({ ...prev, @@ -18,80 +10,116 @@ const ActionProvider = ({ createChatBotMessage, setState, children }) => { })); }; - const handleHello = () => { - const message = createChatBotMessage('Hello, I am InvestIQ, type in your query.'); - updateState(message); - }; - - const companyDetails = () => { - const message = createChatBotMessage('At StartConnect-Hub, our mission is to create a thriving ecosystem where entrepreneurs and investors can come together to turn ideas into reality. We understand the challenges that startups face, from securing funding to navigating the complexities of the business world. With our platform, entrepreneurs can bring their visions to life and take their businesses to new heights.'); - updateState(message); - }; - - const contactUs = () => { - const message = createChatBotMessage('Contact details can be viewed on our CONTACT US section. Feel free to drop us your query.'); - updateState(message); - }; - - const handleServices = () => { - const message = createChatBotMessage("Our services include investor management, financial services,full service funds, and more. You can visit our website for a detailed list of services."); - updateState(message); - }; - - const handleCost = () => { - const message = createChatBotMessage("Our pricing varies depending on the scope of the project and specific requirements. Please contact our sales team for detailed pricing information tailored to your needs."); - updateState(message); - }; - - - const handleMore = () => { - const message = createChatBotMessage("Our mission is to empower businesses with innovative technology solutions and help them achieve their goals efficiently and effectively."); - updateState(message); - }; - - const handleLocation = () => { - const message = createChatBotMessage("We are located in India. You can visit contact details for more"); - updateState(message); - }; - - const handleExperience = () => { - const message = createChatBotMessage("We have been in business for more than 2 years, serving clients worldwide."); - updateState(message); - }; - - const handleThank = () => { - const message = createChatBotMessage("Hope I could help! Stay connected and thank you."); - updateState(message); - }; - - const defaultResponse = () => { - const message = createChatBotMessage("I'm not sure about that. Can you ask something else? Or You can feel free to checkout Frequently asked questions") ; - updateState(message) ; - } - - const suggestQuestions = () => { - const questionsMessage = questions.map((question, idx) => `${idx + 1}. ${question}`).join('\n'); - const message = createChatBotMessage(`Here are some questions you can ask:\n\n${questionsMessage}`); - updateState(message); + const actions = { + services: () => { + const message = createChatBotMessage('Our services include investor management, financial services, full-service funds, and more.', { + widget: 'options' + }); + updateState(message); + }, + pricing: () => { + const message = createChatBotMessage('Our pricing varies depending on the project. Please contact our sales team for detailed information.', { + widget: 'options' + }); + updateState(message); + }, + contact: () => { + const message = createChatBotMessage('You can contact us through the Contact Us section on our website.', { + widget: 'options' + }); + updateState(message); + }, + mission: () => { + const message = createChatBotMessage('Our mission is to create a thriving ecosystem for entrepreneurs and investors.', { + widget: 'options' + }); + updateState(message); + }, + location: () => { + const message = createChatBotMessage('We are located in India.', { + widget: 'options' + }); + updateState(message); + }, + experience: () => { + const message = createChatBotMessage('We have been in business for over 2 years.', { + widget: 'options' + }); + updateState(message); + }, + startups: () => { + const message = createChatBotMessage('We work with a diverse range of startups across various industries.', { + widget: 'options' + }); + updateState(message); + }, + featured: () => { + const message = createChatBotMessage('To get featured, submit your startup profile through our platform.', { + widget: 'options' + }); + updateState(message); + }, + benefits: () => { + const message = createChatBotMessage('Joining StartConnectHub offers numerous benefits including access to investors and mentors.', { + widget: 'options' + }); + updateState(message); + }, + resources: () => { + const message = createChatBotMessage('We offer resources like mentorship programs, funding opportunities, and business development guides.', { + widget: 'options' + }); + updateState(message); + }, + collaboration: () => { + const message = createChatBotMessage('We encourage collaboration among startups.', { + widget: 'options' + }); + updateState(message); + }, + contactSupport: () => { + const message = createChatBotMessage('Contact our support team through the Contact Us section on our website.', { + widget: 'options' + }); + updateState(message); + }, + SuccessStories: () => { + const message = createChatBotMessage('We feature success stories from startups on our website.', { + widget: 'options' + }); + updateState(message); + }, + investors: () => { + const message = createChatBotMessage('Investors can sign up on our platform to explore investment opportunities.', { + widget: 'options' + }); + updateState(message); + }, + handleHello: () => { + const message = createChatBotMessage('Hello, I am InvestIQ. Type in your query or Here are some options you can choose from:', { + widget: 'options' + }); + updateState(message); + }, + handleThank: () => { + const message = createChatBotMessage('You are Welcome! If you have any more questions or need further assistance, feel free to ask.', { + widget: 'options' + }); + updateState(message); + }, + defaultResponse: () => { + const message = createChatBotMessage("I'm not sure about that. Can you ask something else? Here are some options you can choose from Or feel free to check out the Frequently Asked Questions.", { + widget: 'options' + }); + updateState(message); + } }; return (
{React.Children.map(children, (child) => { return React.cloneElement(child, { - actions: { - handleHello, - companyDetails, - contactUs, - suggestQuestions , - handleCost, - handleExperience, - handleLocation, - handleServices, - handleMore, - handleThank, - defaultResponse - }, + actions, }); })}
diff --git a/src/Components/ChatBot/MessageParser.jsx b/src/Components/ChatBot/MessageParser.jsx index 017da4a..3da9d98 100644 --- a/src/Components/ChatBot/MessageParser.jsx +++ b/src/Components/ChatBot/MessageParser.jsx @@ -1,81 +1,83 @@ import React from 'react'; const MessageParser = ({ children, actions }) => { - + const parse = (message) => { - message = message.toLowerCase().trim(); // Added trim to remove leading/trailing spaces + message = message.toLowerCase().trim(); + + const options = [ + 'services', 'pricing', 'contact', 'mission', 'location', + 'experience', 'startups', 'featured', 'benefits', 'resources', + 'collaboration', 'contact', 'SuccessStories', 'investors' + ]; + + const foundOption = options.find(option => message.includes(option)); - if ( - message.includes('company') || - message.includes('website') || - message.includes('mission') || - message.includes('what does this company do') || - message.includes('startconnect-hub') || - message.includes('startconnect') || - message.includes('site') - - ) { - actions.companyDetails(); - - } else if ( - message.includes('hello') || - message.includes('hi') || - message.includes('hey') || - message.includes('who are you') - ) { - actions.handleHello(); - } else if ( - message.includes('how to reach') || - message.includes('contact') || - message.includes('phone') - ) { - actions.contactUs(); - } else if ( - message.includes('price') || - message.includes('pricing') || - message.includes('cost') - ) { - actions.handleCost(); - } else if ( - message.includes('how long') || - message.includes('experience') - ) { - actions.handleExperience(); - } else if ( - message.includes('where') || - message.includes('located') - ) { - actions.handleLocation(); - } else if ( - message.includes('services') || - message.includes('service') || - message.includes('what can you do') - ) { - actions.handleServices(); - } else if ( - message.includes('more details') || - message.includes('tell more') - ) { - actions.handleMore(); - }else if ( - message.includes('graet') || - message.includes('okay') || - message.includes('fine') || - message.includes('thankyou') || - message.includes('thanks') - ) { - actions.handleThank(); - } else if ( - message.includes('suggest questions') || - message.includes('give me questions') || - message.includes('what should i ask') || - message.includes('questions') - ) { - actions.suggestQuestions(); + if (foundOption) { + switch (foundOption) { + case 'services': + actions.handleServices(); + break; + case 'pricing': + actions.handleCost(); + break; + case 'contact': + case 'contact support': + actions.contactUs(); + break; + case 'mission': + actions.companyDetails(); + break; + case 'location': + actions.handleLocation(); + break; + case 'experience': + actions.handleExperience(); + break; + case 'startups': + actions.handleStartups(); + break; + case 'featured': + actions.handleFeatured(); + break; + case 'benefits': + actions.handleBenefits(); + break; + case 'resources': + actions.handleResources(); + break; + case 'collaboration': + actions.handleCollaboration(); + break; + case 'success stories': + actions.handleSuccessStories(); + break; + case 'investors': + actions.handleInvestors(); + break; + default: + actions.defaultResponse(); + } } else { - actions.defaultResponse(); + if ( + message.includes('hello') || + message.includes('hi') || + message.includes('hey') || + message.includes('who are you') + ) { + actions.handleHello(); + }else if ( + message.includes('thank you') || + message.includes('thanks') || + message.includes('okay') || + message.includes('hmm') + ) { + actions.handleThank(); + } else { + actions.defaultResponse(); + } } - } + } return (
@@ -89,4 +91,4 @@ const MessageParser = ({ children, actions }) => { ); }; -export default MessageParser; \ No newline at end of file +export default MessageParser; diff --git a/src/Components/ChatBot/Options.jsx b/src/Components/ChatBot/Options.jsx new file mode 100644 index 0000000..78c62cc --- /dev/null +++ b/src/Components/ChatBot/Options.jsx @@ -0,0 +1,63 @@ +import React, { useState, useEffect } from 'react'; +import { shuffleArray } from './utils'; + +const Options = ({ actions }) => { + const [currentOptions, setCurrentOptions] = useState([]); + + const allOptions = [ + 'services', 'pricing', 'contact', 'mission', + 'location', 'experience', 'startups', 'featured', + 'benefits', 'resources', 'collaboration', 'contact', + 'SuccessStories', 'investors' + ]; + + useEffect(() => { + + const shuffledOptions = shuffleArray(allOptions); + setCurrentOptions(shuffledOptions.slice(0, 4)); + }, []); + + const handleOptionClick = (option) => { + actions[option](); + + const shuffledOptions = shuffleArray(allOptions); + setCurrentOptions(shuffledOptions.slice(0, 4)); + }; + + return ( +
+ {currentOptions.map((option, index) => ( +
handleOptionClick(option)} + style={styles.option} + > + {option.charAt(0).toUpperCase() + option.slice(1)} +
+ ))} +
+ ); +}; + +const styles = { + optionsContainer: { + display: 'flex', + flexDirection: 'column', + alignItems: 'flex-start', + padding: '10px', + }, + option: { + backgroundColor: '#007bff', + color: '#fff', + padding: '8px 16px', + margin: '5px', + borderRadius: '16px', + cursor: 'pointer', + textAlign: 'center', + width: '100%', + maxWidth: '180px', + fontSize: '14px', + }, +}; + +export default Options; diff --git a/src/Components/ChatBot/config.jsx b/src/Components/ChatBot/config.jsx index 26c41ca..a71fbf1 100644 --- a/src/Components/ChatBot/config.jsx +++ b/src/Components/ChatBot/config.jsx @@ -1,21 +1,41 @@ +import React from 'react'; import { createChatBotMessage } from 'react-chatbot-kit'; import Avatar from "../ChatAssistant/Avatar"; -import UserAvatar from "../ChatAssistant/UserAvatar" +import UserAvatar from "../ChatAssistant/UserAvatar"; +import Options from './Options'; + const config = { - botName: "InvestIQ", - initialMessages: [createChatBotMessage(`Welcome to StartConnect-Hub! 🙌`)], - customComponents:{ - botAvatar: (props) => , - userAvatar: (props) => , - header: () =>
- StartConnect Hub Bot- InvestIQ -
+ botName: 'InvestIQ', + initialMessages: [ + createChatBotMessage('Welcome to StartConnect-Hub! 🙌 How can I help you?', { + widget: 'options' + }), + ], + customComponents: { + botAvatar: (props) => , + userAvatar: (props) => , + header: () => ( +
+ StartConnect Hub Bot - InvestIQ +
+ ), + }, + widgets: [ + { + widgetName: 'options', + widgetFunc: (props) => , }, -} -export default config; \ No newline at end of file + ], +}; + +export default config; diff --git a/src/Components/ChatBot/utils.jsx b/src/Components/ChatBot/utils.jsx new file mode 100644 index 0000000..49124ba --- /dev/null +++ b/src/Components/ChatBot/utils.jsx @@ -0,0 +1,15 @@ +export const shuffleArray = (array) => { + let currentIndex = array.length, temporaryValue, randomIndex; + + while (currentIndex !== 0) { + randomIndex = Math.floor(Math.random() * currentIndex); + currentIndex--; + + temporaryValue = array[currentIndex]; + array[currentIndex] = array[randomIndex]; + array[randomIndex] = temporaryValue; + } + + return array; + }; + \ No newline at end of file diff --git a/src/Components/Footer/Footer.jsx b/src/Components/Footer/Footer.jsx index 5b4d26a..ae94ab8 100644 --- a/src/Components/Footer/Footer.jsx +++ b/src/Components/Footer/Footer.jsx @@ -179,7 +179,7 @@ const Footer = () => {
- © 2024 StartConnect-Hub. All rights reserved. + © {new Date().getFullYear()} StartConnect-Hub. All rights reserved.
diff --git a/src/Components/Login/Login.css b/src/Components/Login/Login.css index 551acde..958420f 100644 --- a/src/Components/Login/Login.css +++ b/src/Components/Login/Login.css @@ -3,7 +3,7 @@ justify-content: center; align-items: center; height: auto; - margin-top: 100px; /* Adjust this value to move the login box down */ + margin-top: 100px; padding-bottom: 10px; } @@ -12,93 +12,94 @@ background-image: linear-gradient(315deg, #ffffff 0%, #91a6ff 74%); width: 400px; margin: 0 auto; - padding: 10px 10px 20px 10px; + padding: 20px; border: 1px solid #ccc; border-radius: 20px; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } -.login-container > input { - outline: none; -} - -.input { - padding: 20px; - border: none; -} - h2 { font-size: 28px; - margin-bottom: 10px; - padding: 20px; + margin-bottom: 20px; + padding: 10px 0; +} + +.input-container { + width: 100%; + position: relative; + margin-bottom: 5px; } input { width: 100%; - margin-bottom: 20px; - padding: 8px; + padding: 10px; border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box; - border: none; outline: none; } button { - width: 50%; - padding: 20px; + width: 90%; + padding: 15px; border: none; border-radius: 10px; background-color: #007bff; color: #fff; cursor: pointer; + font-size: 16px; + margin-bottom: 20px; } button:hover { - background-color: #007bff; + background-color: #0056b3; } .login-container p { margin-top: 10px; text-align: center; - padding-bottom: 20px; + padding-bottom: 10px; } p a { color: #007bff; text-decoration: none; - margin-top: 12px; } p a:hover { color: #0056b3; text-decoration: underline; } + .googlelogin { - padding: 20px; - margin-top: 12px; - width: 50%; - text-align: center; - margin-left: 50px; + width: 100%; + justify-content: center; + margin-top: 10px; +} + +.googlelogin button:hover, +.googlelogin div:hover { + background-color: #dbedf8b9; + transition: background-color 0.3s ease; } + .warningmsg { - margin: 0; + margin: 3px 0; text-align: left; - padding: 0; - margin-bottom: 10px; - /* justify-content: center; - display: flex; */ + color: red; } + .eye { float: right; - left:-9px; + left: -9px; margin-top: -45px; + margin-right: 10px; position: relative; - z-index: 2; - width: 14px; /*Desired width*/ - height: 14px; /*Desired height*/ + width: 14px; + height: 14px; } + .eye:hover { color: #007efc; cursor: pointer; diff --git a/src/Components/Login/Login.jsx b/src/Components/Login/Login.jsx index 466ac95..d0f0bd9 100644 --- a/src/Components/Login/Login.jsx +++ b/src/Components/Login/Login.jsx @@ -1,25 +1,20 @@ -import React, { useState } from "react"; +import React, { useState, useEffect } from "react"; import { useNavigate, NavLink } from "react-router-dom"; import "./Login.css"; import { GoogleOAuthProvider, GoogleLogin } from '@react-oauth/google'; -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; /*react libraries used - for importing eye icon */ -import { faEye } from "@fortawesome/free-solid-svg-icons"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { faEye, faEyeSlash } from "@fortawesome/free-solid-svg-icons"; - -const Login = () => { +const Login = ({ isDarkMode }) => { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [warnings, setWarnings] = useState({ email: "", password: "" }); - const [isVisible,setVisible] = useState(false); + const [isVisible, setVisible] = useState(false); const navigate = useNavigate(); - const eye = ; - - const togglePasswordFunction=()=>{ //toggling function for visibility of password - setVisible(isVisible?false:true) + const togglePasswordFunction = () => { + setVisible(!isVisible); }; - const handleLogin = () => { let emailWarning = ""; @@ -57,12 +52,21 @@ const Login = () => { console.log("Login Failed"); }; + useEffect(() => { + const body = document.body; + if (isDarkMode) { + body.classList.add("dark-mode"); + } else { + body.classList.remove("dark-mode"); + } + }, [isDarkMode]); + return (
-
+

Login

-
+
{ }} /> {warnings.email &&

{warnings.email}

} - - { - setPassword(e.target.value); - setWarnings((prevWarnings) => ({ ...prevWarnings, password: "" })); - }} - onBlur={(e) => { - if (!e.target.value) { - setWarnings((prevWarnings) => ({ ...prevWarnings, password: "*Please enter your password" })); - } - }} - /> - {eye}{" "} +
+ { + setPassword(e.target.value); + setWarnings((prevWarnings) => ({ ...prevWarnings, password: "" })); + }} + onBlur={(e) => { + if (!e.target.value) { + setWarnings((prevWarnings) => ({ ...prevWarnings, password: "*Please enter your password" })); + } + }} + /> + + + +
{warnings.password &&

{warnings.password}

}

- Forgot your password? Reset it here -

+ Forgot your password? Reset it here +

Don't have an account? Sign up

- +
+ +
); }; -export default Login; +export default Login; \ No newline at end of file diff --git a/src/Pages/Blogs.jsx b/src/Pages/Blogs.jsx index 059cb21..5ca811d 100644 --- a/src/Pages/Blogs.jsx +++ b/src/Pages/Blogs.jsx @@ -122,13 +122,13 @@ const BlogsWrapper = styled.div` max-width: 1200px; margin: 0 auto; line-height: 1.6; - background-color: #e3f2fd; + h1 { font-size: 2.5rem; margin-top: 80px; text-align: center; - color: #212ea0; + } `; diff --git a/src/Pages/Contributors.css b/src/Pages/Contributors.css index 090bf8b..9ecac62 100644 --- a/src/Pages/Contributors.css +++ b/src/Pages/Contributors.css @@ -1,10 +1,15 @@ - .contributors-container { width: 100%; height: 100%; padding-top: 2rem; overflow: hidden; - background-color: rgb(221, 229, 246); /* Change background color to white or any light color */ + +} + +.github-icon { + margin-right: 0.5rem; + vertical-align: middle; + fill: white; /* Adjust color as needed */ } @@ -13,7 +18,6 @@ text-align: center; font-size: 2.5rem; font-weight: 600; - color: #1f2937; margin-bottom: 2rem; text-transform: uppercase; } @@ -23,7 +27,7 @@ flex-wrap: wrap; justify-content: center; gap: 2rem; - margin-bottom: 1rem; + margin-bottom: 4rem; } .contributor-card { @@ -32,8 +36,8 @@ display: flex; flex-direction: column; align-items: center; - background-color: #1f2937; - border: 1px solid #d1d5db; + background-color: rgb(0, 0, 85); + border: 2px solid #6969ff; border-radius: 0.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); padding: 1rem; @@ -55,6 +59,7 @@ border-radius: 50%; object-fit: cover; margin-bottom: 1rem; + border: 2.5px solid #9e9eff; } .contributor-name { diff --git a/src/Pages/Contributors.jsx b/src/Pages/Contributors.jsx index 1156037..e257703 100644 --- a/src/Pages/Contributors.jsx +++ b/src/Pages/Contributors.jsx @@ -37,7 +37,18 @@ function Contributors() { className="contributor-avatar" /> -

{contributor.login}

+

+ + + + {contributor.login} +

Contributions: {contributor.contributions}

diff --git a/src/Pages/Licensing.jsx b/src/Pages/Licensing.jsx index 47fe02b..91b2593 100644 --- a/src/Pages/Licensing.jsx +++ b/src/Pages/Licensing.jsx @@ -8,7 +8,6 @@ const Container = styled.div` margin-top: 60px; padding: 20px; font-family: Arial, sans-serif; - background-color: #f9f9f9; border-radius: 5px; `; diff --git a/src/Pages/feedback.css b/src/Pages/feedback.css index f1dd362..ea2ee3d 100644 --- a/src/Pages/feedback.css +++ b/src/Pages/feedback.css @@ -13,12 +13,12 @@ align-items: center; justify-content: center; padding: 20px; - background-color: #f9f9f9; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 100%; max-width: 600px; box-sizing: border-box; + margin-top: 55px; } .feedback-form h2 { @@ -29,7 +29,7 @@ } .feedback-form p { - color: #666; + font-size: 16px; margin-bottom: 20px; text-align: center; @@ -58,7 +58,7 @@ .feedback-form label { font-size: 14px; margin-bottom: 5px; - color: #333; + } .feedback-form input[type="text"],