MetatroncubeSoftwareSolutions/MetatronLatestWebsite
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

review button added

Browse Source
This commit is contained in:
akash 2026-03-06 23:21:56 +05:30
parent bd59550ab9
commit 8926ede8bc
12 changed files with 41 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
public/assets/css/main.css
View File

@ -2831,25 +2831,26 @@ ul.footer-contact-info-widget .icon {
line-height: 32px; line-height: 32px;
letter-spacing: 9px; letter-spacing: 9px;
text-transform: uppercase; text-transform: uppercase;
margin-left: 40px; /* margin-left: 40px; */
} }
.banner-sub-title:before { /* .banner-sub-title:before {
content: "\e92c"; content: "";
font-family: 'icomoon'; font-family: 'icomoon';
color: var(--theme-color); color: var(--theme-color);
border: 1px solid var(--theme-color); border: 1px solid var(--theme-color);
background-color: var(--theme-color);
position: absolute; position: absolute;
top: 0px; top: 7px;
left: -56px; left: -56px;
height: 20px; height: 10px;
width: 40px; width: 40px;
padding: 2px 1px; padding: 2px 1px;
display: flex; display: flex;
justify-content: start; justify-content: start;
align-items: center; align-items: center;
border-radius: 50px; border-radius: 50px;
} } */
.banner-sub-title.no-border:before { .banner-sub-title.no-border:before {
border: none; border: none;

4
src/app/globals.css
View File

@ -8271,7 +8271,7 @@ body {
border: none !important; border: none !important;
position: relative; position: relative;
display: block; display: block;
/* background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important; */ background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important;
color: white !important; color: white !important;
transition: all 500ms ease; transition: all 500ms ease;
text-transform: capitalize; text-transform: capitalize;
@ -8285,7 +8285,7 @@ body {
.projects-one__filter__list button.list-unstyled-item.active, .projects-one__filter__list button.list-unstyled-item.active,
.projects-one__filter__list button.list-unstyled-item:hover { .projects-one__filter__list button.list-unstyled-item:hover {
/* background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important; */ background: linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important;
color: var(--pelocis-white, #fff) !important; color: var(--pelocis-white, #fff) !important;
opacity: 0.85; opacity: 0.85;
} }

3
src/app/layout.tsx
View File

@ -24,7 +24,7 @@ export default function RootLayout({
children: React.ReactNode; children: React.ReactNode;
}) { }) {
return ( return (
<html lang="en"> <html lang="en" suppressHydrationWarning>
<head> <head>
{/* CSS */} {/* CSS */}
@ -153,6 +153,7 @@ export default function RootLayout({
{/* JS */} {/* JS */}
<Script src="/assets/js/jquery-3.7.1.min.js" strategy="beforeInteractive" /> <Script src="/assets/js/jquery-3.7.1.min.js" strategy="beforeInteractive" />
<Script src="/assets/js/all-plugin-bundle.js" strategy="afterInteractive" />
<Script src="/assets/js/waypoints.min.js" strategy="afterInteractive" /> <Script src="/assets/js/waypoints.min.js" strategy="afterInteractive" />
<Script src="/assets/js/bootstrap.bundle.min.js" strategy="afterInteractive" /> <Script src="/assets/js/bootstrap.bundle.min.js" strategy="afterInteractive" />
<Script src="/assets/js/meanmenu.min.js" strategy="afterInteractive" /> <Script src="/assets/js/meanmenu.min.js" strategy="afterInteractive" />

17
src/components/home/home-1/TestimonialsSection.tsx
View File

@ -1,6 +1,7 @@
"use client"; "use client";
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import Slider from "react-slick"; import Slider from "react-slick";
import Link from "next/link";
import GoogleReviewsBranding from "@/components/common/GoogleReviewsBranding"; import GoogleReviewsBranding from "@/components/common/GoogleReviewsBranding";
const TestimonialsSection = () => { const TestimonialsSection = () => {
@ -145,9 +146,25 @@ const TestimonialsSection = () => {
</div> </div>
)} )}
</div> </div>
{/* Centered Action Button at Bottom */}
<div className="row mt-50" style={{ position: 'relative', zIndex: 2 }}>
<div className="col-12 text-center">
<Link
href="https://www.google.com/maps/place/Metatron+Cube+Software+Solutions/@34.0518468,-56.3267266,3z/data=!4m8!3m7!1s0x89d4d4dc0e01490b:0xf0ca6a97298a109c!8m2!3d34.0518468!4d-56.3267266!9m1!1b1!16s%2Fg%2F11k197xnvf?entry=ttu&g_ep=EgoyMDI1MTAxMy4wIKXMDSoASAFQAw%3D%3D"
target="_blank"
className="vl-btn1"
style={{ display: 'inline-flex', alignItems: 'center', gap: '10px' }}
>
Review us on Google <i className="fa-brands fa-google"></i>
</Link>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
); );

2
src/components/web-development-service/About.tsx
View File

@ -59,7 +59,7 @@ const About = () => {
</div> </div>
<div className="space28"></div> <div className="space28"></div>
<div className="btn-area1" data-aos="fade-left" data-aos-duration="1200"> <div className="btn-area1" data-aos="fade-left" data-aos-duration="1200">
<button onClick={() => setIsContactOpen(true)} className="vl-btn2"> <button onClick={() => setIsContactOpen(true)} className="vl-btn2" suppressHydrationWarning>
Let’s Build Your Website <i className="fa-solid fa-angle-right"></i> Let’s Build Your Website <i className="fa-solid fa-angle-right"></i>
</button> </button>
</div> </div>

2
src/components/web-development-service/FAQ.tsx
View File

@ -63,7 +63,7 @@ const AccordionItem = ({
<div <div
className={`faqv2-item${isOpen ? " faqv2-item-open" : ""} faqv2-item-${align}`} className={`faqv2-item${isOpen ? " faqv2-item-open" : ""} faqv2-item-${align}`}
> >
<button className="faqv2-question" onClick={onToggle} aria-expanded={isOpen}> <button className="faqv2-question" onClick={onToggle} aria-expanded={isOpen} suppressHydrationWarning>
<span className="faqv2-q-text">{faq.q}</span> <span className="faqv2-q-text">{faq.q}</span>
<span className={`faqv2-icon${isOpen ? " faqv2-icon-open" : ""}`}> <span className={`faqv2-icon${isOpen ? " faqv2-icon-open" : ""}`}>
<i className="fa-solid fa-chevron-down"></i> <i className="fa-solid fa-chevron-down"></i>

2
src/components/web-development-service/Hero.tsx
View File

@ -31,7 +31,7 @@ const Hero = () => {
<div className="space32"></div> <div className="space32"></div>
<GsapReveal y={30} duration={1.4} delay={0.6}> <GsapReveal y={30} duration={1.4} delay={0.6}>
<div className="btn-area1 d-flex flex-wrap gap-3"> <div className="btn-area1 d-flex flex-wrap gap-3">
<button onClick={() => setIsContactOpen(true)} className="vl-btn1">Get Free Consultation <i className="fa-solid fa-angle-right"></i></button> <button onClick={() => setIsContactOpen(true)} className="vl-btn1" suppressHydrationWarning>Get Free Consultation <i className="fa-solid fa-angle-right"></i></button>
<Link href="#portfolio" className="vl-btn1">View Our Work <i className="fa-solid fa-angle-right"></i></Link> <Link href="#portfolio" className="vl-btn1">View Our Work <i className="fa-solid fa-angle-right"></i></Link>
</div> </div>
</GsapReveal> </GsapReveal>

8
src/components/web-development-service/KeyFeatures.tsx
View File

@ -146,16 +146,16 @@ const KeyFeatures = () => {
{/* Controls + CTA */} {/* Controls + CTA */}
<div className="kf-controls-row"> <div className="kf-controls-row">
<div className="kf-controls"> <div className="kf-controls">
<button className="kf-control-btn" onClick={handlePrev} aria-label="Previous"> <button className="kf-control-btn" onClick={handlePrev} aria-label="Previous" suppressHydrationWarning>
&#8592; &#8592;
</button> </button>
<button className="kf-control-btn" onClick={handleNext} aria-label="Next"> <button className="kf-control-btn" onClick={handleNext} aria-label="Next" suppressHydrationWarning>
&#8594; &#8594;
</button> </button>
</div> </div>
<button onClick={() => setIsContactOpen(true)} className="kf-demo-btn mt-50"> <button onClick={() => setIsContactOpen(true)} className="kf-demo-btn mt-50" suppressHydrationWarning>
Book Free Strategy Call Book Free Strategy Call
<i className="fa-solid fa-angle-right"></i></button> <i className="fa-solid fa-angle-right"></i></button>
</div> </div>
</div> </div>

2
src/components/web-development-service/Service.tsx
View File

@ -56,7 +56,7 @@ const Service = () => {
<div className="row justify-content-center mt-5"> <div className="row justify-content-center mt-5">
<div className="col-lg-8 text-center" data-aos="fade-up" data-aos-duration="1000"> <div className="col-lg-8 text-center" data-aos="fade-up" data-aos-duration="1000">
<div className="service-bottom-cta mt-50"> <div className="service-bottom-cta mt-50">
<button onClick={() => setIsContactOpen(true)} className="vl-btn1"> <button onClick={() => setIsContactOpen(true)} className="vl-btn1" suppressHydrationWarning>
Start Your Project Today <i className="fa-solid fa-angle-right"></i> Start Your Project Today <i className="fa-solid fa-angle-right"></i>
</button> </button>
</div> </div>

2
src/components/web-development-service/Work.tsx
View File

@ -89,7 +89,7 @@ const Work = () => {
<div className="space40"></div> <div className="space40"></div>
<GsapReveal y={20} delay={0.4}> <GsapReveal y={20} delay={0.4}>
<button onClick={() => setIsContactOpen(true)} className="vl-btn1"> <button onClick={() => setIsContactOpen(true)} className="vl-btn1" suppressHydrationWarning>
Book Free Strategy Call <i className="fa-solid fa-angle-right"></i> Book Free Strategy Call <i className="fa-solid fa-angle-right"></i>
</button> </button>
</GsapReveal> </GsapReveal>

2
src/components/web-development-service/style.css
View File

@ -9205,7 +9205,7 @@ only screen and (min-width: 768px) and (max-width: 991px),
/* background: rgba(255, 255, 255, 0.1); */ /* background: rgba(255, 255, 255, 0.1); */
background: linear-gradient(90deg, #1a1f2b 0%, #3779b9 60%, #1a1f2b 100%); background: linear-gradient(90deg, #1a1f2b 0%, #3779b9 60%, #1a1f2b 100%);
backdrop-filter: blur(1px); backdrop-filter: blur(1px);
padding: 20px 20px; padding: 20px 20px !important;
border-radius: 16px; border-radius: 16px;
} }

5
src/components/web-development-service/support/layout/Header/Header.tsx
View File

@ -41,20 +41,21 @@ const Header = () => {
</nav> </nav>
</div> </div>
</div> </div>
<div className="col-lg-3 col-md-6 col-6"> <div className="col-lg-3 col-md-6 col-6 text-end">
<div className="vl-hero-btn d-none d-lg-block text-end"> <div className="vl-hero-btn d-none d-lg-block text-end">
<span className="vl-btn-wrap text-end"> <span className="vl-btn-wrap text-end">
<button <button
onClick={() => setIsPopupOpen(true)} onClick={() => setIsPopupOpen(true)}
className="vl-btn1" className="vl-btn1"
style={{ border: 'none' }} style={{ border: 'none' }}
suppressHydrationWarning
> >
Get Started Now <i className="fa-solid fa-angle-right"></i> Get Started Now <i className="fa-solid fa-angle-right"></i>
</button> </button>
</span> </span>
</div> </div>
<div className="vl-header-action-item d-block d-lg-none"> <div className="vl-header-action-item d-block d-lg-none">
<button type="button" className="vl-offcanvas-toggle" onClick={toggleMobileMenu}> <button type="button" className="vl-offcanvas-toggle" onClick={toggleMobileMenu} suppressHydrationWarning>
<i className="fa-solid fa-bars-staggered"></i> <i className="fa-solid fa-bars-staggered"></i>
</button> </button>
</div> </div>