Add src/app/services/page.tsx

Merge version_3 into main

src/app/contact/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 
 export default function ContactPage() {
   return (
@@ -28,15 +28,18 @@ export default function ContactPage() {
           ]}
           brandName="الشامل فود"
         />
-        <div className="min-h-screen pt-32 pb-20 px-4 flex flex-col items-center justify-center">
-            <h1 className="text-4xl font-bold mb-8">اتصل بنا</h1>
-            <p className="text-xl mb-4">يمكنكم التواصل معنا عبر الهاتف:</p>
-            <a href="tel:0506992050" className="text-3xl font-bold text-primary">0506992050</a>
-        </div>
+        <ContactCTA
+          tag="اتصل بنا"
+          title="نحن هنا لخدمتك"
+          description="لا تتردد في الاتصال بنا لأي استفسارات أو طلبات."
+          buttons={[{ text: "0506992050", href: "tel:0506992050" }]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
         <FooterSimple
           columns={[
             { title: "القائمة", items: [{ label: "الرئيسية", href: "/" }] },
-            { title: "تواصل معنا", items: [{ label: "اتصل بنا", href: "/contact" }] },
+            { title: "تواصل معنا", items: [{ label: "تواصل معنا", href: "/contact" }] },
           ]}
           bottomLeftText="© 2024 الشامل فود."
           bottomRightText="جميع الحقوق محفوظة."

src/app/page.tsx

@@ -2,7 +2,6 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
@@ -48,7 +47,7 @@ export default function LandingPage() {
       logoText="ألذ نكهات الكاري في مكة"
       description=""
       buttons={[{ text: "اطلب الآن", href: "#products" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404302.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/table-with-traditional-indian-dishes_140725-10367.jpg"
       mediaAnimation="slide-up"
     />
   </div>
@@ -63,7 +62,7 @@ export default function LandingPage() {
         { value: "500+", title: "زائر يومياً" },
         { value: "10", title: "سنوات خبرة" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404397.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/traditional-indian-food-top-view_140725-11635.jpg"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
     />
@@ -91,8 +90,8 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         { id: "m1", value: "15,000", title: "طلب مكتمل", description: "خدمنا الآلاف من الزوار بكل حب", imageSrc: "http://img.b2bpic.net/free-photo/sous-chef-pressing-knife-cloves-make-crushed-garlic-cutting-board_482257-121114.jpg" },
-        { id: "m2", value: "4.8", title: "تقييم الزوار", description: "نفخر برضا زبائننا المستمر", imageSrc: "http://img.b2bpic.net/free-photo/front-view-carrot-injected-with-chemicals_23-2148536501.jpg" },
-        { id: "m3", value: "95%", title: "عودة الزوار", description: "زبائننا يثقون في طعمنا دائماً", imageSrc: "http://img.b2bpic.net/free-photo/red-pepper-syringe-filled-with-green-chemicals_23-2148536481.jpg" },
+        { id: "m2", value: "4.8", title: "تقييم الزوار", description: "نفخر برضا زبائننا المستمر", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-spices-background_23-2148536501.jpg" },
+        { id: "m3", value: "95%", title: "عودة الزوار", description: "زبائننا يثقون في طعمنا دائماً", imageSrc: "http://img.b2bpic.net/free-photo/red-pepper-spices_23-2148536481.jpg" },
       ]}
       title="نجاحنا بلغة الأرقام"
       description="فخورون بثقة زوارنا الدائمين الذين اختارونا كوجهتهم المفضلة في مكة."
@@ -104,9 +103,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        { id: "1", name: "محمد أحمد", date: "منذ يومين", title: "أفضل دوسا", quote: "الطعم كما هو في كيرالا بالضبط، ممتاز!", tag: "زائر دائم", avatarSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663832.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404302.jpg?_wi=2", imageAlt: "customer review portrait happy" },
-        { id: "2", name: "سارة علي", date: "منذ أسبوع", title: "خدمة سريعة", quote: "لا يوجد انتظار طويل، الطعام طازج ولذيذ.", tag: "تجربة أولى", avatarSrc: "http://img.b2bpic.net/free-photo/good-humoured-caucasian-woman-enjoying-healthy-food-indoor-shot-smiling-girl-eating-salad_197531-17196.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404397.jpg?_wi=2", imageAlt: "customer review portrait happy" },
-        { id: "3", name: "خالد عمر", date: "منذ أسبوعين", title: "مثالي للعائلة", quote: "مكان مريح جداً للعوائل والطعم لا يُعلى عليه.", tag: "زائر دائم", avatarSrc: "http://img.b2bpic.net/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dish-spruce-branches-appetizing-christmas-dish-with-lemon-bottle-oil-spices-spruce-branches-with-cones-garlic_140725-111635.jpg", imageAlt: "customer review portrait happy" },
+        { id: "1", name: "محمد أحمد", date: "منذ يومين", title: "أفضل دوسا", quote: "الطعم كما هو في كيرالا بالضبط، ممتاز!", tag: "زائر دائم", avatarSrc: "http://img.b2bpic.net/free-photo/food-icon-placeholder.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404302.jpg?_wi=2" },
+        { id: "2", name: "سارة علي", date: "منذ أسبوع", title: "خدمة سريعة", quote: "لا يوجد انتظار طويل، الطعام طازج ولذيذ.", tag: "تجربة أولى", avatarSrc: "http://img.b2bpic.net/free-photo/food-icon-placeholder.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-celebration-with-delicious-food_23-2151404397.jpg?_wi=2" },
+        { id: "3", name: "خالد عمر", date: "منذ أسبوعين", title: "مثالي للعائلة", quote: "مكان مريح جداً للعوائل والطعم لا يُعلى عليه.", tag: "زائر دائم", avatarSrc: "http://img.b2bpic.net/free-photo/food-icon-placeholder.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dish-spruce-branches-appetizing-christmas-dish-with-lemon-bottle-oil-spices-spruce-branches-with-cones-garlic_140725-111635.jpg" },
       ]}
       title="ماذا يقول زوارنا؟"
       description="آراء وتجارب زبائننا الذين استمتعوا بأصالة المذاق في مطعم الشامل فود."
@@ -138,7 +137,7 @@ export default function LandingPage() {
         { id: "f2", title: "هل يتوفر مساحة للعائلات؟", content: "نعم، نوفر مناطق جلوس مريحة وخصوصية للعائلات." },
         { id: "f3", title: "ما هي ساعات العمل؟", content: "نعمل يومياً من الساعة 12 ظهراً وحتى 1 صباحاً." },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/handsome-waiter-restaurant-is-serving-young-lady-meal_8353-10594.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/indian-restaurant-interior-with-warm-lighting_140725-1215.jpg"
       title="أسئلة شائعة"
       description="هل لديك استفسارات حول خدماتنا؟ إليك الإجابات."
       faqsAnimation="slide-up"
@@ -149,7 +148,7 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         { title: "القائمة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "القائمة", href: "#products" }] },
-        { title: "تواصل معنا", items: [{ label: "اتصل بنا", href: "/contact" }] },
+        { title: "تواصل معنا", items: [{ label: "تواصل معنا", href: "/contact" }] },
       ]}
       bottomLeftText="© 2024 الشامل فود."
       bottomRightText="جميع الحقوق محفوظة."

src/app/services/page.tsx

@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import { Sparkles, Zap, Utensils, Truck } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeLargeTitles"
+        background="grid"
+        cardStyle="solid"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+              navItems={[
+                { name: "الرئيسية", id: "/" },
+                { name: "خدماتنا", id: "#services" },
+                { name: "تواصل معنا", id: "/contact" },
+              ]}
+              brandName="الشامل فود"
+            />
+        </div>
+
+        <div id="services" data-section="services">
+            <FeatureHoverPattern
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              title="خدماتنا المميزة"
+              description="نحن فخورون بتقديم مجموعة من الخدمات التي تلبي احتياجاتك وتضمن راحتك."
+              features={[
+                { icon: Utensils, title: "وجبات طازجة يومياً", description: "نحضر أطباقنا بأجود المكونات الطازجة يومياً." },
+                { icon: Truck, title: "توصيل سريع", description: "نضمن وصول طلباتكم ساخنة وبسرعة قياسية." },
+                { icon: Zap, title: "طلبات للمناسبات", description: "نستقبل طلبات الحفلات والمناسبات الخاصة." },
+                { icon: Sparkles, title: "ضيافة استثنائية", description: "نحرص على تجربة طعام لا تُنسى في كل زيارة." },
+              ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterSimple
+              columns={[
+                { title: "القائمة", items: [{ label: "الرئيسية", href: "/" }, { label: "خدماتنا", href: "#services" }] },
+                { title: "تواصل معنا", items: [{ label: "تواصل معنا", href: "/contact" }] },
+              ]}
+              bottomLeftText="© 2024 الشامل فود."
+              bottomRightText="جميع الحقوق محفوظة."
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}