Update src/app/page.tsx
This commit is contained in:
266
src/app/page.tsx
266
src/app/page.tsx
@@ -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,37 +217,26 @@ 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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user