mukeshs/keystone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Logo update

Browse Source
This commit is contained in:
mukesh13
2025-08-14 11:53:40 +05:30
parent 852c11725b
commit 4f6a0d83bf
11 changed files with 621 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
components/footers/Footer3.jsx
View File

@ -1,6 +1,5 @@
"use client";
import React, { useEffect, useState } from "react";
import axios from "axios";
import Link from "next/link";
import Image from "next/image";
@ -16,30 +15,34 @@ export default function Footer3() {
};
const sendEmail = async (e) => {
e.preventDefault(); // Prevent default form submission behavior
e.preventDefault();
const email = e.target.email.value;
try {
const response = await axios.post(
"https://express-brevomail.vercel.app/api/contacts",
{
const response = await fetch('/api/contact', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
type: 'newsletter',
email,
}
);
}),
});
if ([200, 201].includes(response.status)) {
e.target.reset(); // Reset the form
setSuccess(true); // Set success state
if (response.ok) {
e.target.reset();
setSuccess(true);
handleShowMessage();
} else {
setSuccess(false); // Handle unexpected responses
setSuccess(false);
handleShowMessage();
}
} catch (error) {
console.error("Error:", error.response?.data || "An error occurred");
setSuccess(false); // Set error state
console.error('Error:', error);
setSuccess(false);
handleShowMessage();
e.target.reset(); // Reset the form
e.target.reset();
}
};
@ -63,13 +66,12 @@ export default function Footer3() {
heading.addEventListener("click", toggleOpen);
});
// Clean up event listeners when the component unmounts
return () => {
headings.forEach((heading) => {
heading.removeEventListener("click", toggleOpen);
});
};
}, []); // Empty dependency array means this will run only once on mount
}, []);
return (
<footer id="footer" className="footer style-2" style={{ backgroundColor: '#272727' }}>
@ -80,30 +82,19 @@ export default function Footer3() {
<div className="col-lg-4">
<div className="footer-about">
<Link href={`/`} className="footer-logo">
<svg
width="139.5"
<Image
src="/images/logo/keystonesolution_white.png"
alt="Keystone Logo"
width={100}
height={40}
viewBox="0 0 140 40"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M18.2183 15.7033L29.395 34.7289C29.4936 34.8967 29.6741 34.9994 29.8687 34.9985L41.1397 34.9463C41.3308 34.9455 41.5075 34.8448 41.6058 34.6809L47.5 24.8527L35.944 24.8365C35.7518 24.8362 35.5738 24.7349 35.4754 24.5698L23.9713 5.2667C23.8727 5.10131 23.6944 5 23.5019 5L12.3005 5C12.1083 5 11.9302 5.10099 11.8315 5.26594L5.91087 15.1639L0.167756 24.7208C0.0644005 24.8928 0.0636223 25.1076 0.165723 25.2804L5.75222 34.7316C5.85055 34.8979 6.02941 35 6.22264 35L16.7708 35C17.1948 35 17.4573 34.538 17.2402 34.1738L5.91087 15.1639L17.276 15.1639C17.6635 15.1639 18.022 15.3691 18.2183 15.7033Z"
fill="white"
/>
<text
x="55"
y="30"
fontFamily="Arial, sans-serif"
fontSize="20"
fill="white"
>
Keystone
</text>
</svg>
style={{
maxWidth: '100%',
height: 'auto'
}}
/>
</Link>
<div className="footer-info mb_51">
<a href="#" className="link text-body-2" style={{ color: 'white' }}>
<a href="mailto:koushik@keystonesolution.in" className="link text-body-2" style={{ color: 'white' }}>
koushik@keystonesolution.in
</a>
<div className="text-body-2" style={{ color: 'white' }}>
@ -143,22 +134,11 @@ export default function Footer3() {
Contact us
</Link>
</li>
<li className="text-body-2">
<Link href={`/career`} className="link footer-menu_item" style={{ color: 'white' }}>
Careers
</Link>
</li>
{/* <li className="text-body-2">
<Link
href={`/#`}
className="link footer-menu_item"
style={{ color: 'white' }}
>
Career
</Link>
</li> */}
</ul>
</div>
</div>
@ -191,10 +171,7 @@ export default function Footer3() {
)}
</div>
<form
onSubmit={(e) => {
e.preventDefault();
sendEmail(e);
}}
onSubmit={sendEmail}
id="subscribe-form"
className="form-newsletter style-1 subscribe-form mb_18"
>
@ -225,7 +202,7 @@ export default function Footer3() {
</button>
</div>
<div className="icon">
<i className="icon-envelope-solid" style={{ color: 'white' }} />
<i className="icon-envelope-solid" style={{ color: 'black' }} />
</div>
</div>
<div id="subscribe-msg" className="subscribe-msg" />
@ -248,7 +225,7 @@ export default function Footer3() {
<div className="tf-container">
<div className="row">
<div className="col-12">
<div className="wrapper d-flex align-items-center flex-wrap gap_12">
<div className="wrapper d-flex align-items-center justify-content-between flex-wrap gap_12">
<p className="text-body-2 m-0" style={{ color: 'white' }}>
© {new Date().getFullYear()} Copyright by{" "}
<a href="#" className="link-black text-body-3" style={{ color: 'white', fontWeight: '600' }}>
@ -256,6 +233,18 @@ export default function Footer3() {
</a>{" "}
. All Rights Reserved.
</p>
<p className="text-body-2 m-0" style={{ color: 'rgba(255,255,255,0.7)' }}>
Designed by{" "}
<a
href="https://rootxwire.com"
target="_blank"
rel="noopener noreferrer"
className="link text-body-3"
style={{ color: 'white', fontWeight: '600', textDecoration: 'none' }}
>
Rootxwire
</a>
</p>
</div>
</div>
</div>