From 074d69065ccce795242013b5da3683447079a111 Mon Sep 17 00:00:00 2001 From: selvi Date: Tue, 3 Mar 2026 16:50:57 +0530 Subject: [PATCH] blog page structure updated --- public/assets/css/main.css | 4 +- src/app/blog/[slug]/BlogDetailsClient.tsx | 160 ++++++ src/app/blog/[slug]/page.tsx | 16 + src/app/blog/page.tsx | 2 +- src/app/faq/page.tsx | 2 + src/app/globals.css | 44 +- src/app/services/page.tsx | 2 +- src/components/careers/ContactSection.tsx | 2 +- src/components/careers/FaqVideoSection.tsx | 323 ++++++------ src/components/careers/ServiceSection.tsx | 4 +- src/components/careers/WorkProcessSection.tsx | 22 +- src/components/common/InnerBanner.tsx | 4 +- src/components/contact/ContactSection.tsx | 26 +- src/components/faq/FaqPageSection.tsx | 381 ++++++++------ src/components/home/home-1/BlogSection.tsx | 90 +++- .../home/home-1/FeaturesSection.tsx | 2 +- .../home/home-1/TestimonialsSection.tsx | 2 +- src/components/home/home-2/Blog2Section.tsx | 85 +++- .../home/home-2/IconCounterSection.tsx | 2 +- .../home/home-2/WorkProcessSection.tsx | 2 +- src/components/home/home-3/BlogSection.tsx | 72 ++- .../BannerBottom.tsx | 6 +- .../Service.tsx | 4 +- .../Testimonial.tsx | 2 +- .../web-development-service/BannerBottom.tsx | 6 +- .../web-development-service/Service.tsx | 2 +- .../web-development-service/Testimonial.tsx | 2 +- src/types/index.ts | 4 + src/utils/data.ts | 472 +++++++++++++----- 29 files changed, 1210 insertions(+), 535 deletions(-) create mode 100644 src/app/blog/[slug]/BlogDetailsClient.tsx create mode 100644 src/app/blog/[slug]/page.tsx diff --git a/public/assets/css/main.css b/public/assets/css/main.css index 959e2e8..b0e6dcd 100644 --- a/public/assets/css/main.css +++ b/public/assets/css/main.css @@ -7245,8 +7245,8 @@ blockquote i { font-size: 36px; color: var(--theme-color); position: absolute; - bottom: -20px; - right: -10px; + bottom: -25px; + right: -25px; } .tagcloud.tagcloud-sm span { diff --git a/src/app/blog/[slug]/BlogDetailsClient.tsx b/src/app/blog/[slug]/BlogDetailsClient.tsx new file mode 100644 index 0000000..57de284 --- /dev/null +++ b/src/app/blog/[slug]/BlogDetailsClient.tsx @@ -0,0 +1,160 @@ +"use client"; + +import React, { useEffect } from "react"; +import { useRouter } from "next/navigation"; +import Header1 from "@/components/layout/Header1"; +import Footer1 from "@/components/layout/Footer1"; +import InnerBanner from "@/components/common/InnerBanner"; +import { BlogType } from "@/types"; + +interface BlogDetailsClientProps { + blog: BlogType | undefined; +} + +export default function BlogDetailsClient({ blog }: BlogDetailsClientProps) { + const router = useRouter(); + + useEffect(() => { + if (typeof window !== "undefined" && (window as any).initMetatron) { + (window as any).initMetatron(); + } + }, [blog]); + + if (!blog) { + return ( + <> + +
+
+

Blog Not Found

+ +
+
+ + + ); + } + + return ( + <> + +
+ + +
+
+
+
+
+
+ {blog.title} +
+ +
+ By Admin + {blog.date} + {blog.category} +
+ +

{blog.title}

+ +
+

{blog.details}

+
+ + {blog.blockquote && ( +
+
+ +
+

{blog.blockquote}

+
+ )} + +
+

{blog.description}

+
+ +
+ +
+
+
+
+
+
+
+ + + + + ); +} diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx new file mode 100644 index 0000000..24518e8 --- /dev/null +++ b/src/app/blog/[slug]/page.tsx @@ -0,0 +1,16 @@ +import React from "react"; +import { blogs } from "@/utils/data"; +import BlogDetailsClient from "./BlogDetailsClient"; + +export async function generateStaticParams() { + return blogs.map((blog) => ({ + slug: blog.slug, + })); +} + +export default async function BlogDetailsPage({ params }: { params: Promise<{ slug: string }> }) { + const { slug } = await params; + const blog = blogs.find((b) => b.slug === slug); + + return ; +} diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx index 27748a6..d006777 100644 --- a/src/app/blog/page.tsx +++ b/src/app/blog/page.tsx @@ -27,7 +27,7 @@ export default function Home1() {
- +
diff --git a/src/app/faq/page.tsx b/src/app/faq/page.tsx index c53250b..1fb3418 100644 --- a/src/app/faq/page.tsx +++ b/src/app/faq/page.tsx @@ -5,6 +5,7 @@ import Header1 from "@/components/layout/Header1"; import Footer1 from "@/components/layout/Footer1"; import InnerBanner from "@/components/common/InnerBanner"; import FaqPageSection from "@/components/faq/FaqPageSection"; +import FaqVideoSection from "@/components/careers/FaqVideoSection"; export default function FaqPage() { useEffect(() => { @@ -24,6 +25,7 @@ export default function FaqPage() {
+
diff --git a/src/app/globals.css b/src/app/globals.css index 09152e8..39c6000 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -520,7 +520,7 @@ body { .fo-section { position: relative; overflow: visible; - background: #f5f0ec; + /* background: #f5f0ec; */ padding-top: 80px; padding-bottom: 80px; } @@ -655,14 +655,14 @@ body { display: flex; align-items: center; justify-content: center; - background: rgba(255, 255, 255, 0.15); + /* background: rgba(255, 255, 255, 0.15); */ text-decoration: none; transition: background 0.3s; } -.fo-hover-btn:hover { +/* .fo-hover-btn:hover { background: rgba(255, 255, 255, 0.28); -} +} */ /* ══════════════════════════════════ MAIN CARD @@ -691,8 +691,8 @@ body { .fo-item:hover .fo-card-top, .fo-item--active .fo-card-top { background-color: #fff; - border-left: 2px solid var(--getizy-secondary); - border-right: 2px solid var(--getizy-secondary); + border-left: 4px solid var(--getizy-secondary); + border-right: 4px solid var(--getizy-secondary); } .fo-card-title { @@ -737,7 +737,7 @@ body { background-color: #fff; padding: 20px 20px 20px 20px; position: relative; - border: 2px solid transparent; + border: 4px solid transparent; border-image: linear-gradient(90deg, var(--getizy-base) 0%, var(--getizy-base-two) 100%); border-image-slice: 1; transition: padding 0.45s ease, border 0.45s ease; @@ -748,7 +748,7 @@ body { border-image: none; border-color: var(--getizy-secondary); border-style: solid; - border-width: 2px; + border-width: 4px; border-top: none; padding: 0 32px 40px 32px; } @@ -1696,7 +1696,7 @@ body { .video-three { position: relative; z-index: 10; - padding-bottom: 120px; + padding-bottom: 80px; } .video-three__inner { @@ -1709,7 +1709,7 @@ body { border-right-width: 10px; border-left-width: 10px; overflow: visible; - padding: 304px 0 0; + padding: 120px 0 0; margin-top: -169px; z-index: 1; } @@ -2283,7 +2283,7 @@ body { ═══════════════════════════════════════════════════════════ */ .service-three { position: relative; - background-color: #ecf2fc; + /* background-color: #ecf2fc; */ padding: 80px 0; overflow: hidden; z-index: 1; @@ -2325,14 +2325,14 @@ body { .service-three__item__content { position: relative; z-index: 2; - background-color: #fff; + background-color: #3779b9; border-radius: 20px 20px 0 0; padding: 0 28px 22px; transition: all 500ms ease; } .service-three__item:hover .service-three__item__content { - background-color: #1b272a; + background-color: #1a1f2b; } .service-three__item__icon { @@ -2346,7 +2346,7 @@ body { align-items: center; justify-content: center; margin: 0 auto -22px; - background-color: rgba(255, 255, 255, 0.9); + background-color: #1a1f2b; font-size: 42px; color: var(--getizy-base, #3779b9); transition: all 500ms ease; @@ -2365,7 +2365,7 @@ body { } .service-three__item__title a { - color: #1a1f2b; + color: #fff; transition: all 500ms ease; } @@ -2376,7 +2376,7 @@ body { .service-three__item__text { line-height: 26px; margin: 0; - color: #6c7279; + color: #fff; transition: all 500ms ease; } @@ -2464,9 +2464,9 @@ body { .work-process-wrapper.style2 { position: relative; - background-color: #3d72fc; + /* background-color: #3d72fc; */ border-radius: 40px; - padding: 100px 60px; + padding: 0px 20px; overflow: hidden; z-index: 1; } @@ -2560,7 +2560,7 @@ body { position: absolute; width: 450px; height: 450px; - border: 2px dashed rgba(255, 255, 255, 0.3); + border: 2px dashed #1a1f2b !important; border-radius: 50%; z-index: 1; animation: rotate 30s linear infinite; @@ -2568,7 +2568,7 @@ body { .process-card { position: absolute; - background: #fff; + background: #3779b9; padding: 15px 25px; border-radius: 12px; display: flex; @@ -2591,7 +2591,7 @@ body { transform: translateY(-50%); width: 32px; height: 32px; - background: #3d72fc; + background: #1a1f2b; color: #fff; border-radius: 50%; display: flex; @@ -2611,7 +2611,7 @@ body { .process-card .text { font-size: 15px; font-weight: 700; - color: #1a1f2b; + color: #fff; line-height: 1.1; letter-spacing: -0.01em; } diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx index d086851..1f64330 100644 --- a/src/app/services/page.tsx +++ b/src/app/services/page.tsx @@ -46,8 +46,8 @@ export default function Home3() { {/* */} - + {/* */} {/* */} {/* */} diff --git a/src/components/careers/ContactSection.tsx b/src/components/careers/ContactSection.tsx index e45b52d..f7e20fe 100644 --- a/src/components/careers/ContactSection.tsx +++ b/src/components/careers/ContactSection.tsx @@ -107,7 +107,7 @@ const ContactSection = () => {
- +
- ))} + -
+
-
-
-
- Rotating Logo -
+
+

Take the First Step Towards Digital Excellence.

+

Book Your Personalized Consultation with Our Experts Today.

+ + Schedule Consultation   | +
+ + ); }; diff --git a/src/components/careers/ServiceSection.tsx b/src/components/careers/ServiceSection.tsx index 3c6f7e1..a38919a 100644 --- a/src/components/careers/ServiceSection.tsx +++ b/src/components/careers/ServiceSection.tsx @@ -90,10 +90,10 @@ const ServiceSection2 = () => { return (
-
+ > */}
{ shape @@ -57,10 +57,10 @@ const WorkProcessSection2 = () => {
- shape +
- shape +
@@ -68,23 +68,15 @@ const WorkProcessSection2 = () => {
- icon - How we do - icon + How we do
-

+

Amazing Solutions
For business

-

+

We don't believe in a one-size-fit-all approach. Our services are carefully customized to suit your specific need, ensuring you to achieve your goals.

-
@@ -93,7 +85,7 @@ const WorkProcessSection2 = () => {
thumb diff --git a/src/components/common/InnerBanner.tsx b/src/components/common/InnerBanner.tsx index 6ce768b..51df424 100644 --- a/src/components/common/InnerBanner.tsx +++ b/src/components/common/InnerBanner.tsx @@ -37,8 +37,8 @@ const InnerBanner = ({ background-position: center; background-repeat: no-repeat; background-size: cover; - padding-top: 120px; - padding-bottom: 120px; + padding-top: 150px; + padding-bottom: 150px; } /* dark gradient overlay */ diff --git a/src/components/contact/ContactSection.tsx b/src/components/contact/ContactSection.tsx index a67e90d..cca1a5c 100644 --- a/src/components/contact/ContactSection.tsx +++ b/src/components/contact/ContactSection.tsx @@ -61,7 +61,7 @@ const ContactSection = () => {
- +
-
-
- {faq.answer} -
-
+ {/* Section 1: 3-Column with Image */} +
+ {/* Left Side FAQs */} +
+
+ {leftFaqs.map((faq) => ( +
+ +
+
{faq.answer}
- ))} -
+
+ ))}
- ))} +
+ + {/* Center Image */} +
+
+ FAQ Center +
+
+ + {/* Right Side FAQs */} +
+
+ {rightFaqs.map((faq) => ( +
+ +
+
{faq.answer}
+
+
+ ))} +
+
-
-
-

Still have questions?

-

If you couldn't find the answer you were looking for, feel free to contact us. Our team is ready to help you!

- - Contact Support   | - + {/* Section 2: 2-Column Standard Layout */} +
+
+
+ {leftFaqs2.map((faq) => ( +
+ +
+
{faq.answer}
+
+
+ ))} +
+
+
+
+ {rightFaqs2.map((faq) => ( +
+ +
+
{faq.answer}
+
+
+ ))} +
); diff --git a/src/components/home/home-1/FeaturesSection.tsx b/src/components/home/home-1/FeaturesSection.tsx index b094be0..572e426 100644 --- a/src/components/home/home-1/FeaturesSection.tsx +++ b/src/components/home/home-1/FeaturesSection.tsx @@ -53,7 +53,7 @@ const ArrowIcon = () => ( const features: FeatureItem[] = [ { - title: "Versatile Latest Technology", + title: "The future Latest Technology", desc: "There are many variations of passages of Lorem Ipsum avalab but the majority have suffered alteration in some having fun", icon: , image: "/assets/img-app/about/about-img2.png", diff --git a/src/components/home/home-1/TestimonialsSection.tsx b/src/components/home/home-1/TestimonialsSection.tsx index e625b7e..13eb9b5 100644 --- a/src/components/home/home-1/TestimonialsSection.tsx +++ b/src/components/home/home-1/TestimonialsSection.tsx @@ -2,7 +2,7 @@ import React from "react"; import { testimonialSlides } from "@/utils/data"; const TestimonialsSection = () => ( -
+
diff --git a/src/components/home/home-2/Blog2Section.tsx b/src/components/home/home-2/Blog2Section.tsx index 7cb5a20..40f3a62 100644 --- a/src/components/home/home-2/Blog2Section.tsx +++ b/src/components/home/home-2/Blog2Section.tsx @@ -1,4 +1,5 @@ import { blogs2 } from "@/utils/data"; +import Link from "next/link"; const Blog2Section = () => (
@@ -8,55 +9,103 @@ const Blog2Section = () => ( BLOG & NEWS

Explore Blogs And News

- + view all   | - +
{blogs2[0] && ( -
- +
+ - + {blogs2[0].category} +
- By Admin - {blogs2[0].date} + By Admin + {blogs2[0].date}
-
{blogs2[0].title}
-

Lorem ipsum dolor sit amet consectetur the adipiscing elit Morbi is sodales consequat

- +
+ {blogs2[0].title} +
+

Stay updated with the latest trends and insights from our team of experts in the industry.

+ Read MORE   | - +
)}
{blogs2.slice(1, 2).map((blog) => ( -
+
- By Admin - {blog.date} + By Admin + {blog.date}
-
{blog.title}
-

Lorem ipsum dolor sit amet consectetur the adipiscing elit Morbi is sodales consequat

- +
+ {blog.title} +
+

Discover more about how we drive digital excellence.

+ Read MORE   | - +
))}
+ +
); diff --git a/src/components/home/home-2/IconCounterSection.tsx b/src/components/home/home-2/IconCounterSection.tsx index db59272..044e64f 100644 --- a/src/components/home/home-2/IconCounterSection.tsx +++ b/src/components/home/home-2/IconCounterSection.tsx @@ -1,6 +1,6 @@ const IconCounterSection = () => { return ( -
+
{[ diff --git a/src/components/home/home-2/WorkProcessSection.tsx b/src/components/home/home-2/WorkProcessSection.tsx index 804733e..004a189 100644 --- a/src/components/home/home-2/WorkProcessSection.tsx +++ b/src/components/home/home-2/WorkProcessSection.tsx @@ -1,7 +1,7 @@ import React from "react"; const WorkProcessSection = () => ( -
+
diff --git a/src/components/home/home-3/BlogSection.tsx b/src/components/home/home-3/BlogSection.tsx index e8ca5a3..3f9e688 100644 --- a/src/components/home/home-3/BlogSection.tsx +++ b/src/components/home/home-3/BlogSection.tsx @@ -1,4 +1,5 @@ import { blogs } from "@/utils/data"; +import Link from "next/link"; const BlogSection = () => (
@@ -8,30 +9,37 @@ const BlogSection = () => ( Blog & news

Explore Blogs and News

- + view all   | - +
{blogs.slice(0, 3).map((blog, index) => (
-
- - - +
+ + {blog.title} + {blog.category} +
- By {blog.authorName} - {blog.date} + + By Admin + + + {blog.date} +
-
{blog.title}
+
+ {blog.title} +
@@ -39,6 +47,48 @@ const BlogSection = () => ( ))}
+ +
); diff --git a/src/components/mobile-app-development-service/BannerBottom.tsx b/src/components/mobile-app-development-service/BannerBottom.tsx index a26838b..ada6c6c 100644 --- a/src/components/mobile-app-development-service/BannerBottom.tsx +++ b/src/components/mobile-app-development-service/BannerBottom.tsx @@ -102,18 +102,18 @@ const BannerBottom = () => { onClick={() => setIsContactOpen(true)} style={{ cursor: 'pointer', - background: 'rgba(55, 121, 185, 0.1)', + background: 'linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important', padding: '10px 25px', borderRadius: '50px', border: '1px solid rgba(55, 121, 185, 0.2)', transition: 'all 0.3s' }} onMouseEnter={(e) => { - e.currentTarget.style.background = 'rgba(55, 121, 185, 0.15)'; + e.currentTarget.style.background = 'linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important'; e.currentTarget.style.transform = 'translateY(-2px)'; }} onMouseLeave={(e) => { - e.currentTarget.style.background = 'rgba(55, 121, 185, 0.1)'; + e.currentTarget.style.background = 'linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important'; e.currentTarget.style.transform = 'translateY(0)'; }} > diff --git a/src/components/mobile-app-development-service/Service.tsx b/src/components/mobile-app-development-service/Service.tsx index 6395b88..29c3b97 100644 --- a/src/components/mobile-app-development-service/Service.tsx +++ b/src/components/mobile-app-development-service/Service.tsx @@ -43,7 +43,7 @@ const Service = () => { {/* Service Cards */}
- {services.slice(0, 6).map((service, i) => ( + {services.slice(6, 12).map((service, i) => (
@@ -53,7 +53,7 @@ const Service = () => { {/* Bottom CTA Area */}
-
+
diff --git a/src/components/mobile-app-development-service/Testimonial.tsx b/src/components/mobile-app-development-service/Testimonial.tsx index 022c086..1f0db39 100644 --- a/src/components/mobile-app-development-service/Testimonial.tsx +++ b/src/components/mobile-app-development-service/Testimonial.tsx @@ -204,7 +204,7 @@ const Testimonial = () => { )} {/* Google Action Button */} -
+
{ onClick={() => setIsContactOpen(true)} style={{ cursor: 'pointer', - background: '#3779b9', + background: 'linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important', padding: '10px 25px', borderRadius: '50px', border: '1px solid rgba(55, 121, 185, 0.2)', transition: 'all 0.3s' }} onMouseEnter={(e) => { - e.currentTarget.style.background = '#3779b9'; + e.currentTarget.style.background = 'linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important'; e.currentTarget.style.transform = 'translateY(-2px)'; }} onMouseLeave={(e) => { - e.currentTarget.style.background = '#3779b9'; + e.currentTarget.style.background = 'linear-gradient(90deg, #3779b9 0%, #1a1f2b 50%, #3779b9 100%) !important'; e.currentTarget.style.transform = 'translateY(0)'; }} > diff --git a/src/components/web-development-service/Service.tsx b/src/components/web-development-service/Service.tsx index 4115dd4..fb5b170 100644 --- a/src/components/web-development-service/Service.tsx +++ b/src/components/web-development-service/Service.tsx @@ -55,7 +55,7 @@ const Service = () => { {/* Bottom CTA Area */}
-
+
diff --git a/src/components/web-development-service/Testimonial.tsx b/src/components/web-development-service/Testimonial.tsx index 36ee9da..6886cac 100644 --- a/src/components/web-development-service/Testimonial.tsx +++ b/src/components/web-development-service/Testimonial.tsx @@ -203,7 +203,7 @@ const Testimonial = () => { )} {/* Google Action Button */} -
+
({ - image: t.image, - name: t.name, - role: t.role, - message: t.message -})); - export const blogs: BlogType[] = [ { id: 1, - image: '/assets/imgs/blog/blog-1.jpg', - date: '28 Nov, 2024', - title: 'Necessity May Give us Best Virtual Court', - description: 'Fuel your business success with our custom IT services. We design solutions that are tailored to your an specific needs.', + image: '/assets/img/all-images/blog/blog-img1.png', + date: '03 March 2026', + title: 'Mastering Digital Transformation: A Guide for Modern Enterprises', + slug: 'mastering-digital-transformation', + category: 'Technology', + description: 'Fuel your business success with our custom IT services. We design solutions that are tailored to your specific needs.', + details: 'Digital transformation is the process of using digital technologies to create new — or modify existing — business processes, culture, and customer experiences to meet changing business and market requirements. This reimagining of business in the digital age is digital transformation. It transcends traditional roles like sales, marketing, and customer service. Instead, digital transformation begins and ends with how you think about, and engage with, customers. ', + blockquote: '“Success in digital transformation is not just about the technology; it’s about the cultural shift and visual excellence that drives user engagement.”', authorName: 'Admin', + aosClass: "fade-left", }, { id: 2, - image: '/assets/imgs/blog/blog-2.jpg', - date: '28 Nov, 2024', - title: 'Tackling the Changes of Retail Industry', - description: 'Fuel your business success with our custom IT services. We design solutions that are tailored to your an specific needs.', + image: '/assets/img/all-images/blog/blog-img2.png', + date: '02 March 2026', + title: 'The Future of E-commerce: Trends to Watch in 2026', + slug: 'future-of-ecommerce-2026', + category: 'E-commerce', + description: 'Stay ahead of the competition with the latest insights into the e-commerce landscape and consumer behavior.', + details: 'The e-commerce industry continues to evolve at a breakneck pace. In 2026, we are seeing a significant shift towards hyper-personalization powered by AI, seamless headless commerce architectures, and the integration of social commerce directly into the shopping journey. Businesses that fail to adapt to these mobile-first and speed-optimized trends risk falling behind in an increasingly crowded marketplace.', + blockquote: '“E-commerce is no longer just a digital storefront; it’s an immersive, personalized experience that connects brands with customers on a deeper level.”', authorName: 'Admin', + aosClass: 'fade-right', }, { id: 3, - image: '/assets/imgs/blog/blog-3.jpg', - date: '28 Nov, 2024', - title: 'Easy and Most Powerful Server and Platform', - description: 'Fuel your business success with our custom IT services. We design solutions that are tailored to your an specific needs.', + image: '/assets/img/all-images/blog/blog-img17.png', + date: '01 March 2026', + title: 'Elevating User Experiences through Design Thinking', + slug: 'elevating-ux-design-thinking', + category: 'Design', + description: 'Discover how design thinking can transform your product development process and create lasting user value.', + details: 'Design thinking is a non-linear, iterative process that teams use to understand users, challenge assumptions, redefine problems and create innovative solutions to prototype and test. Involving five phases—Empathize, Define, Ideate, Prototype and Test—it is most useful to tackle problems that are ill-defined or unknown. At Metatron Cube, we integrate these principles to ensure every pixel serves a purpose.', + blockquote: '“Design is not just what it looks like and feels like. Design is how it works and how it makes the user feel empowered.”', authorName: 'Admin', } ]; -export const blogs2: BlogType[] = blogs.map(b => ({ - id: b.id, - title: b.title, - date: b.date, - image: b.image, - link: '#' -})); +export const blogs2: BlogType[] = [ + { + id: 1, + title: 'Scalable IT solutions tailored to meet a unique business needs', + slug: 'scalable-it-solutions', + category: 'Services', + date: '4 August 2024', + image: '/assets/img/all-images/blog/blog-img8.png', + link: '/blog-details/single' + }, + { + id: 2, + title: 'Unlock the full potential Best your business with tailored IT', + slug: 'unlock-potential-it', + category: 'Business', + date: '5 August 2024', + image: '/assets/img/all-images/blog/blog-img9.png', + link: '/blog-details/single' + }, + { + id: 3, + title: 'Optimize your operations with tailored IT services that grow', + slug: 'optimize-operations', + category: 'Efficiency', + date: '6 August 2024', + image: '/assets/img/all-images/blog/blog-img10.png', + link: '/blog-details/single' + }, + { + id: 4, + title: 'Unlock the Future of Your IT & Business With Best Innovative', + slug: 'unlock-future-it', + category: 'Innovation', + date: '4 August 2024', + image: '/assets/img/all-images/blog/blog-img11.png', + link: '/blog-details/single' + }, + { + id: 5, + title: 'Transform Your Operations An with Technology Experience', + slug: 'transform-operations-tech', + category: 'Tech', + date: '5 August 2024', + image: '/assets/img/all-images/blog/blog-img12.png', + link: '/blog-details/single' + }, + { + id: 6, + title: 'Empowering Your Business And Through Technology Tailored IT', + slug: 'empowering-business-tech', + category: 'Growth', + date: '6 August 2024', + image: '/assets/img/all-images/blog/blog-img13.png', + link: '/blog-details/single' + }, + { + id: 7, + title: 'Discover the Power of Data-Driven Insights Transforming', + slug: 'data-driven-insights', + category: 'Data', + date: '4 August 2024', + image: '/assets/img/all-images/blog/blog-img14.png', + link: '/blog-details/single' + }, + { + id: 8, + title: 'Scalable IT solutions tailored to meet a unique business needs', + slug: 'scalable-solutions-business', + category: 'Scalability', + date: '5 August 2024', + image: '/assets/img/all-images/blog/blog-img15.png', + link: '/blog-details/single' + }, + { + id: 9, + title: 'Maximize Efficiency Minimize Risk With Expert Management', + slug: 'maximize-efficiency-it', + category: 'Management', + date: '6 August 2024', + image: '/assets/img/all-images/blog/blog-img16.png', + link: '/blog-details/single' + } +]; + +export const testimonials: TestimonialType[] = [ + { + image: '/assets/img/all-images/testimonial/testimonial-img2.png', + name: 'Sheldon Jackson', + role: 'Shop Store Owner', + message: '“Working with has been a game- Best changer for our business. Their IT and support team is always responsive, an their expertise has helped us stream our operations, We no longer worry.”', + }, + { + image: '/assets/img/all-images/testimonial/testimonial-img8.png', + name: 'Alex Robertson', + role: 'Shop Store Owner', + message: '“Our network security has never been stronger. Their proactive monitoring and customized security solutions on have given us peace of mind. Our data is safe, and our compliance has Tech.”', + }, + { + image: '/assets/img/all-images/testimonial/testimonial-img7.png', + name: 'Henry Gayle', + role: 'Shop Store Owner', + message: '“Has provided us on with top-notch IT services. Their solutions are tailored to our business, & their ongoing support is second to none. We’ve seen significant improvements in our productivity and.”', + }, + { + image: '/assets/img/all-images/testimonial/testimonial-img9.png', + name: 'Patricia Sanders', + role: 'Rainbow Bay Crafts', + message: '"Thanks to the IT solutions provided by ETEch, we have seen a remarkable improvement in our operational best efficiency. Our processes are now a streamlined, and our teams can best.”', + }, + { + image: '/assets/img/all-images/testimonial/testimonial-img2.png', + name: 'Rodger Struck', + role: 'Rhodes Furniture', + message: '"The cybersecurity measures Solution implemented by MetatronCube have given us peace of mind. We feel confident that our data is secure, & we\'ve experience zero breaches since partnering MetatronCube.”', + }, + { + image: '/assets/img/all-images/testimonial/testimonial-img3.png', + name: 'Eddie Lake', + role: 'Finast Company', + message: '"Migrating to the cloud was seamless with MetatronCube. Their best team guided us through every step now our employees can work from anywhere, IT boosting our team productivity significantly.”', + }, + { + image: '/assets/img/all-images/testimonial/testimonial-img4.png', + name: 'Ricky Smith', + role: 'Tam\'s Stationers', + message: '"Working with MetatronCube has been solution transformative experience for our best organization. Before their involvement, we faced significant challenges with our outdated IT infrastructure.“', + }, + { + image: '/assets/img/all-images/testimonial/testimonial-img5.png', + name: 'Lorri Warf', + role: 'Seamans Furniture', + message: '"Partnering with MetatronCube has been one of the best decisions we\'ve made. We are comprehensive cybersecurity on solutions provided us with the best assurance we needed to protect.”', + }, + { + image: '/assets/img/all-images/testimonial/testimonial-img9.png', + name: 'Bradley Lawlor', + role: 'Mostow Co.', + message: '"MetatronCube has completely transformed the way we operate as a business. Their custom IT solutions have streamlined our processes, enabling us collaborate effectively across teams, regardless.”', + }, +]; export const pricingPlans: PricingType[] = [ {