diff --git a/src/components/home/HeroVideo.tsx b/src/components/home/HeroVideo.tsx
index 682fe66..498cd92 100644
--- a/src/components/home/HeroVideo.tsx
+++ b/src/components/home/HeroVideo.tsx
@@ -2,9 +2,12 @@
import { motion } from "framer-motion";
import Link from "next/link";
+import { useTranslations } from "next-intl";
import { ChevronDown } from "lucide-react";
export default function HeroVideo() {
+ const t = useTranslations("Home.hero");
+
const scrollToContent = () => {
const element = document.getElementById("main-content");
if (element) {
@@ -47,7 +50,7 @@ export default function HeroVideo() {
))}
- Loved by 50,000+ customers worldwide
+ {t("lovedBy")}
@@ -58,9 +61,9 @@ export default function HeroVideo() {
transition={{ duration: 0.8, delay: 0.5 }}
className="text-4xl md:text-6xl lg:text-7xl font-medium mb-6 tracking-tight leading-tight"
>
- Transform Your Hair & Skin
+ {t("transformHeadline")}
- with 100% Natural Oils
+ {t("withNaturalOils")}
{/* Subtitle - Expands on how */}
@@ -70,8 +73,7 @@ export default function HeroVideo() {
transition={{ duration: 0.6, delay: 0.7 }}
className="text-lg md:text-xl text-white/80 mb-8 font-light max-w-2xl mx-auto leading-relaxed"
>
- Cold-pressed, organic oils handcrafted with love.
- No additives, no preservatives—just nature's purest goodness for your daily beauty ritual.
+ {t("subtitleText")}
{/* CTA Button - Action verb + value */}
@@ -85,13 +87,13 @@ export default function HeroVideo() {
href="/products"
className="inline-block px-10 py-4 bg-white text-black text-[13px] uppercase tracking-[0.15em] font-semibold hover:bg-white/90 transition-all duration-300 hover:scale-105 shadow-lg hover:shadow-xl"
>
- Transform My Hair & Skin
+ {t("ctaButton")}
- Learn Our Story
+ {t("learnStory")}
@@ -106,19 +108,19 @@ export default function HeroVideo() {
- 30-Day Money Back
+ {t("moneyBack")}
- Free Shipping Over 3,000 RSD
+ {t("freeShipping")}
- Cruelty Free
+ {t("crueltyFree")}
diff --git a/src/components/home/TestimonialsSection.tsx b/src/components/home/TestimonialsSection.tsx
index 83d9571..a77ed6d 100644
--- a/src/components/home/TestimonialsSection.tsx
+++ b/src/components/home/TestimonialsSection.tsx
@@ -2,36 +2,20 @@
import { motion } from "framer-motion";
import { Star, Check } from "lucide-react";
-
-const testimonials = [
- {
- id: 1,
- name: "Sarah M.",
- skinType: "Dry, sensitive skin",
- text: "I've tried countless oils over the years, but ManoonOils is different. My skin has never felt this nourished and healthy. The argan oil is now a staple in my routine.",
- verified: true,
- },
- {
- id: 2,
- name: "James K.",
- skinType: "Hair care enthusiast",
- text: "Finally found an oil that actually tames my frizz without making my hair greasy. The jojoba oil works wonders for my beard too. Highly recommend!",
- verified: true,
- },
- {
- id: 3,
- name: "Emma L.",
- skinType: "Combination skin",
- text: "Was skeptical at first but after 3 weeks of using the rosehip oil, my skin texture has improved dramatically. The quality is unmatched.",
- verified: true,
- },
-];
+import { useTranslations } from "next-intl";
export default function TestimonialsSection() {
+ const t = useTranslations("Testimonials");
+
+ const reviews = t.raw("reviews") as Array<{
+ name: string;
+ skinType: string;
+ text: string;
+ }>;
+
return (