Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 29507a10b9 | |||
| 29604f7f97 |
130
src/app/page.tsx
130
src/app/page.tsx
@@ -28,72 +28,72 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<div id="nav" data-section="nav" dir="rtl">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
name: "الرئيسية", id: "hero"},
|
||||
{
|
||||
name: "Our Craft", id: "about"},
|
||||
name: "مقهانا", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
name: "القائمة", id: "menu"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
name: "تواصل معنا", id: "contact"},
|
||||
]}
|
||||
brandName="SAZ Coffee"
|
||||
button={{
|
||||
text: "Order Now", href: "#menu"
|
||||
text: "اطلب الآن", href: "#menu"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<div id="hero" data-section="hero" dir="rtl">
|
||||
<HeroLogo
|
||||
logoText="SAZ"
|
||||
description="More than a café, it's a curated space in the heart of Mecca where specialty craft and calm coexist."
|
||||
description="أكثر من مجرد مقهى، مساحة مختارة في قلب مكة المكرمة حيث تلتقي الحرفية بالهدوء."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Menu", href: "#menu"},
|
||||
text: "استكشف قائمتنا", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-minimalist-lifestyle_23-2149743887.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<div id="about" data-section="about" dir="rtl">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Specialty Coffee, Elevated"},
|
||||
type: "text", content: "قهوة مختصة، بلمسة ارتقاء"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<div id="features" data-section="features" dir="rtl">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Slow Coffee", author: "V60 Focus", description: "Precision pour-over methods showcasing single-origin bean character.", tags: [
|
||||
"Specialty"],
|
||||
id: "f1", title: "قهوة التقطير", author: "تركيز V60", description: "طرق تحضير دقيقة تبرز طابع البن أحادي المصدر.", tags: [
|
||||
"قهوة مختصة"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barista-brewing-coffee-alternative-method-pour_176420-14715.jpg"},
|
||||
{
|
||||
id: "f2", title: "Signature Blends", author: "Unique Flavors", description: "Hibiscus-infused blends that redefine your coffee experience.", tags: [
|
||||
"Signature"],
|
||||
id: "f2", title: "خلطات خاصة", author: "نكهات فريدة", description: "خلطات غنية بالكركديه تعيد تعريف تجربتك مع القهوة.", tags: [
|
||||
"مميز"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-coffee-cups-textured-background_53876-176759.jpg"},
|
||||
{
|
||||
id: "f3", title: "Luxurious Space", author: "Modern Design", description: "Designed for comfort, taste, and impeccable cleanliness.", tags: [
|
||||
"Atmosphere"],
|
||||
id: "f3", title: "مساحة فاخرة", author: "تصميم عصري", description: "صممت للراحة والمذاق والنظافة التي لا تشوبها شائبة.", tags: [
|
||||
"الأجواء"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-indoors_23-2150708144.jpg"},
|
||||
]}
|
||||
title="Why Choose SAZ"
|
||||
description="Refined atmosphere, exceptional beans, and a team dedicated to your perfect cup."
|
||||
title="لماذا تختار SAZ"
|
||||
description="أجواء راقية، حبوب قهوة استثنائية، وفريق مكرس لكوبك المثالي."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<div id="menu" data-section="menu" dir="rtl">
|
||||
<ProductCardOne
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
@@ -101,129 +101,129 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "V60 Pour-over", price: "22 SAR", imageSrc: "http://img.b2bpic.net/free-photo/process-preparing-espresso-professional-coffee-machine-closeup_169016-18731.jpg"},
|
||||
id: "p1", name: "قهوة V60", price: "٢٢ ريال", imageSrc: "http://img.b2bpic.net/free-photo/process-preparing-espresso-professional-coffee-machine-closeup_169016-18731.jpg"},
|
||||
{
|
||||
id: "p2", name: "Hibiscus Blend", price: "18 SAR", imageSrc: "http://img.b2bpic.net/free-photo/tropical-drinks-with-orange-slices_1203-1757.jpg"},
|
||||
id: "p2", name: "خلطة الكركديه", price: "١٨ ريال", imageSrc: "http://img.b2bpic.net/free-photo/tropical-drinks-with-orange-slices_1203-1757.jpg"},
|
||||
{
|
||||
id: "p3", name: "Artisan Tart", price: "25 SAR", imageSrc: "http://img.b2bpic.net/free-photo/closeup-homemade-marshmallow-with-black-currant_181624-34098.jpg"},
|
||||
id: "p3", name: "تارت الحرفيين", price: "٢٥ ريال", imageSrc: "http://img.b2bpic.net/free-photo/closeup-homemade-marshmallow-with-black-currant_181624-34098.jpg"},
|
||||
{
|
||||
id: "p4", name: "Rotating Coffee", price: "20 SAR", imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink-high-angle_23-2149870675.jpg"},
|
||||
id: "p4", name: "قهوة متغيرة", price: "٢٠ ريال", imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink-high-angle_23-2149870675.jpg"},
|
||||
{
|
||||
id: "p5", name: "Cold Brew", price: "24 SAR", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-person-pouring-tea-glass-with-ice-cubes-it-table_181624-23776.jpg"},
|
||||
id: "p5", name: "كولد برو", price: "٢٤ ريال", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-person-pouring-tea-glass-with-ice-cubes-it-table_181624-23776.jpg"},
|
||||
{
|
||||
id: "p6", name: "Espresso Shot", price: "12 SAR", imageSrc: "http://img.b2bpic.net/free-photo/hand-installing-filter-espresso-machine_23-2147834505.jpg"},
|
||||
id: "p6", name: "اسبريسو", price: "١٢ ريال", imageSrc: "http://img.b2bpic.net/free-photo/hand-installing-filter-espresso-machine_23-2147834505.jpg"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Artisan desserts and carefully brewed specialty coffee."
|
||||
title="قائمتنا المميزة"
|
||||
description="حلويات حرفية وقهوة مختصة محضرة بعناية."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<div id="testimonials" data-section="testimonials" dir="rtl">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah", role: "Coffee Enthusiast", company: "Mecca", rating: 5,
|
||||
id: "1", name: "سارة", role: "محبة للقهوة", company: "مكة", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beauty-woman-working-laptop-coffee-shop_231208-4731.jpg"},
|
||||
{
|
||||
id: "2", name: "Ahmed", role: "Regular", company: "Andalus", rating: 5,
|
||||
id: "2", name: "أحمد", role: "زبون دائم", company: "الأندلس", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-their-cups-tea-while-wearing-face-masks-their-chin_23-2148693091.jpg"},
|
||||
{
|
||||
id: "3", name: "Layla", role: "Food Blogger", company: "Mecca", rating: 5,
|
||||
id: "3", name: "ليلى", role: "مدونة طعام", company: "مكة", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-girl-dressed-autumn-clothes_171337-2206.jpg"},
|
||||
{
|
||||
id: "4", name: "Khalid", role: "Tech Professional", company: "Local", rating: 5,
|
||||
id: "4", name: "خالد", role: "مهندس تقني", company: "محلي", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-mobile-phone-coffee-cup-coffee-shop_1170-2068.jpg"},
|
||||
{
|
||||
id: "5", name: "Mona", role: "Designer", company: "Cafe Lovers", rating: 5,
|
||||
id: "5", name: "منى", role: "مصممة", company: "محبي المقاهي", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-woman-posing-against-dark-wall_158595-4471.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8", label: "Google Rating"},
|
||||
value: "٤.٨", label: "تقييم جوجل"},
|
||||
{
|
||||
value: "100+", label: "Daily Visitors"},
|
||||
value: "١٠٠+", label: "زائر يومي"},
|
||||
{
|
||||
value: "3", label: "Signature Blends"},
|
||||
value: "٣", label: "خلطات مميزة"},
|
||||
]}
|
||||
title="What Guests Say"
|
||||
description="A 4.8 rating across Google Maps confirms our commitment to quality."
|
||||
title="ماذا يقول ضيوفنا"
|
||||
description="تقييم ٤.٨ على خرائط جوجل يؤكد التزامنا بالجودة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<div id="social" data-section="social" dir="rtl">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Mecca Specialty Association", "Andalus Community Group", "Saudi Cafe Monthly", "Coffee Craft Collective", "Regional Taste Magazine", "Local Business Award", "Modern Arabia Design"]}
|
||||
title="Recognized by"
|
||||
description="Collaborations that define our excellence."
|
||||
"جمعية مكة للقهوة المختصة", "مجموعة مجتمع الأندلس", "مجلة القهوة السعودية الشهرية", "مجموعة حرف القهوة", "مجلة الذوق الإقليمي", "جائزة الأعمال المحلية", "تصميم الجزيرة العربية الحديث"]}
|
||||
title="معتمد من قبل"
|
||||
description="شراكات تحدد تميزنا."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<div id="faq" data-section="faq" dir="rtl">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you offer wholesale beans?", content: "Yes, please contact us for inquiries."},
|
||||
id: "q1", title: "هل تقدمون حبوب القهوة بالجملة؟", content: "نعم، يرجى الاتصال بنا للاستفسار."},
|
||||
{
|
||||
id: "q2", title: "Is your cafe open for events?", content: "We offer private space bookings."},
|
||||
id: "q2", title: "هل المقهى متاح للمناسبات؟", content: "نوفر حجز مساحات خاصة للمناسبات."},
|
||||
{
|
||||
id: "q3", title: "Do you have parking?", content: "We are conveniently located with nearby accessibility."},
|
||||
id: "q3", title: "هل يتوفر موقف سيارات؟", content: "موقعنا متميز يسهل الوصول إليه مع مواقف قريبة."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-woman-talking-receptionist-while-arriving-spa_637285-9455.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
title="أسئلة شائعة"
|
||||
faqsAnimation="slide-up"
|
||||
description="Get to know more about our craft."
|
||||
description="تعرف على المزيد حول حرفتنا."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<div id="contact" data-section="contact" dir="rtl">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Join Us at SAZ"
|
||||
description="Located in the Andalus district, Mecca. Come taste the craft."
|
||||
tag="زرنا"
|
||||
title="انضم إلينا في SAZ"
|
||||
description="يقع في حي الأندلس بمكة المكرمة. تعال لتذوق الحرفية."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions", href: "#"},
|
||||
text: "احصل على الاتجاهات", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<div id="footer" data-section="footer" dir="rtl">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Explore", items: [
|
||||
title: "استكشف", items: [
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
label: "القائمة", href: "#menu"},
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
label: "حولنا", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
title: "دعم", items: [
|
||||
{
|
||||
label: "Contact Us", href: "#contact"},
|
||||
label: "تواصل معنا", href: "#contact"},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
label: "أسئلة شائعة", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 SAZ Coffee"
|
||||
bottomRightText="Crafted with Care"
|
||||
bottomLeftText="© ٢٠٢٤ SAZ Coffee"
|
||||
bottomRightText="بُنيت بعناية"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user