-
-
-
-
OUR CONTACT US
-
If Your Problem Contact Us For
Immediately Center
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+ {alert.show && (
+
+ {alert.message}
+
+ )}
+
+
+
+
+
+ {formErrors.name && {formErrors.name}}
+
+
+
+
+ {formErrors.email && {formErrors.email}}
+
+
+
+
+ {formErrors.phone && {formErrors.phone}}
+
+
+
+ {formErrors.service && {formErrors.service}}
+
+
+
+
+ {formErrors.message && {formErrors.message}}
+
+
+
+
+ {formErrors.captcha && {formErrors.captcha}}
+
+
+
+
-
-
-
-
-
+
+
-
+
);
};
diff --git a/src/components/home/MedicalServices.tsx b/src/components/home/MedicalServices.tsx
index c4be806..1a46095 100644
--- a/src/components/home/MedicalServices.tsx
+++ b/src/components/home/MedicalServices.tsx
@@ -5,45 +5,45 @@ import React, { useState, useEffect } from "react";
const services = [
{
id: 0,
- title: "Excellent infection prevention",
- text: "Lorem ipsum dolor sit amet, conse ctetur adipiscing eliteiusmod tempor incididunt",
+ title: "Website Development",
+ text: "Custom website development tailored to your business needs.",
icon: "/assets/imgs/icon/icon-6.png",
- link: "service-details.html",
+ link: "/services-digital-solutions/web-development",
},
{
id: 1,
- title: "Health patients comprehensive",
- text: "From its medieval origins to the digital era , learn everything there is to know",
+ title: "Mobile Application Development",
+ text: "High-performance mobile apps for iOS and Android.",
icon: "/assets/imgs/icon/icon-2.png",
- link: "service-details.html",
+ link: "/services-digital-solutions/mobile-app-development",
},
{
id: 2,
- title: "Pediatric Hematology Oncology",
- text: "Creation timelines for the standard lorem ipsum passage vary, with some citing the",
+ title: "Graphic Designing",
+ text: "Creative graphic design solutions for your brand.",
icon: "/assets/imgs/icon/icon-3.png",
- link: "service-details.html",
+ link: "/services-digital-solutions/graphic-designing",
},
{
id: 3,
- title: "Care Pediatric & Medicine",
- text: "Letraset's dry-transfer sheets, and later entered the digital world via Aldus",
+ title: "UI / UX Designing",
+ text: "User-centric design experiences that engage and convert.",
icon: "/assets/imgs/icon/icon-4.png",
- link: "service-details.html",
+ link: "/services-digital-solutions/ui-ux-designing",
},
{
id: 4,
- title: "Labor & Delivery: The Birthplace",
- text: "Some claim lorem ipsum threatens to promote design over content, while others defend",
+ title: "SEO & Content Writing",
+ text: "Optimization and content that drives organic growth.",
icon: "/assets/imgs/icon/icon-5.png",
- link: "service-details.html",
+ link: "/services-digital-solutions/seo-content-writing",
},
{
id: 5,
- title: "Urogynecology & Pelvic Health",
- text: "Generally, lorem ipsum is best suited to keeping templates from looking bare or",
+ title: "Digital Marketing",
+ text: "Strategic digital marketing to grow your online presence.",
icon: "/assets/imgs/icon/icon-6.png",
- link: "service-details.html",
+ link: "/services-digital-solutions/digital-marketing",
},
];
@@ -91,7 +91,7 @@ const MedicalServices = () => {
diff --git a/src/components/home/PortfolioSection.tsx b/src/components/home/PortfolioSection.tsx
index 0a45514..82bdd9c 100644
--- a/src/components/home/PortfolioSection.tsx
+++ b/src/components/home/PortfolioSection.tsx
@@ -210,6 +210,13 @@ export default function PortfolioSection() {
return (
+
+
+
+
PORTFOLIO
+
Our Latest Work
+
+
{/* ── Filter Tabs ── */}
diff --git a/src/components/home/WhyChooseTwo.tsx b/src/components/home/WhyChooseTwo.tsx
index 8f627f5..b3093b1 100644
--- a/src/components/home/WhyChooseTwo.tsx
+++ b/src/components/home/WhyChooseTwo.tsx
@@ -65,7 +65,7 @@ const WhyChooseTwo: React.FC = ({ reverse = false }) => {
-
+
diff --git a/src/components/home/home-1/BlogSection.tsx b/src/components/home/home-1/BlogSection.tsx
index fa7b653..fe1238e 100644
--- a/src/components/home/home-1/BlogSection.tsx
+++ b/src/components/home/home-1/BlogSection.tsx
@@ -48,59 +48,6 @@ const BlogSection = ({ hideHeader = false }: { hideHeader?: boolean }) => (
-
);
diff --git a/src/components/home/home-1/BrandSection.tsx b/src/components/home/home-1/BrandSection.tsx
index e31aab0..dc36f80 100644
--- a/src/components/home/home-1/BrandSection.tsx
+++ b/src/components/home/home-1/BrandSection.tsx
@@ -9,7 +9,6 @@ const BrandSection = () => {
tagline="OUR PARTNERS"
title="Trusted by
Leaders Worldwide"
centered={true}
- className="mb-50"
/>
diff --git a/src/components/home/home-1/ProjectsSection.tsx b/src/components/home/home-1/ProjectsSection.tsx
index 4391738..b4cb4cb 100644
--- a/src/components/home/home-1/ProjectsSection.tsx
+++ b/src/components/home/home-1/ProjectsSection.tsx
@@ -7,7 +7,7 @@ const ProjectsSection = () => {
-
+
PROJECTS
Our Latest Projects
diff --git a/src/components/home/home-1/ServiceSliderSection.tsx b/src/components/home/home-1/ServiceSliderSection.tsx
index 28349d3..de47378 100644
--- a/src/components/home/home-1/ServiceSliderSection.tsx
+++ b/src/components/home/home-1/ServiceSliderSection.tsx
@@ -16,7 +16,7 @@ const ServiceSliderSection = () => {
-
+
SERVICES WE’RE OFFERING
Exclusive IT Services
diff --git a/src/components/home/home-1/ServiceThreeSlider.tsx b/src/components/home/home-1/ServiceThreeSlider.tsx
index 7e07521..58ef382 100644
--- a/src/components/home/home-1/ServiceThreeSlider.tsx
+++ b/src/components/home/home-1/ServiceThreeSlider.tsx
@@ -27,7 +27,7 @@ const ServiceThreeSlider = () => {
-
+
@@ -46,7 +46,7 @@ const ServiceThreeSlider = () => {
- {service.title}
+ {service.title}
{service.description}
diff --git a/src/components/home/home-1/TeamSection.tsx b/src/components/home/home-1/TeamSection.tsx
index 0601a79..bc5d84a 100644
--- a/src/components/home/home-1/TeamSection.tsx
+++ b/src/components/home/home-1/TeamSection.tsx
@@ -5,7 +5,7 @@ const TeamSection = () => (
-
+
OUR team
Our Leadership Team
diff --git a/src/components/home/home-1/TestimonialsSection.tsx b/src/components/home/home-1/TestimonialsSection.tsx
index 25f9860..40f921b 100644
--- a/src/components/home/home-1/TestimonialsSection.tsx
+++ b/src/components/home/home-1/TestimonialsSection.tsx
@@ -1,57 +1,156 @@
-import React from "react";
-import { testimonialSlides } from "@/utils/data";
+"use client";
+import React, { useState, useEffect } from "react";
+import Slider from "react-slick";
+import GoogleReviewsBranding from "@/components/common/GoogleReviewsBranding";
-const TestimonialsSection = () => (
-
-
-
-
-
-
-
-
-
+const TestimonialsSection = () => {
+ const [reviews, setReviews] = useState
([]);
+ const [loading, setLoading] = useState(true);
+
+ useEffect(() => {
+ async function loadReviews() {
+ try {
+ const res = await fetch("/api/reviews");
+ const data = await res.json();
+ const cleaned = (data.reviews || []).filter((r: any) =>
+ (r.snippet || r.text || r.review_text || r.description || r.body || r.content)
+ );
+ setReviews(cleaned);
+ } catch (error) {
+ console.error("Failed to fetch reviews", error);
+ } finally {
+ setLoading(false);
+ }
+ }
+ loadReviews();
+ }, []);
+
+ const displayedReviews = reviews.length > 0 && reviews.length < 4
+ ? [...reviews, ...reviews, ...reviews]
+ : reviews;
+
+ const settings = {
+ dots: true,
+ arrows: false,
+ infinite: displayedReviews.length > 2,
+ speed: 600,
+ slidesToShow: 2,
+ slidesToScroll: 1,
+ autoplay: true,
+ autoplaySpeed: 5000,
+ dotsClass: "testimonial-dot-inner",
+ responsive: [
+ {
+ breakpoint: 1200,
+ settings: {
+ slidesToShow: 2,
+ }
+ },
+ {
+ breakpoint: 991,
+ settings: {
+ slidesToShow: 1,
+ }
+ }
+ ]
+ };
+
+ function getReviewText(r: any) {
+ return r.text || r.description || r.snippet || r.review_text || r.body || r.content || "";
+ }
+
+ function getProfileImage(r: any, index: number) {
+ const url = r.user?.thumbnail || r.profile_photo_url || r.author_profile_photo_url || r.user?.profile_photo_url || r.thumbnail || r.profile_picture || r.avatar || r.author_image;
+ if (!url) return `/assets/imgs/resources/testimonials-${(index % 2) + 1}.png`;
+ if (typeof url === 'string' && url.startsWith("http")) return url;
+ return `https://lh3.googleusercontent.com/${url}`;
+ }
+
+ return (
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
TESTIMONIALS
-
Our Client Feedback
-
-
-
-
-
- {[1, 2, 1].map((num, i) => (
-
-
-
-
-
Kathryn Murphy
-
Engineering
-
- {[1, 2, 3, 4, 5].map((r) =>
-
“ Consectetur adipiscing elit. Integer is nunc viverra laoreet est the is porta pretium metus aliquam eget maecenas porta is nunc viverra Aenean ”
-
+
+
+
+
+
+
+
+
+
TESTIMONIALS
+
Our Client Feedback
+
+
+
- ))}
+
+
+
+
+
+ {loading ? (
+
+
Loading reviews from Google...
+
+ ) : displayedReviews.length > 0 ? (
+
+ {displayedReviews.map((slide, index) => {
+ const profileImg = getProfileImage(slide, index);
+ const name = slide.user?.name || slide.author_name || "Valued Client";
+ const rating = slide.rating || 5;
+ return (
+
+
+
+
+
+
+
+
+
+
{name}
+
Verified Google Review
+
+ {[...Array(rating)].map((_, i) => (
+
+
+ "{getReviewText(slide)}"
+
+
+
+
+ ) : (
+
+ )}
-
-
-
-
-);
+
+ );
+};
export default TestimonialsSection;
diff --git a/src/components/home/home-2/Blog2Section.tsx b/src/components/home/home-2/Blog2Section.tsx
index 40f3a62..3e560a8 100644
--- a/src/components/home/home-2/Blog2Section.tsx
+++ b/src/components/home/home-2/Blog2Section.tsx
@@ -64,48 +64,6 @@ const Blog2Section = () => (
-
);
diff --git a/src/components/home/home-3/BlogSection.tsx b/src/components/home/home-3/BlogSection.tsx
index 3f9e688..ce20a75 100644
--- a/src/components/home/home-3/BlogSection.tsx
+++ b/src/components/home/home-3/BlogSection.tsx
@@ -2,7 +2,7 @@ import { blogs } from "@/utils/data";
import Link from "next/link";
const BlogSection = () => (
-
+
@@ -47,48 +47,6 @@ const BlogSection = () => (
))}
-
-
);
diff --git a/src/components/home/home-3/ProjectsSection.tsx b/src/components/home/home-3/ProjectsSection.tsx
index c4304d8..3d57b71 100644
--- a/src/components/home/home-3/ProjectsSection.tsx
+++ b/src/components/home/home-3/ProjectsSection.tsx
@@ -7,7 +7,7 @@ const ProjectsSection = () => {
-
+
PROJECTS
Explore Our Recent Projects
diff --git a/src/components/home/home-3/ServiceSection.tsx b/src/components/home/home-3/ServiceSection.tsx
index 642d24c..7dc4e4e 100644
--- a/src/components/home/home-3/ServiceSection.tsx
+++ b/src/components/home/home-3/ServiceSection.tsx
@@ -36,7 +36,7 @@ const ServiceSection = () => {
-
+
SERVICES WE’RE OFFERING
Exclusive IT Services
diff --git a/src/components/layout/NavMenu.tsx b/src/components/layout/NavMenu.tsx
index 96b2123..7955934 100644
--- a/src/components/layout/NavMenu.tsx
+++ b/src/components/layout/NavMenu.tsx
@@ -3,24 +3,24 @@ import Link from "next/link";
const NavMenu = () => (
- - Home
- - About
+ - HOME
-
- Services
+ SERVICE
- - Website Development
- - Mobile Application Development
- - Graphic Designing
- - UI / UX Designing
- - SEO & Content Writing
- - Digital Marketing
+ - WEBSITE DEVELOPMENT
+ - MOBILE APPLICATION DEVELOPMENT
+ - GRAPHIC DESIGNING
+ - UI / UX DESIGNING
+ - SEO & CONTENT WRITING
+ - DIGITAL MARKETING
- - Careers
- - Portfolio
+ - PORTFOLIO
+ - ABOUT
+ - CAREERS
+ - BLOG
+ - CONTACT
- FAQ
- - Blog
- - Contact
);
diff --git a/src/components/mobile-app-development-service/support/common/ContactPopup/ContactPopup.tsx b/src/components/mobile-app-development-service/support/common/ContactPopup/ContactPopup.tsx
index cde8c5c..d2643a6 100644
--- a/src/components/mobile-app-development-service/support/common/ContactPopup/ContactPopup.tsx
+++ b/src/components/mobile-app-development-service/support/common/ContactPopup/ContactPopup.tsx
@@ -3,6 +3,7 @@ import React, { useEffect, useState } from 'react';
import { createPortal } from 'react-dom';
import ReCAPTCHA from "react-google-recaptcha";
import axios from "axios";
+import ContactStatus from '@/components/contact/ContactStatus';
interface ContactPopupProps {
isOpen: boolean;
@@ -10,6 +11,7 @@ interface ContactPopupProps {
}
const ContactPopup: React.FC
= ({ isOpen, onClose }) => {
+ const [status, setStatus] = useState<'idle' | 'submitting' | 'success' | 'error'>('idle');
const [formData, setFormData] = useState({
name: "",
phone: "",
@@ -17,12 +19,11 @@ const ContactPopup: React.FC = ({ isOpen, onClose }) => {
businessName: "",
projectRequirement: "",
budgetRange: "",
+ appType: "",
});
const [formErrors, setFormErrors] = useState({});
const [captchaToken, setCaptchaToken] = useState(null);
- const [alert, setAlert] = useState({ show: false, type: "", message: "" });
- const [isSubmitting, setIsSubmitting] = useState(false);
const [mounted, setMounted] = useState(false);
useEffect(() => {
@@ -57,32 +58,27 @@ const ContactPopup: React.FC = ({ isOpen, onClose }) => {
if (!formData.businessName.trim()) errors.businessName = "Business name requested.";
if (!formData.projectRequirement.trim()) errors.projectRequirement = "Requirement details needed.";
if (!formData.budgetRange) errors.budgetRange = "Please select a budget range.";
- // if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
+ if (!captchaToken) errors.captcha = "Please verify the CAPTCHA.";
setFormErrors(errors);
if (Object.keys(errors).length > 0) return;
- setIsSubmitting(true);
+ setStatus('submitting');
const emailData = {
...formData,
- message: `Business: ${formData.businessName}
Budget: ${formData.budgetRange}
Requirement: ${formData.projectRequirement}`,
- to: "selvipalanikumarn@gmail.com",
+ message: `Business: ${formData.businessName}
App Type: ${formData.appType}
Budget: ${formData.budgetRange}
Requirement: ${formData.projectRequirement}`,
+ to: "info@metatroncubesolutions.com",
senderName: "Metatroncube Contact Popup",
recaptchaToken: captchaToken,
};
try {
- const res = await axios.post("https://mailserver.metatronnest.com/send", emailData, {
+ await axios.post("https://mailserver.metatronnest.com/send", emailData, {
headers: { "Content-Type": "application/json" },
});
- setAlert({
- show: true,
- type: "success",
- message: res?.data?.message || "Message sent successfully!",
- });
-
+ setStatus('success');
setFormData({
name: "",
phone: "",
@@ -90,31 +86,24 @@ const ContactPopup: React.FC = ({ isOpen, onClose }) => {
businessName: "",
projectRequirement: "",
budgetRange: "",
+ appType: "",
});
setCaptchaToken(null);
setFormErrors({});
- // Close after delay
- setTimeout(onClose, 2000);
} catch (error) {
console.error("❌ Error sending email:", error);
- setAlert({
- show: true,
- type: "danger",
- message: "Failed to send message. Please try again later.",
- });
- } finally {
- setIsSubmitting(false);
+ setStatus('error');
}
};
- useEffect(() => {
- if (alert.show) {
- const timer = setTimeout(() => {
- setAlert((prev) => ({ ...prev, show: false }));
- }, 5000);
- return () => clearTimeout(timer);
+ const handleCloseStatus = () => {
+ if (status === 'success') {
+ onClose();
+ setStatus('idle');
+ } else {
+ setStatus('idle');
}
- }, [alert.show]);
+ };
if (!mounted || !isOpen) return null;
@@ -126,22 +115,22 @@ const ContactPopup: React.FC = ({ isOpen, onClose }) => {
-
Let’s Discuss Your App Idea
-
Fill out the form and our team will contact you within 24 hours.
+
Let's Discuss Your App Idea
+
Fill out the form and our team will contact you within 24 hours.
-
Email Us
-
info@metatroncubesolutions.com
+
Email Us
+
info@metatroncubesolutions.com
-
Call Us Free
-
+
Call Us Free
+
@@ -156,83 +145,84 @@ const ContactPopup: React.FC
= ({ isOpen, onClose }) => {
- {/* Right Side: Form */}
+ {/* Right Side: Form or Status */}
-
Start Your Project
+ {status === 'idle' || status === 'submitting' ? (
+ <>
+
Start Your Project
+
@@ -417,6 +407,14 @@ const ContactPopup: React.FC
= ({ isOpen, onClose }) => {
transform: translateY(-1px);
}
+ .status-wrapper {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100%;
+ min-height: 400px;
+ }
+
/* Mobile Optimizations */
@media (max-width: 991px) {
.info-panel { display: none; }
diff --git a/src/components/services-digital-solutions/AboutService.tsx b/src/components/services-digital-solutions/AboutService.tsx
new file mode 100644
index 0000000..829b53d
--- /dev/null
+++ b/src/components/services-digital-solutions/AboutService.tsx
@@ -0,0 +1,83 @@
+import React from "react";
+
+const AboutService = () => {
+ return (
+
+
+
+
+
+ {/* Experience Box */}
+ {/*
+
37+
+ Years Experience
+ */}
+
+ {/* Background Image */}
+
+
+
+
+ {/* Foreground Curved Image */}
+
+
+
+
+ {/* Decorative Dots */}
+
+
+
+
+
+
+
+
+
+
+
+
OUR ABOUT US
+
We Provide Professional Advice
About This Business.
+
+
+
+ Business tailored design, management & support services Business business agency elit,
+ sed do eiusmod tempor majority have in some we form, by injected humour solution.
+
+
+
+
+
+ {/*
+
+
*/}
+
+
+
+ Great solution for your business growth.
+
+
+
+ Remind yourself Business know fact.
+
+
+
+
+
+
+
+
+
+
{psychologyServices.map((item) => (
-
-
+
{item.title}
diff --git a/src/components/services/AboutService.tsx b/src/components/services/AboutService.tsx
deleted file mode 100644
index 3817022..0000000
--- a/src/components/services/AboutService.tsx
+++ /dev/null
@@ -1,275 +0,0 @@
-import React from "react";
-
-const AboutService = () => {
- return (
-
-
-
-
-
- {/* Experience Box */}
- {/*
-
37+
- Years Experience
- */}
-
- {/* Background Image */}
-
-
-
-
- {/* Foreground Curved Image */}
-
-
-
-
- {/* Decorative Dots */}
-
-
-
-
-
-
-
-
-
-
-
-
OUR ABOUT US
-
We Provide Professional Advice
About This Business.
-
-
-
- Business tailored design, management & support services Business business agency elit,
- sed do eiusmod tempor majority have in some we form, by injected humour solution.
-
-
-
-
-
- {/*
-
-
*/}
-
-
-
- Great solution for your business growth.
-
-
-
- Remind yourself Business know fact.
-
-
-
-
-
-
-
-
-
-
Essential Tips For Managing Over Whelming Situations
@@ -583,10 +583,10 @@ export const psychologyServices = [
},
{
id: 2,
- title: "Academic Psychology",
- slug: "academic-psychology",
- icon: "fa-solid fa-graduation-cap",
- image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg",
+ title: "Mobile Application Development",
+ slug: "mobile-app-development",
+ icon: "fa-solid fa-mobile-screen-button",
+ image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg",
description: "Business tailored design, management & support services Business for free.",
content: `
Essential Tips For Managing Over Whelming Situations
@@ -616,9 +616,9 @@ export const psychologyServices = [
},
{
id: 3,
- title: "Career Counseling",
- slug: "career-counseling",
- icon: "fa-solid fa-user-tie",
+ title: "Graphic Designing",
+ slug: "graphic-designing",
+ icon: "fa-solid fa-palette",
image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg",
description: "Business tailored design, management & support services Business for free.",
content: `
@@ -649,9 +649,9 @@ export const psychologyServices = [
},
{
id: 4,
- title: "Clinical Psychology",
- slug: "clinical-psychology",
- icon: "fa-solid fa-stethoscope",
+ title: "UI / UX Designing",
+ slug: "ui-ux-designing",
+ icon: "fa-solid fa-palette",
image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg",
description: "Business tailored design, management & support services Business for free.",
content: `
@@ -682,10 +682,10 @@ export const psychologyServices = [
},
{
id: 5,
- title: "Psychiatric Treatment",
- slug: "psychiatric-treatment",
- icon: "fa-solid fa-hospital-user",
- image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg",
+ title: "SEO & Content Writing",
+ slug: "seo-content-writing",
+ icon: "fa-solid fa-palette",
+ image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg",
description: "Business tailored design, management & support services Business for free.",
content: `
Essential Tips For Managing Over Whelming Situations
@@ -715,10 +715,10 @@ export const psychologyServices = [
},
{
id: 6,
- title: "Family Therapy",
- slug: "family-therapy",
- icon: "fa-solid fa-hospital-user",
- image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg",
+ title: "Digital Marketing",
+ slug: "digital-marketing",
+ icon: "fa-solid fa-palette",
+ image: "https://bracketweb.com/pelocishtml/assets/images/resources/service-d-2.jpg",
description: "Business tailored design, management & support services Business for free.",
content: `
Essential Tips For Managing Over Whelming Situations