@@ -36,7 +34,7 @@ const HowItWorks = () => {
className="font-inter text-base font-normal"
data-testid="section"
>
- {` Leverage pre-built sections like "Features," "Benefits," "Pricing," and "Testimonials" to showcase your product effectively.`}
+ {t("prebuiltDescription")}
@@ -50,14 +48,13 @@ const HowItWorks = () => {
className="font-inter mb-2 text-lg font-bold md:text-xl"
data-testid="scalable"
>
- Scalable Foundation
+ {t("scalableTitle")}
- Our boilerplate is designed to grow with your product. Easily
- add new features and functionalities as needed.
+ {t("scalableDescription")}
@@ -71,14 +68,13 @@ const HowItWorks = () => {
className="font-inter mb-2 text-lg font-bold md:text-xl"
data-testid="easy"
>
- Easy Customization
+ {t("easyTitle")}
- Tailor the experience to your specific needs and preferences
- for maximum results.
+ {t("easyDescription")}
diff --git a/src/components/layouts/homepage/PerfectFit.tsx b/src/components/layouts/homepage/PerfectFit.tsx
index 88db8883d..d0e2ce196 100644
--- a/src/components/layouts/homepage/PerfectFit.tsx
+++ b/src/components/layouts/homepage/PerfectFit.tsx
@@ -1,27 +1,27 @@
"use client";
+import { useTranslations } from "next-intl";
import Link from "next/link";
//
const PerfectFit = () => {
+ const t = useTranslations("perfectFit");
//
return (
-
Find The Perfect Fit
+
{t("title")}
- Choose the boilerplate plan that best suits your project needs and
- budget. All plans include access to our comprehensive library of
- pre-built sections, drag-and-drop customization.
+ {t("description")}
- {` Don't just take our word for it - see what actual users of our product have to say about their experience.`}
+ {t("description")}
diff --git a/src/components/layouts/homepage/testimonials-data.tsx b/src/components/layouts/homepage/testimonials-data.tsx
index c7cd24cf2..66783c801 100644
--- a/src/components/layouts/homepage/testimonials-data.tsx
+++ b/src/components/layouts/homepage/testimonials-data.tsx
@@ -4,41 +4,41 @@ export const testimonials = [
image: "/images/testimonial-image1.svg",
stack: "Freelance Designer",
name: "Jane Smith",
- content: `“I've been using this web hosting service for over a year and I'm really impressed with the uptime and support. The website has never gone down and the customer service is always quick to help with any issues I have. Highly recommend!”`,
+ content: "content",
},
{
id: 2,
image: "/images/testimonial-image2.svg",
stack: "Software Developer",
name: "Tom Williams",
- content: `“I've been using this web hosting service for a few months now and overall it's been fine.The uptime has been good and I haven't had any major issues. The pricing is also reasonable. Nothing particularly stands out as exceptional, but it gets the job done.”`,
+ content: "content",
},
{
id: 3,
image: "/images/testimonial-image3.svg",
stack: "Online Entrepreneur",
name: "Michael Brown",
- content: `“I've been using this web hosting service for a few months and it's been nothing but problems. My website has gone down multiple times and the customer service has been unresponsive. I would not recommend this company."`,
+ content: "content",
},
{
id: 4,
image: "/images/testimonial-image1.svg",
stack: "Freelance Designer",
name: "Jane Smith",
- content: `“I've been using this web hosting service for over a year and I'm really impressed with the uptime and support. The website has never gone down and the customer service is always quick to help with any issues I have. Highly recommend!”`,
+ content: "content",
},
{
id: 5,
image: "/images/testimonial-image2.svg",
stack: "Software Developer",
name: "Tom Williams",
- content: `“I've been using this web hosting service for a few months now and overall it's been fine.The uptime has been good and I haven't had any major issues. The pricing is also reasonable. Nothing particularly stands out as exceptional, but it gets the job done.”`,
+ content: "content",
},
{
id: 6,
image: "/images/testimonial-image3.svg",
stack: "Online Entrepreneur",
name: "Michael Brown",
- content: `“I've been using this web hosting service for a few months and it's been nothing but problems. My website has gone down multiple times and the customer service has been unresponsive. I would not recommend this company."`,
+ content: "content",
},
];
diff --git a/src/components/layouts/navbar/index.tsx b/src/components/layouts/navbar/index.tsx
index dd1aac5dc..f1d0b0090 100644
--- a/src/components/layouts/navbar/index.tsx
+++ b/src/components/layouts/navbar/index.tsx
@@ -1,6 +1,7 @@
"use client";
import { useSession } from "next-auth/react";
+import { useTranslations } from "next-intl";
import Link from "next/link";
import { usePathname } from "next/navigation";
import { useEffect, useState } from "react";
@@ -17,6 +18,7 @@ const Navbar = () => {
const [scrolling, setIsScrolling] = useState(false);
const { status } = useSession();
const pathname = usePathname();
+ const t = useTranslations();
const version = "v1.0";
useVersionSync(version);
@@ -57,7 +59,7 @@ const Navbar = () => {
href={item.link}
className={`p-3 text-[16px] font-medium text-neutral-dark-1 transition-all duration-300 hover:text-primary ${pathname === item.link ? "text-primary" : ""}`}
>
- {item.route}
+ {t(`${item.route}`)}
);
})}
@@ -69,13 +71,13 @@ const Navbar = () => {
href="/login"
className="grid h-[44px] place-items-center whitespace-nowrap rounded-md border border-primary px-4 text-primary hover:bg-subtle lg:px-8"
>
- Log in
+ {t("navbar.login")}
- Get Started
+ {t("navbar.register")}