Update src/app/page.tsx
This commit is contained in:
264
src/app/page.tsx
264
src/app/page.tsx
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user