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

images updated

Browse Source
This commit is contained in:
Selvi 2026-03-06 23:23:04 +05:30
commit 6578c94032
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;
letter-spacing: 9px;
text-transform: uppercase;
margin-left: 40px;
/* margin-left: 40px; */
}
.banner-sub-title:before {
content: "\e92c";
/* .banner-sub-title:before {
content: "";
font-family: 'icomoon';
color: var(--theme-color);
border: 1px solid var(--theme-color);
background-color: var(--theme-color);
position: absolute;
top: 0px;
top: 7px;
left: -56px;
height: 20px;
height: 10px;
width: 40px;
padding: 2px 1px;
display: flex;
justify-content: start;
align-items: center;
border-radius: 50px;
}
} */
.banner-sub-title.no-border:before {
border: none;

4
src/app/globals.css
View File

@ -8271,7 +8271,7 @@ body {
border: none !important;
position: relative;
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;
transition: all 500ms ease;
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: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;
opacity: 0.85;
}

3
src/app/layout.tsx
View File

@ -24,7 +24,7 @@ export default function RootLayout({
children: React.ReactNode;
}) {
return (
<html lang="en">
<html lang="en" suppressHydrationWarning>
<head>
{/* CSS */}
@ -153,6 +153,7 @@ export default function RootLayout({
{/* JS */}
<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/bootstrap.bundle.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";
import React, { useState, useEffect } from "react";
import Slider from "react-slick";
import Link from "next/link";
import GoogleReviewsBranding from "@/components/common/GoogleReviewsBranding";
const TestimonialsSection = () => {
@ -145,9 +146,25 @@ const TestimonialsSection = () => {
</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>
</section>
);

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

@ -59,7 +59,7 @@ const About = () => {
</div>
<div className="space28"></div>
<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>
</button>
</div>

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

@ -63,7 +63,7 @@ const AccordionItem = ({
<div
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-icon${isOpen ? " faqv2-icon-open" : ""}`}>
<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>
<GsapReveal y={30} duration={1.4} delay={0.6}>
<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>
</div>
</GsapReveal>

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

@ -146,14 +146,14 @@ const KeyFeatures = () => {
{/* Controls + CTA */}
<div className="kf-controls-row">
<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;
</button>
<button className="kf-control-btn" onClick={handleNext} aria-label="Next">
<button className="kf-control-btn" onClick={handleNext} aria-label="Next" suppressHydrationWarning>
&#8594;
</button>
</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
<i className="fa-solid fa-angle-right"></i></button>
</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="col-lg-8 text-center" data-aos="fade-up" data-aos-duration="1000">
<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>
</button>
</div>

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

@ -89,7 +89,7 @@ const Work = () => {
<div className="space40"></div>
<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>
</button>
</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: linear-gradient(90deg, #1a1f2b 0%, #3779b9 60%, #1a1f2b 100%);
backdrop-filter: blur(1px);
padding: 20px 20px;
padding: 20px 20px !important;
border-radius: 16px;
}

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

@ -41,20 +41,21 @@ const Header = () => {
</nav>
</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">
<span className="vl-btn-wrap text-end">
<button
onClick={() => setIsPopupOpen(true)}
className="vl-btn1"
style={{ border: 'none' }}
suppressHydrationWarning
>
Get Started Now <i className="fa-solid fa-angle-right"></i>
</button>
</span>
</div>
<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>
</button>
</div>