Merge version_1_1781361823116 into main #2
@@ -6,290 +6,151 @@ import FeaturesImageBento from '@/components/sections/features/FeaturesImageBent
|
||||
import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
||||
import { Clock, Gift, MapPin, MessageCircle, Star, Truck, User } from "lucide-react";
|
||||
import { Clock, Flower, Gift, MapPin, MessageCircle, Star, Truck, User } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardBrand
|
||||
brand="Elegant Bloom Riyadh"
|
||||
description="تجربة فريدة في تنسيق الزهور والهدايا الفاخرة. نقدم أجمل باقات الورد الطبيعي والاصطناعي مع خدمة تغليف احترافية تناسب كافة مناسباتكم في حي العليا."
|
||||
primaryButton={{
|
||||
text: "تصفح الهدايا",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "تواصل معنا",
|
||||
href: "#contact",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28398.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="Elegant Bloom Riyadh"
|
||||
description="تجربة فريدة في تنسيق الزهور والهدايا الفاخرة. نقدم أجمل باقات الورد الطبيعي والاصطناعي مع خدمة تغليف احترافية تناسب كافة مناسباتكم في حي العليا."
|
||||
primaryButton={{ text: "تصفح الهدايا", href: "#products" }}
|
||||
secondaryButton={{ text: "تواصل معنا", href: "#contact" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28398.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="نعتني بأجمل لحظاتك"
|
||||
primaryButton={{
|
||||
text: "معرفة المزيد",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="نعتني بأجمل لحظاتك"
|
||||
primaryButton={{ text: "معرفة المزيد", href: "#contact" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesImageBento
|
||||
tag="تشكيلات مميزة"
|
||||
title="هدايا وورود لكل مناسبة"
|
||||
description="اكتشف مجموعتنا المختارة من باقات الورد الفاخرة والهدايا الفريدة والمغلفة بأرقى الخامات."
|
||||
items={[
|
||||
{
|
||||
title: "باقات العرائس",
|
||||
description: "تنسيقات ورد طبيعي فاخرة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-roses-elegant-gift_23-2148231195.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "أعياد الميلاد",
|
||||
description: "باقات زاهية ومبهجة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-watercolor-floral-arrangement_23-2151499468.jpg",
|
||||
},
|
||||
{
|
||||
title: "هدايا خاصة",
|
||||
description: "هدايا مميزة لمن تحب.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-furoshiki-packages-arrangement_23-2150642978.jpg",
|
||||
},
|
||||
{
|
||||
title: "تغليف هدايا",
|
||||
description: "خدمة تغليف احترافية.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mothers-background-flowers-day-beauti_1303-2020.jpg",
|
||||
},
|
||||
{
|
||||
title: "ورد صناعي",
|
||||
description: "جودة عالية وتصاميم عصرية.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28394.jpg",
|
||||
},
|
||||
{
|
||||
title: "توزيعات مناسبات",
|
||||
description: "أفكار مبتكرة وأنيقة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-vase-baroque-like-photography_23-2149659302.jpg",
|
||||
},
|
||||
{
|
||||
title: "بوكسات فاخرة",
|
||||
description: "مزيج الورد والهدية المثالية.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-container-with-yellow-red-flowers_23-2147948250.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="تشكيلات مميزة"
|
||||
title="هدايا وورود لكل مناسبة"
|
||||
description="اكتشف مجموعتنا المختارة من باقات الورد الفاخرة والهدايا الفريدة والمغلفة بأرقى الخامات."
|
||||
items={[
|
||||
{ title: "باقات العرائس", description: "تنسيقات ورد طبيعي فاخرة.", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-roses-elegant-gift_23-2148231195.jpg" },
|
||||
{ title: "أعياد الميلاد", description: "باقات زاهية ومبهجة.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-watercolor-floral-arrangement_23-2151499468.jpg" },
|
||||
{ title: "هدايا خاصة", description: "هدايا مميزة لمن تحب.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-furoshiki-packages-arrangement_23-2150642978.jpg" },
|
||||
{ title: "تغليف هدايا", description: "خدمة تغليف احترافية.", imageSrc: "http://img.b2bpic.net/free-photo/mothers-background-flowers-day-beauti_1303-2020.jpg" },
|
||||
{ title: "ورد صناعي", description: "جودة عالية وتصاميم عصرية.", imageSrc: "http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28394.jpg" },
|
||||
{ title: "توزيعات مناسبات", description: "أفكار مبتكرة وأنيقة.", imageSrc: "http://img.b2bpic.net/free-photo/flowers-vase-baroque-like-photography_23-2149659302.jpg" },
|
||||
{ title: "بوكسات فاخرة", description: "مزيج الورد والهدية المثالية.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-container-with-yellow-red-flowers_23-2147948250.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="خدماتنا"
|
||||
title="لماذا تختارنا؟"
|
||||
description="نقدم خدمة عملاء متميزة تلبي تطلعاتك."
|
||||
features={[
|
||||
{
|
||||
title: "توصيل سريع",
|
||||
description: "نصل إليك في حي العليا.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Truck,
|
||||
label: "التوصيل",
|
||||
value: "سريع",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "الموقع",
|
||||
value: "العليا",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "العمل",
|
||||
value: "11 مساءً",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846517.jpg",
|
||||
imageAlt: "Woman making a beautiful floral arrangement",
|
||||
},
|
||||
{
|
||||
title: "تنسيق مخصص",
|
||||
description: "نصمم باقتك بحسب طلبك.",
|
||||
bentoComponent: "tilted-stack-cards",
|
||||
stackCards: [
|
||||
{
|
||||
icon: Flower,
|
||||
title: "تصميم",
|
||||
subtitle: "ورد",
|
||||
detail: "إبداعي",
|
||||
},
|
||||
{
|
||||
icon: Gift,
|
||||
title: "تغليف",
|
||||
subtitle: "فاخر",
|
||||
detail: "مميز",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "جودة",
|
||||
subtitle: "عالية",
|
||||
detail: "مضمونة",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/florist-makes-beautiful-bouquet-studio_1157-28398.jpg?_wi=2",
|
||||
imageAlt: "Woman making a beautiful floral arrangement",
|
||||
},
|
||||
{
|
||||
title: "تواصل معنا",
|
||||
description: "نحن هنا لمساعدتك دائماً.",
|
||||
bentoComponent: "chat-marquee",
|
||||
aiIcon: MessageCircle,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "هل لديكم توصيل؟",
|
||||
aiResponse: "نعم، نوفر خدمة التوصيل السريع.",
|
||||
},
|
||||
{
|
||||
userMessage: "ما هي أوقات العمل؟",
|
||||
aiResponse: "مفتوح حتى الساعة 11 مساءً.",
|
||||
},
|
||||
],
|
||||
placeholder: "اكتب استفسارك هنا...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-roses-elegant-gift_23-2148231195.jpg?_wi=2",
|
||||
imageAlt: "Woman making a beautiful floral arrangement",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="خدماتنا"
|
||||
title="لماذا تختارنا؟"
|
||||
description="نقدم خدمة عملاء متميزة تلبي تطلعاتك."
|
||||
features={[
|
||||
{
|
||||
title: "توصيل سريع", description: "نصل إليك في حي العليا.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Truck", label: "التوصيل", value: "سريع" },
|
||||
{ icon: "MapPin", label: "الموقع", value: "العليا" },
|
||||
{ icon: "Clock", label: "العمل", value: "11 مساءً" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "تنسيق مخصص", description: "نصمم باقتك بحسب طلبك.", bentoComponent: "tilted-stack-cards", stackCards: [
|
||||
{ icon: "Flower", title: "تصميم", subtitle: "ورد", detail: "إبداعي" },
|
||||
{ icon: "Gift", title: "تغليف", subtitle: "فاخر", detail: "مميز" },
|
||||
{ icon: "Star", title: "جودة", subtitle: "عالية", detail: "مضمونة" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "تواصل معنا", description: "نحن هنا لمساعدتك دائماً.", bentoComponent: "chat-marquee", aiIcon: "MessageCircle", userIcon: "User", exchanges: [
|
||||
{ userMessage: "هل لديكم توصيل؟", aiResponse: "نعم، نوفر خدمة التوصيل السريع." },
|
||||
{ userMessage: "ما هي أوقات العمل؟", aiResponse: "مفتوح حتى الساعة 11 مساءً." }
|
||||
],
|
||||
placeholder: "اكتب استفسارك هنا..."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="آراء العملاء"
|
||||
title="ماذا يقول عملاؤنا عنا"
|
||||
description="تجربة العملاء هي أولويتنا القصوى."
|
||||
testimonials={[
|
||||
{
|
||||
name: "سارة محمد",
|
||||
role: "عميل",
|
||||
quote: "تنسيق الورد أكثر من رائع والتعامل جداً راقي.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
|
||||
},
|
||||
{
|
||||
name: "أحمد خالد",
|
||||
role: "عميل",
|
||||
quote: "تنوع كبير في الورد والأسعار مناسبة جداً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-xmas-presents-bank-card_179666-6533.jpg",
|
||||
},
|
||||
{
|
||||
name: "نورة العتيبي",
|
||||
role: "عميل",
|
||||
quote: "خدمة توصيل سريعة وتغليف هدايا إبداعي.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-curly-bearded-darkskinned-man-stylish-orange-jacket-sunglasses-smiles-crosses-arms-leans-white-wall-outside_197531-28757.jpg",
|
||||
},
|
||||
{
|
||||
name: "فهد السعيد",
|
||||
role: "عميل",
|
||||
quote: "أفضل محل ورد في الرياض، تعامل رائع.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-woman-party-hat-holding-birthday-gifts-looking-surprised-happy_141793-107827.jpg",
|
||||
},
|
||||
{
|
||||
name: "هند الفهد",
|
||||
role: "عميل",
|
||||
quote: "جودة الورد عالية والخدمة ممتازة جداً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-offering-gift-her-boyfriend_23-2148363625.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="آراء العملاء"
|
||||
title="ماذا يقول عملاؤنا عنا"
|
||||
description="تجربة العملاء هي أولويتنا القصوى."
|
||||
testimonials={[
|
||||
{ name: "سارة محمد", role: "عميل", quote: "تنسيق الورد أكثر من رائع والتعامل جداً راقي.", imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg" },
|
||||
{ name: "أحمد خالد", role: "عميل", quote: "تنوع كبير في الورد والأسعار مناسبة جداً.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-xmas-presents-bank-card_179666-6533.jpg" },
|
||||
{ name: "نورة العتيبي", role: "عميل", quote: "خدمة توصيل سريعة وتغليف هدايا إبداعي.", imageSrc: "http://img.b2bpic.net/free-photo/goodhumored-curly-bearded-darkskinned-man-stylish-orange-jacket-sunglasses-smiles-crosses-arms-leans-white-wall-outside_197531-28757.jpg" },
|
||||
{ name: "فهد السعيد", role: "عميل", quote: "أفضل محل ورد في الرياض، تعامل رائع.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-woman-party-hat-holding-birthday-gifts-looking-surprised-happy_141793-107827.jpg" },
|
||||
{ name: "هند الفهد", role: "عميل", quote: "جودة الورد عالية والخدمة ممتازة جداً.", imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-offering-gift-her-boyfriend_23-2148363625.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="حقائق وأرقام"
|
||||
title="إنجازاتنا في ثقة العملاء"
|
||||
metrics={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
description: "التقييم العام",
|
||||
},
|
||||
{
|
||||
value: "472+",
|
||||
description: "مراجعة إيجابية",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
description: "رضا عملاء",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="حقائق وأرقام"
|
||||
title="إنجازاتنا في ثقة العملاء"
|
||||
description="فخورون بما قدمناه لعملائنا"
|
||||
metrics={[
|
||||
{ value: "4.9/5", description: "التقييم العام" },
|
||||
{ value: "472+", description: "مراجعة إيجابية" },
|
||||
{ value: "100%", description: "رضا عملاء" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="أسئلة شائعة"
|
||||
title="كل ما تحتاج لمعرفته"
|
||||
categories={[
|
||||
{
|
||||
name: "الطلبات",
|
||||
items: [
|
||||
{
|
||||
question: "كيف يمكنني طلب هدية؟",
|
||||
answer: "يمكنك التواصل معنا عبر الواتساب أو زيارة المحل.",
|
||||
},
|
||||
{
|
||||
question: "هل تتوفر خدمة توصيل؟",
|
||||
answer: "نعم، نوفر خدمة توصيل سريعة في الرياض.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "المتجر",
|
||||
items: [
|
||||
{
|
||||
question: "ما هي أوقات عملكم؟",
|
||||
answer: "نستقبلكم يومياً حتى الساعة 11 مساءً.",
|
||||
},
|
||||
{
|
||||
question: "أين يقع المحل؟",
|
||||
answer: "حي العليا، الرياض.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="أسئلة شائعة"
|
||||
title="كل ما تحتاج لمعرفته"
|
||||
description="نحن هنا للإجابة على تساؤلاتكم بكل سرور."
|
||||
categories={[
|
||||
{
|
||||
name: "الطلبات", items: [
|
||||
{ question: "كيف يمكنني طلب هدية؟", answer: "يمكنك التواصل معنا عبر الواتساب أو زيارة المحل." },
|
||||
{ question: "هل تتوفر خدمة توصيل؟", answer: "نعم، نوفر خدمة توصيل سريعة في الرياض." }
|
||||
]
|
||||
},
|
||||
{
|
||||
name: "المتجر", items: [
|
||||
{ question: "ما هي أوقات عملكم؟", answer: "نستقبلكم يومياً حتى الساعة 11 مساءً." },
|
||||
{ question: "أين يقع المحل؟", answer: "حي العليا، الرياض." }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="تواصل معنا"
|
||||
text="هل تحتاج إلى تنسيق خاص لهديتك القادمة؟"
|
||||
primaryButton={{
|
||||
text: "اتصل بنا",
|
||||
href: "tel:0500000000",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "واتساب",
|
||||
href: "https://wa.me/966500000000",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="تواصل معنا"
|
||||
text="هل تحتاج إلى تنسيق خاص لهديتك القادمة؟"
|
||||
primaryButton={{ text: "اتصل بنا", href: "tel:0500000000" }}
|
||||
secondaryButton={{ text: "واتساب", href: "https://wa.me/966500000000" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user