Update src/app/page.tsx

This commit is contained in:
2026-05-13 11:29:51 +00:00
parent 693458f1c9
commit 2d7da7b1f9

View File

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve'; import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplit from '@/components/sections/hero/HeroSplit'; import HeroSplit from '@/components/sections/hero/HeroSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree'; import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "الرئيسية", name: "الرئيسية", id: "hero"},
id: "hero",
},
{ {
name: "الخلطات", name: "الخلطات", id: "products"},
id: "products",
},
{ {
name: "قصتنا", name: "قصتنا", id: "about"},
id: "about",
},
{ {
name: "اتصل بنا", name: "اتصل بنا", id: "contact"},
id: "contact",
},
]} ]}
brandName="عصائر الفصول الأربعة" brandName="عصائر الفصول الأربعة"
/> />
@@ -55,67 +47,42 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
title="مو مجرد عصير… هذا مود." title="مو مجرد عصير… هذا مود."
description="خلطات طازجة، جودة استثنائية، وتجربة تخليك ترجع مرة ثانية." description="خلطات طازجة، جودة استثنائية، وتجربة تخليك ترجع مرة ثانية."
buttons={[ buttons={[
{ {
text: "اطلب الآن", text: "اطلب الآن", href: "#contact"},
href: "#contact",
},
{ {
text: "اكتشف الخلطات", text: "اكتشف الخلطات", href: "#products"},
href: "#products",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337734.jpg" imageSrc="http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337734.jpg"
imageAlt="عصائر الفصول الأربعة" imageAlt="عصائر الفصول الأربعة"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/front-view-muesli-dessert_23-2148243586.jpg", src: "http://img.b2bpic.net/free-photo/front-view-muesli-dessert_23-2148243586.jpg", alt: "Customer 1"},
alt: "Customer 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/view-cocktail-mix-glass-with-abstract-neo-futuristic-set_23-2150938379.jpg", src: "http://img.b2bpic.net/free-photo/view-cocktail-mix-glass-with-abstract-neo-futuristic-set_23-2150938379.jpg", alt: "Customer 2"},
alt: "Customer 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/table-with-alcohol-glasses-home_23-2148741483.jpg", src: "http://img.b2bpic.net/free-photo/table-with-alcohol-glasses-home_23-2148741483.jpg", alt: "Customer 3"},
alt: "Customer 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/crystal-glass-cold-cocktail-garnished-with-dried-orange-slice-served-smoked-bucket_140725-5998.jpg", src: "http://img.b2bpic.net/free-photo/crystal-glass-cold-cocktail-garnished-with-dried-orange-slice-served-smoked-bucket_140725-5998.jpg", alt: "Customer 4"},
alt: "Customer 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/pineapple-other-exotic-fruits-basket-white-background-top-view_169016-23834.jpg", src: "http://img.b2bpic.net/free-photo/pineapple-other-exotic-fruits-basket-white-background-top-view_169016-23834.jpg", alt: "Customer 5"},
alt: "Customer 5",
},
]} ]}
avatarText="انضم إلى 5,000+ من عشاق عصائرنا" avatarText="انضم إلى 5,000+ من عشاق عصائرنا"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "طبيعي 100%"},
text: "طبيعي 100%",
},
{ {
type: "text", type: "text", text: "بدون إضافات"},
text: "بدون إضافات",
},
{ {
type: "text", type: "text", text: "توصيل سريع"},
text: "توصيل سريع",
},
{ {
type: "text", type: "text", text: "جودة فاخرة"},
text: "جودة فاخرة",
},
{ {
type: "text", type: "text", text: "نكهات حصرية"},
text: "نكهات حصرية",
},
]} ]}
/> />
</div> </div>
@@ -125,18 +92,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
heading={[ heading={[
{ {
type: "text", type: "text", content: "قصة فخامة، "},
content: "قصة فخامة، ",
},
{ {
type: "image", type: "image", src: "http://img.b2bpic.net/free-photo/pinapple-basket-cut-candle-is-put-inside-fruit-platter_114579-2610.jpg", alt: "Luxury Fruit"},
src: "http://img.b2bpic.net/free-photo/pinapple-basket-cut-candle-is-put-inside-fruit-platter_114579-2610.jpg",
alt: "Luxury Fruit",
},
{ {
type: "text", type: "text", content: " في كل قطرة."},
content: " في كل قطرة.",
},
]} ]}
/> />
</div> </div>
@@ -149,59 +109,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", brand: "Signature", name: "عوار قلب", price: "25 SAR", rating: 5,
brand: "Signature", reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/delicious-orange-drink-with-fruits_23-2148683605.jpg"},
name: "عوار قلب",
price: "25 SAR",
rating: 5,
reviewCount: "1.2k",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-orange-drink-with-fruits_23-2148683605.jpg",
},
{ {
id: "p2", id: "p2", brand: "Signature", name: "الباور جوس", price: "22 SAR", rating: 5,
brand: "Signature", reviewCount: "900+", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cocktail-tablecloth_23-2151318419.jpg"},
name: "الباور جوس",
price: "22 SAR",
rating: 5,
reviewCount: "900+",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cocktail-tablecloth_23-2151318419.jpg",
},
{ {
id: "p3", id: "p3", brand: "Signature", name: "الفصول الأربعة", price: "28 SAR", rating: 5,
brand: "Signature", reviewCount: "2k+", imageSrc: "http://img.b2bpic.net/free-photo/orange-glass-juice-with-yellow-pipe-wooden-platter-marble-middle-high-quality-photo_114579-53141.jpg"},
name: "الفصول الأربعة",
price: "28 SAR",
rating: 5,
reviewCount: "2k+",
imageSrc: "http://img.b2bpic.net/free-photo/orange-glass-juice-with-yellow-pipe-wooden-platter-marble-middle-high-quality-photo_114579-53141.jpg",
},
{ {
id: "p4", id: "p4", brand: "Signature", name: "العنابي", price: "20 SAR", rating: 5,
brand: "Signature", reviewCount: "800+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-cocktail-with-orange_23-2149418315.jpg"},
name: "العنابي",
price: "20 SAR",
rating: 5,
reviewCount: "800+",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-cocktail-with-orange_23-2149418315.jpg",
},
{ {
id: "p5", id: "p5", brand: "Signature", name: "أفوكادو", price: "24 SAR", rating: 5,
brand: "Signature", reviewCount: "1.5k+", imageSrc: "http://img.b2bpic.net/free-photo/halloween-treats-party_23-2148603642.jpg"},
name: "أفوكادو",
price: "24 SAR",
rating: 5,
reviewCount: "1.5k+",
imageSrc: "http://img.b2bpic.net/free-photo/halloween-treats-party_23-2148603642.jpg",
},
{ {
id: "p6", id: "p6", brand: "Signature", name: "ميكس خاص", price: "26 SAR", rating: 5,
brand: "Signature", reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-negroni-drink-flower_23-2149418258.jpg"},
name: "ميكس خاص",
price: "26 SAR",
rating: 5,
reviewCount: "500+",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-negroni-drink-flower_23-2149418258.jpg",
},
]} ]}
title="تشكيلتنا الفاخرة" title="تشكيلتنا الفاخرة"
description="استمتع بمذاق لا ينسى." description="استمتع بمذاق لا ينسى."
@@ -215,40 +139,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "أحمد", role: "زبون دائم", testimonial: "والله أروح له كل يوم.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-orange-juice-bottles-arrangement_23-2148858603.jpg"},
name: "أحمد",
role: "زبون دائم",
testimonial: "والله أروح له كل يوم.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-orange-juice-bottles-arrangement_23-2148858603.jpg",
},
{ {
id: "2", id: "2", name: "سارة", role: "محبة للعصائر", testimonial: "أفضل عصير بجدة.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081463.jpg"},
name: "سارة",
role: "محبة للعصائر",
testimonial: "أفضل عصير بجدة.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081463.jpg",
},
{ {
id: "3", id: "3", name: "خالد", role: "زبون دائم", testimonial: "ماله بديل.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-object_1122-1808.jpg"},
name: "خالد",
role: "زبون دائم",
testimonial: "ماله بديل.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-object_1122-1808.jpg",
},
{ {
id: "4", id: "4", name: "نورة", role: "زبونة", testimonial: "شغل نظيف بمعنى الكلمة.", imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg"},
name: "نورة",
role: "زبونة",
testimonial: "شغل نظيف بمعنى الكلمة.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg",
},
{ {
id: "5", id: "5", name: "عمر", role: "زبون دائم", testimonial: "الطعم يعلق بالبال.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-restaurant_23-2148395303.jpg"},
name: "عمر",
role: "زبون دائم",
testimonial: "الطعم يعلق بالبال.",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-restaurant_23-2148395303.jpg",
},
]} ]}
title="ماذا يقول عشاق الفصول الأربعة" title="ماذا يقول عشاق الفصول الأربعة"
description="تجربة طعم لا ينسى." description="تجربة طعم لا ينسى."
@@ -262,31 +161,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", id: "f1", label: "طازج", title: "خضار وفواكه طازجة", items: [
label: "طازج", "يومياً", "بدون إضافات"],
title: "خضار وفواكه طازجة",
items: [
"يومياً",
"بدون إضافات",
],
}, },
{ {
id: "f2", id: "f2", label: "سرعة", title: "خدمة فائقة", items: [
label: "سرعة", "توصيل سريع", "طلبات دقيقة"],
title: "خدمة فائقة",
items: [
"توصيل سريع",
"طلبات دقيقة",
],
}, },
{ {
id: "f3", id: "f3", label: "جودة", title: "نظافة عالمية", items: [
label: "جودة", "أدوات معقمة", "بيئة نظيفة"],
title: "نظافة عالمية",
items: [
"أدوات معقمة",
"بيئة نظيفة",
],
}, },
]} ]}
title="لماذا نحن؟" title="لماذا نحن؟"
@@ -301,23 +185,14 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", icon: Star,
icon: Star, title: "تقييمات", value: "1200+"},
title: "تقييمات",
value: "1200+",
},
{ {
id: "m2", id: "m2", icon: Clock,
icon: Clock, title: "ساعات عمل", value: "24/7"},
title: "ساعات عمل",
value: "24/7",
},
{ {
id: "m3", id: "m3", icon: Leaf,
icon: Leaf, title: "نكهات طبيعية", value: "50+"},
title: "نكهات طبيعية",
value: "50+",
},
]} ]}
title="أرقام تتحدث عن جودتنا" title="أرقام تتحدث عن جودتنا"
description="نحن نخدم المئات يومياً." description="نحن نخدم المئات يومياً."
@@ -331,16 +206,10 @@ export default function LandingPage() {
description="اطلب عصائرك المفضلة الآن." description="اطلب عصائرك المفضلة الآن."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "الاسم", required: true,
type: "text",
placeholder: "الاسم",
required: true,
}, },
{ {
name: "phone", name: "phone", type: "text", placeholder: "رقم الجوال", required: true,
type: "text",
placeholder: "رقم الجوال",
required: true,
}, },
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/purple-cocktail-garnished-with-gypsophila-long-stand-glass_141793-1947.jpg" imageSrc="http://img.b2bpic.net/free-photo/purple-cocktail-garnished-with-gypsophila-long-stand-glass_141793-1947.jpg"
@@ -348,34 +217,23 @@ export default function LandingPage() {
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterSimple
columns={[ columns={[
{ {
items: [ title: "القائمة", items: [
{ { label: "الرئيسية", href: "/" },
label: "الرئيسية", { label: "الخلطات", href: "#products" },
href: "/",
},
{
label: "الخلطات",
href: "#products",
},
], ],
}, },
{ {
items: [ title: "معلومات", items: [
{ { label: "سياسة الخصوصية", href: "#" },
label: "سياسة الخصوصية", { label: "اتصل بنا", href: "#contact" },
href: "#",
},
{
label: "اتصل بنا",
href: "#contact",
},
], ],
}, },
]} ]}
logoText="عصائر الفصول الأربعة" bottomLeftText="© 2024 عصائر الفصول الأربعة"
bottomRightText="جميع الحقوق محفوظة"
/> />
</div> </div>
</ReactLenis> </ReactLenis>