bender/30763178-49e7-4d01-b630-692b065d0009
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-13 11:29:55 +00:00
parent 693458f1c9 ed20bd972c
commit 78f34b6dae
2 changed files with 69 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

264
src/app/page.tsx
View File

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

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #070707;
--card: #121212;
--foreground: #F8F1E7;
--primary-cta: #D9A441;
--background: #0c0b0a;
--card: #171615;
--foreground: #f5f3f0;
--primary-cta: #c5a059;
--primary-cta-text: #070707;
--secondary-cta: #121212;
--secondary-cta: #2a2825;
--secondary-cta-text: #F8F1E7;
--accent: #D9A441;
--background-accent: #1a1a1a;
--accent: #c5a059;
--background-accent: #1f1d1a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);