Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
@@ -13,7 +13,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { CheckCircle, Trophy, Users } from "lucide-react";
+import { CheckCircle, Trophy, Users, Calendar } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -36,15 +36,14 @@ export default function LandingPage() {
         { name: "الرئيسية", id: "hero" },
         { name: "عن الملاعب", id: "about" },
         { name: "الملاعب", id: "fields" },
-        { name: "المرافق", id: "facilities" },
+        { name: "احجز الآن", id: "booking" },
         { name: "الأسعار", id: "pricing" },
         { name: "آراء العملاء", id: "testimonials" },
-        { name: "الأسئلة الشائعة", id: "faq" },
         { name: "تواصل معنا", id: "contact" },
       ]}
       brandName="ملاعب ون تو"
       button={{
-        text: "احجز ملعب الآن",        href: "#contact"}}
+        text: "احجز ملعبك الآن",        href: "#booking"}}
     />
   </div>
 
@@ -57,20 +56,10 @@ export default function LandingPage() {
         { name: "أحمد السالم", handle: "@ahmed_s", testimonial: "تجربة ممتازة، الملاعب احترافية جداً والحجز سهل.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-soccer-game-fan-enjoying-match_23-2150860663.jpg" },
         { name: "محمد العتيبي", handle: "@mohammed_a", testimonial: "أفضل ملاعب في الرياض، إضاءة ممتازة ونظافة عالية.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-soccer-player_23-2151871500.jpg" },
         { name: "خالد العنزي", handle: "@khalid_e", testimonial: "تنظيم رائع وسهولة في الحجز، بالتأكيد سأكرر التجربة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/football-trainer-teaching-his-pupils_23-2149707973.jpg" },
-        { name: "عبدالله الحربي", handle: "@abdullah_h", testimonial: "مكان مثالي لمباريات الأصدقاء، مرافق متكاملة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-sportsman-holding-ball-looking-camera_23-2148203681.jpg" },
-        { name: "سعد القحطاني", handle: "@saad_q", testimonial: "إدارة محترفة وخدمة عملاء رائعة، أنصح به بشدة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-football-player-stadium-business-suit_1303-16331.jpg" },
       ]}
-      buttons={[{ text: "احجز الآن", href: "#contact" }, { text: "شاهد الملاعب", href: "#fields" }]}
+      buttons={[{ text: "احجز الآن", href: "#booking" }, { text: "شاهد الملاعب", href: "#fields" }]}
       imageSrc="http://img.b2bpic.net/free-photo/view-empty-soccer-stadium-with-fantasy-dreamy-sky_23-2151563036.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-272.jpg", alt: "لاعب 1" },
-        { src: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-327.jpg", alt: "لاعب 2" },
-        { src: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-228.jpg", alt: "لاعب 3" },
-        { src: "http://img.b2bpic.net/free-photo/empty-soccer-stadium-with-dreamy-fantasy-view-sky_23-2151563111.jpg", alt: "لاعب 4" },
-        { src: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-220.jpg", alt: "لاعب 5" },
-      ]}
-      marqueeItems={[{ type: "text", text: "ملاعب احترافية" }, { type: "text", text: "إضاءة ممتازة" }, { type: "text", text: "موقع متميز" }, { type: "text", text: "أسعار تنافسية" }, { type: "text", text: "خدمة 24/7" }]}
     />
   </div>
 
@@ -78,7 +67,6 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="نحن نؤمن بأن كرة القدم هي أكثر من مجرد رياضة؛ إنها نبض الحياة في الرياض. نوفر بيئة رياضية متكاملة تساعد اللاعبين على صقل مواهبهم وتفريغ طاقتهم في مكان آمن واحترافي."
-      buttons={[{ text: "اقرأ المزيد", href: "#about" }]}
     />
   </div>
 
@@ -92,54 +80,22 @@ export default function LandingPage() {
         { id: "p1", name: "الملعب الرئيسي (A)", price: "200 ر.س / ساعة", imageSrc: "http://img.b2bpic.net/free-photo/view-soccer-field-with-grass_23-2150887308.jpg" },
         { id: "p2", name: "الملعب الفرعي (B)", price: "150 ر.س / ساعة", imageSrc: "http://img.b2bpic.net/free-photo/empty-soccer-goal-green-grass-field-blue-sky_1308-189699.jpg" },
         { id: "p3", name: "ملعب الخماسي (C)", price: "100 ر.س / ساعة", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-painted-white-lines-green-soccer-field-germany_181624-8494.jpg" },
-        { id: "p4", name: "الملعب الذهبي", price: "250 ر.س / ساعة", imageSrc: "http://img.b2bpic.net/free-photo/sport-ball-outdoors_23-2151919236.jpg" },
-        { id: "p5", name: "ملعب التحدي", price: "200 ر.س / ساعة", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-white-soccer-goalposts-lush-green-field_1308-189432.jpg" },
-        { id: "p6", name: "ملعب المحترفين", price: "300 ر.س / ساعة", imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-twilight-moldova_1268-15928.jpg" },
       ]}
-      title="ملاعبنا"
+      title="ملاعبنا المتاحة"
-      description="اكتشف ملاعبنا المجهزة بأحدث التقنيات لأفضل أداء كروي."
+      description="اختر ملعبك المفضل وابدأ اللعب"
     />
   </div>
 
-  <div id="facilities" data-section="facilities">
+  <div id="booking" data-section="booking">
-      <FeatureCardNine
+      <ContactCTA
-      animationType="slide-up"
+        tag="احجز الآن"
-      textboxLayout="default"
+        tagIcon={Calendar}
-      useInvertedBackground={false}
+        title="احجز ملعبك المفضل بكل سهولة"
-      features={[
+        description="لا تضيع الفرصة، احجز وقتك الآن واستمتع بمباريات حماسية مع فريقك. احصل على أولوية الحجز عبر نموذجنا السريع."
-        {
+        buttons={[{ text: "اتصل للحجز: 0535060486", href: "tel:0535060486" }, { text: "واتساب", href: "https://wa.me/966535060486" }]}
-          title: "إضاءة ليلية",          description: "إضاءة احترافية تضمن أفضل رؤية للمباريات المسائية.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/stadium-lights-realistic-black-white-set-isolated_1284-26838.jpg" },
+        background={{ variant: "sparkles-gradient" }}
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-222.jpg" },
+        useInvertedBackground={false}
-        },
+      />
-        {
-          title: "مواقف سيارات",          description: "مواقف واسعة ومؤمنة لسيارات الزوار.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/parking-place-electric-cars_1268-20595.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/no-auto-parking-sign-street-city_158595-6442.jpg" },
-        },
-        {
-          title: "غرف تبديل",          description: "غرف مريحة ونظيفة لتبديل الملابس مجهزة بدواليب.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/battery-full-sign-front-side_187299-39188.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cartoon-sports-centre-building_23-2152012342.jpg" },
-        },
-      ]}
-      showStepNumbers={false}
-      title="المرافق والخدمات"
-      description="نوفر كافة الاحتياجات لضمان تجربة رياضية متكاملة ومريحة."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      metrics={[
-        { id: "m1", value: "20,000+", title: "حجز ناجح", description: "خدمنا أكثر من ٢٠ ألف مباراة.", icon: CheckCircle },
-        { id: "m2", value: "10,000+", title: "لاعب نشط", description: "مجتمع رياضي متنامي يومياً.", icon: Users },
-        { id: "m3", value: "500+", title: "بطولة ومباراة", description: "منظمون لأهم البطولات المحلية.", icon: Trophy },
-      ]}
-      title="لماذا يختارنا اللاعبون؟"
-      description="أرقام تتحدث عن ثقة عملائنا ونجاحنا في تقديم الأفضل."
-    />
   </div>
 
   <div id="pricing" data-section="pricing">
@@ -148,69 +104,22 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "plan1", badge: "أساسي", price: "100 ر.س", subtitle: "للمباريات الودية القصيرة", features: ["ملعب عادي", "ساعة واحدة"], buttons: [{ text: "اختر", href: "#booking" }] },
-          id: "plan1", badge: "أساسي", price: "100 ر.س", subtitle: "للمباريات الودية القصيرة", features: ["ملعب عادي", "ساعة واحدة"], buttons: [{ text: "احجز الآن", href: "#contact" }],
+        { id: "plan2", badge: "احترافي", price: "200 ر.س", subtitle: "للمباريات التنافسية", features: ["ملعب متطور", "ساعتين", "مرافق كاملة"], buttons: [{ text: "اختر", href: "#booking" }] },
-        },
+        { id: "plan3", badge: "VIP", price: "500 ر.س", subtitle: "للبطولات والمناسبات", features: ["حجز مفتوح", "مرافق VIP", "دعم فني"], buttons: [{ text: "اختر", href: "#booking" }] },
-        {
-          id: "plan2", badge: "احترافي", price: "200 ر.س", subtitle: "للمباريات التنافسية", features: ["ملعب متطور", "ساعتين", "مرافق كاملة"], buttons: [{ text: "احجز الآن", href: "#contact" }],
-        },
-        {
-          id: "plan3", badge: "باقة الفرق", price: "500 ر.س", subtitle: "للبطولات والمناسبات", features: ["حجز مفتوح", "مرافق VIP", "دعم فني"], buttons: [{ text: "احجز الآن", href: "#contact" }],
-        },
       ]}
-      title="الأسعار والعروض"
+      title="باقات الحجز المميزة"
-      description="باقات مرنة تناسب احتياجاتك التنافسية والودية."
+      description="خطط تناسب جميع المستويات"
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={true}
-      testimonial="أفضل ملاعب لعبت فيها بالرياض، الخدمة احترافية جداً والملعب نظيف ومجهز."
-      rating={5}
-      author="محمد القحطاني"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/soccer-game-concept_23-2151043809.jpg", alt: "عضو 1" },
-        { src: "http://img.b2bpic.net/free-photo/england-fans-watching-euro-cup-finale_23-2151698281.jpg", alt: "عضو 2" },
-        { src: "http://img.b2bpic.net/free-photo/view-adult-male-soccer-player_23-2150888247.jpg", alt: "عضو 3" },
-        { src: "http://img.b2bpic.net/free-photo/view-soccer-player-field_23-2150885885.jpg", alt: "عضو 4" },
-        { src: "http://img.b2bpic.net/free-photo/football-sportsman-having-break-football-field_23-2148203728.jpg", alt: "عضو 5" },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        { id: "f1", title: "كيف يمكن حجز ملعب؟", content: "يمكنك الحجز عبر التواصل معنا مباشرة أو الموقع." },
-        { id: "f2", title: "هل يوجد عروض اشتراكات؟", content: "نعم، نوفر باقات أسبوعية وشهرية بأسعار مخفضة." },
-        { id: "f3", title: "ساعات العمل؟", content: "نستقبلكم يومياً من الساعة ٤ عصراً حتى ٢ فجراً." },
-      ]}
-      title="الأسئلة الشائعة"
-      description="إجابات على أسئلتك حول الحجز والملاعب."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{ variant: "gradient-bars" }}
-      text="جاهز للمباراة القادمة؟ اتصل بنا للحجز: 0535060486"
-      buttons={[{ text: "اتصل بنا", href: "tel:0535060486" }, { text: "واتساب", href: "https://wa.me/966535060486" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoEmphasis
       logoText="ملاعب ون تو"
       columns={[
-        { title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "عن الملاعب", href: "#about" }] },
+        { items: [{ label: "الرئيسية", href: "#hero" }, { label: "الملاعب", href: "#fields" }, { label: "الحجوزات", href: "#booking" }] },
-        { title: "تواصل معنا", items: [{ label: "0535060486", href: "tel:0535060486" }, { label: "الرياض، السعودية", href: "#" }] },
+        { items: [{ label: "تواصل معنا: 0535060486" }, { label: "الرياض، السعودية" }, { label: "Instagram" }, { label: "Twitter/X" }] },
+        { items: [{ label: "الشروط والأحكام" }, { label: "سياسة الخصوصية" }] }
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #020617;
-  --card: #f8fafc;
+  --card: #0f172a;
-  --foreground: #111827;
+  --foreground: #e2e8f0;
-  --primary-cta: #15803d;
+  --primary-cta: #106efb;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1e293b;
   --secondary-cta-text: #111827;
-  --accent: #fbbf24;
+  --accent: #35c18b;
-  --background-accent: #f8fafc;
+  --background-accent: #004a93;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);