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

Initial Commit

Browse Source
This commit is contained in:
mukesh13
2025-06-18 18:44:42 +05:30
commit 8574691b75
501 changed files with 57565 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
components/footers/Footer5.jsx Normal file
View File

@ -0,0 +1,253 @@
"use client";
import React, { useEffect, useState } from "react";
import axios from "axios";
import Link from "next/link";
import Image from "next/image";
import { services } from "@/data/services";
export default function Footer5() {
const [success, setSuccess] = useState(true);
const [showMessage, setShowMessage] = useState(false);
const handleShowMessage = () => {
setShowMessage(true);
setTimeout(() => {
setShowMessage(false);
}, 2000);
};
const sendEmail = async (e) => {
e.preventDefault(); // Prevent default form submission behavior
const email = e.target.email.value;
try {
const response = await axios.post(
"https://express-brevomail.vercel.app/api/contacts",
{
email,
}
);
if ([200, 201].includes(response.status)) {
e.target.reset(); // Reset the form
setSuccess(true); // Set success state
handleShowMessage();
} else {
setSuccess(false); // Handle unexpected responses
handleShowMessage();
}
} catch (error) {
console.error("Error:", error.response?.data || "An error occurred");
setSuccess(false); // Set error state
handleShowMessage();
e.target.reset(); // Reset the form
}
};
useEffect(() => {
const headings = document.querySelectorAll(".footer-heading-mobile");
const toggleOpen = (event) => {
const parent = event.target.closest(".footer-col-block");
const content = parent.querySelector(".tf-collapse-content");
if (parent.classList.contains("open")) {
parent.classList.remove("open");
content.style.height = "0px";
} else {
parent.classList.add("open");
content.style.height = content.scrollHeight + 10 + "px";
}
};
headings.forEach((heading) => {
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-4">
<div className="footer-wrap">
<div className="tf-container">
<div className="row justify-content-center">
<div className="col-xl-10">
<div className="footer-top mt_30">
<div className="footer-newsletter">
</div>
<div className="wrap-social">
<h6 className="footer-heading text_white text_white fw-5">
Our Social
</h6>
<div className="tf-social">
<a href="#" className="icon-twitter-x" />
<a href="#" className="icon-instagram" />
<a href="#" className="icon-youtube" />
</div>
</div>
</div>
<div className="footer-body">
<div className="left flex-md-row">
<div className="footer-col-block">
<div className="text-body-1 footer-heading footer-heading-mobile text_white fw-5">
Services
</div>
<div className="tf-collapse-content">
<ul className="footer-menu-list">
{services.map((service, index) => (
<li
key={index}
className="text-body-3 text_mono-gray-8"
>
<Link
href={`/service-details/${service.id}`}
className="link footer-menu_item"
>
{service.title}
</Link>
</li>
))}
</ul>
</div>
</div>
<div className="footer-col-block">
<div className="text-body-1 footer-heading footer-heading-mobile text_white fw-5">
Home
</div>
<div className="tf-collapse-content">
<ul className="footer-menu-list">
<li className="text-body-3 text_mono-gray-8">
<Link
href={`/about`}
className="link footer-menu_item"
>
Page
</Link>
</li>
<li className="text-body-3 text_mono-gray-8">
<Link
href={`/contact-us`}
className="link footer-menu_item"
>
Blog
</Link>
</li>
<li className="text-body-3 text_mono-gray-8">
<Link
href={`/portfolio`}
className="link footer-menu_item"
>
Project
</Link>
</li>
<li className="text-body-3 text_mono-gray-8">
<Link
href={`/faqs`}
className="link footer-menu_item"
>
Contact
</Link>
</li>
</ul>
</div>
</div>
<div className="footer-col-block">
<div className="text-body-1 footer-heading footer-heading-mobile text_white fw-5">
Resources
</div>
<div className="tf-collapse-content">
<ul className="footer-menu-list">
<li className="text-body-3 text_mono-gray-8">
<Link
href={`/about`}
className="link footer-menu_item"
>
About Advitex
</Link>
</li>
<li className="text-body-3 text_mono-gray-8">
<Link
href={`/blog`}
className="link footer-menu_item"
>
Blog
</Link>
</li>
<li className="text-body-3 text_mono-gray-8">
<Link
href={`/faqs`}
className="link footer-menu_item"
>
FAQs
</Link>
</li>
</ul>
</div>
</div>
</div>
<div className="right">
<div className="footer-about">
<div className="footer-info mb_51">
<a href="#" className="link text-body-2 text_white">
themesflat@gmail.com
</a>
<div className="text-body-2 text_white">
152 Thatcher Road St, Mahattan, NY 10463, <br />
United States
</div>
<div className="text-body-2 text_white">
(+068) 568 9696
</div>
</div>
</div>
</div>
</div>
<div className="footer-bottom">
<div className="wrapper d-flex align-items-end flex-wrap gap_12">
<ul className="left d-flex align-items-center">
<li>
<Link
href={`/pricing`}
className="link text_mono-gray-5 text-body-3"
>
Privacy Policy
</Link>
</li>
<li>
<a href="#" className="link text_mono-gray-5 text-body-3">
Terms of Services
</a>
</li>
<li>
<a href="#" className="link text_mono-gray-5 text-body-3">
Virtual Reality
</a>
</li>
</ul>
<div className="footer-logo mb-0">
<Image
alt="logo"
src="/images/logo/footer-logo-4.png"
width={650}
height={128}
/>
</div>
</div>
<p className="text-body-3 text-center text_mono-gray-5">
© {new Date().getFullYear()} Copyright by{" "}
<a href="#" className="link text_mono-gray-5 text-body-3">
Themesflat
</a>{" "}
. All Right Reserved.
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
);
}