Add src/lib/hooks/useButtonClick.ts

Merge version_2 into main

src/app/page.tsx

@@ -142,19 +142,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",          name: "سارة محمد",          role: "برنامج نزول الوزن",          company: "نتائج مبهرة",          rating: 5,
+          id: "1",          name: "سارة محمد",          role: "برنامج نزول الوزن",          company: "حققت نتائج مبهرة وتغير كبير في حياتي!",          rating: 5,
           imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",          imageAlt: "صورة مشتركة سعيدة"},
         {
-          id: "2",          name: "فاطمة أحمد",          role: "برنامج تثبيت الوزن",          company: "استمرارية رائعة",          rating: 5,
+          id: "2",          name: "فاطمة أحمد",          role: "برنامج تثبيت الوزن",          company: "ساعدني على الحفاظ على وزني المثالي باستمرارية رائعة.",          rating: 5,
           imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-rock-reading-book_23-2148139668.jpg",          imageAlt: "صورة مشتركة راضية"},
         {
-          id: "3",          name: "ليلى خالد",          role: "برنامج تحسين عادات",          company: "صحة أفضل",          rating: 5,
+          id: "3",          name: "ليلى خالد",          role: "برنامج تحسين عادات",          company: "تحسنت صحتي بشكل ملحوظ وأصبحت أنشط.",          rating: 5,
           imageSrc: "http://img.b2bpic.net/free-photo/person-practicing-yoga-meditation-desert_23-2150838482.jpg",          imageAlt: "صورة مشتركة بصحة جيدة"},
         {
-          id: "4",          name: "نور علي",          role: "برنامج نزول الوزن",          company: "ثقة بالنفس",          rating: 5,
+          id: "4",          name: "نور علي",          role: "برنامج نزول الوزن",          company: "استعدت ثقتي بنفسي وأصبحت أكثر حيوية.",          rating: 5,
           imageSrc: "http://img.b2bpic.net/free-photo/casual-teenager-posing-outdoors_23-2148804653.jpg",          imageAlt: "صورة مشتركة واثقة"},
         {
-          id: "5",          name: "هدى محمود",          role: "برنامج زيادة الوزن",          company: "توازن غذائي",          rating: 5,
+          id: "5",          name: "هدى محمود",          role: "برنامج زيادة الوزن",          company: "حققت توازنًا غذائيًا رائعًا واكتسبت وزنًا صحيًا.",          rating: 5,
           imageSrc: "http://img.b2bpic.net/free-photo/smiley-muslim-woman-wearing-hijab_23-2149123042.jpg",          imageAlt: "صورة مشتركة متوازنة"}
       ]}
       kpiItems={[
@@ -166,7 +166,7 @@ export default function LandingPage() {
           value: "5+",          label: "سنوات خبرة"}
       ]}
       title="آراء المشتركات"
-      description="استمعي إلى تجارب مشتركاتنا وكيف غيرت حياتهن نحو الأفضل مع Coach Noka."
+      description="اكتشفي قصص نجاح مشتركاتنا الملهمة وكيف وصلن لأهدافهن الصحية مع برامج Coach Noka."
     />
   </div>
 
@@ -201,7 +201,7 @@ export default function LandingPage() {
         variant: "plain"}}
       tag="تواصلي معنا"
       title="ابدئي رحلتك الآن"
-      description="تواصلي معنا عبر الواتساب لإرسال طلب الاشتراك وبدء رحلتك الصحية مع Coach Noka."
+      description="تواصلي معنا عبر واتساب، انستغرام، أو تليجرام لبدء رحلتك الصحية مع Coach Noka. نحن هنا لدعمك والإجابة على استفساراتك!"
       imageSrc="http://img.b2bpic.net/free-photo/woman-checking-laptop-eating-salad_23-2148238864.jpg"
       imageAlt="Coach Noka helping a client with nutrition"
       mediaAnimation="opacity"

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-poppins), sans-serif;
+  font-family: var(--font-figtree), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-poppins), sans-serif;
+  font-family: var(--font-figtree), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #FFF8EF;
-  --card: #F3E8D8;
-  --foreground: #3F3A34;
-  --primary-cta: #AFC8A5;
-  --primary-cta-text: #FFFFFF;
-  --secondary-cta: #DDEBDD;
-  --secondary-cta-text: #3F3A34;
-  --accent: #F5C7B8;
-  --background-accent: #DDEBDD;
+  --background: #f7f6f7;
+  --card: #ffffff;
+  --foreground: #1b0c25;
+  --primary-cta: #1b0c25;
+  --primary-cta-text: #f7f6f7;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1b0c25;
+  --accent: #ff93e4;
+  --background-accent: #e8a8c3;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/lib/hooks/useButtonClick.ts

@@ -0,0 +1,36 @@
+import { useCallback } from 'react';
+import { useLenis } from 'lenis/react';
+import { useRouter } from 'next/navigation';
+
+interface UseButtonClickProps {
+  href?: string;
+  onClick?: (event: React.MouseEvent) => void;
+}
+
+export const useButtonClick = ({ href, onClick }: UseButtonClickProps) => {
+  const lenis = useLenis();
+  const router = useRouter();
+
+  const handleClick = useCallback((event: React.MouseEvent) => {
+    if (onClick) {
+      onClick(event);
+    }
+
+    if (href) {
+      if (href.startsWith('#')) {
+        event.preventDefault();
+        const normalizedSectionId = href.replace(/^#/, '');
+        if (lenis) {
+          lenis.scrollTo(`#${normalizedSectionId}`);
+        } else {
+          document.getElementById(normalizedSectionId)?.scrollIntoView({ behavior: 'smooth' });
+        }
+      } else if (href.startsWith('/') || href.startsWith('.')) {
+        event.preventDefault();
+        router.push(href);
+      }
+    }
+  }, [href, onClick, lenis, router]);
+
+  return handleClick;
+};