Merge version_2 into main #3
145
src/app/page.tsx
145
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="ملاعبنا"
|
||||
description="اكتشف ملاعبنا المجهزة بأحدث التقنيات لأفضل أداء كروي."
|
||||
title="ملاعبنا المتاحة"
|
||||
description="اختر ملعبك المفضل وابدأ اللعب"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="facilities" data-section="facilities">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "إضاءة ليلية", description: "إضاءة احترافية تضمن أفضل رؤية للمباريات المسائية.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/stadium-lights-realistic-black-white-set-isolated_1284-26838.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-222.jpg" },
|
||||
},
|
||||
{
|
||||
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 id="booking" data-section="booking">
|
||||
<ContactCTA
|
||||
tag="احجز الآن"
|
||||
tagIcon={Calendar}
|
||||
title="احجز ملعبك المفضل بكل سهولة"
|
||||
description="لا تضيع الفرصة، احجز وقتك الآن واستمتع بمباريات حماسية مع فريقك. احصل على أولوية الحجز عبر نموذجنا السريع."
|
||||
buttons={[{ text: "اتصل للحجز: 0535060486", href: "tel:0535060486" }, { text: "واتساب", href: "https://wa.me/966535060486" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "plan2", badge: "احترافي", price: "200 ر.س", subtitle: "للمباريات التنافسية", features: ["ملعب متطور", "ساعتين", "مرافق كاملة"], buttons: [{ text: "احجز الآن", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "plan3", badge: "باقة الفرق", price: "500 ر.س", subtitle: "للبطولات والمناسبات", features: ["حجز مفتوح", "مرافق VIP", "دعم فني"], buttons: [{ text: "احجز الآن", href: "#contact" }],
|
||||
},
|
||||
{ id: "plan1", badge: "أساسي", price: "100 ر.س", subtitle: "للمباريات الودية القصيرة", features: ["ملعب عادي", "ساعة واحدة"], buttons: [{ text: "اختر", href: "#booking" }] },
|
||||
{ id: "plan2", badge: "احترافي", price: "200 ر.س", subtitle: "للمباريات التنافسية", features: ["ملعب متطور", "ساعتين", "مرافق كاملة"], buttons: [{ text: "اختر", href: "#booking" }] },
|
||||
{ id: "plan3", badge: "VIP", price: "500 ر.س", subtitle: "للبطولات والمناسبات", features: ["حجز مفتوح", "مرافق VIP", "دعم فني"], buttons: [{ text: "اختر", href: "#booking" }] },
|
||||
]}
|
||||
title="الأسعار والعروض"
|
||||
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" }]}
|
||||
title="باقات الحجز المميزة"
|
||||
description="خطط تناسب جميع المستويات"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterLogoEmphasis
|
||||
logoText="ملاعب ون تو"
|
||||
columns={[
|
||||
{ title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "عن الملاعب", href: "#about" }] },
|
||||
{ title: "تواصل معنا", items: [{ label: "0535060486", href: "tel:0535060486" }, { label: "الرياض، السعودية", href: "#" }] },
|
||||
{ items: [{ label: "الرئيسية", href: "#hero" }, { label: "الملاعب", href: "#fields" }, { label: "الحجوزات", href: "#booking" }] },
|
||||
{ items: [{ label: "تواصل معنا: 0535060486" }, { label: "الرياض، السعودية" }, { label: "Instagram" }, { label: "Twitter/X" }] },
|
||||
{ items: [{ label: "الشروط والأحكام" }, { label: "سياسة الخصوصية" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f8fafc;
|
||||
--foreground: #111827;
|
||||
--primary-cta: #15803d;
|
||||
--background: #020617;
|
||||
--card: #0f172a;
|
||||
--foreground: #e2e8f0;
|
||||
--primary-cta: #106efb;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #1e293b;
|
||||
--secondary-cta-text: #111827;
|
||||
--accent: #fbbf24;
|
||||
--background-accent: #f8fafc;
|
||||
--accent: #35c18b;
|
||||
--background-accent: #004a93;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user