Update src/app/page.tsx
This commit is contained in:
367
src/app/page.tsx
367
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "الرئيسية", id: "home"},
|
||||
{
|
||||
name: "Best Sellers",
|
||||
id: "bestsellers",
|
||||
},
|
||||
name: "الأكثر مبيعاً", id: "bestsellers"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "القائمة", id: "menu"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
name: "الموقع", id: "location"},
|
||||
]}
|
||||
brandName="SEER"
|
||||
/>
|
||||
@@ -56,334 +48,99 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Your Coffee. Without Leaving Your Car."
|
||||
description="Premium drinks, desserts, and fast drive-thru service in Sohar. Experience consistent quality on your daily commute."
|
||||
variant: "gradient-bars"}}
|
||||
title="قهوتك. دون مغادرة سيارتك."
|
||||
description="مشروبات فاخرة، حلويات، وخدمة سريعة في صحار. استمتع بجودة ثابتة في طريقك اليومي."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cups-coffee-table_23-2148900664.jpg",
|
||||
imageAlt: "Coffee pour",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-drinking-hot-beverage-cafe_23-2147785358.jpg",
|
||||
imageAlt: "Hand-off window",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-barista-pouring-milk_23-2148522968.jpg",
|
||||
imageAlt: "Latte art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-cleaning-her-car_23-2148958848.jpg",
|
||||
imageAlt: "Car drive-thru",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-person-pouring-tea-glass-with-ice-cubes-it-table_181624-23776.jpg",
|
||||
imageAlt: "Iced coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-plate-jam-background-healthy_1203-5151.jpg",
|
||||
imageAlt: "Dessert detail",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-cups-coffee-table_23-2148900664.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-drinking-hot-beverage-cafe_23-2147785358.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-barista-pouring-milk_23-2148522968.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-cleaning-her-car_23-2148958848.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-person-pouring-tea-glass-with-ice-cubes-it-table_181624-23776.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/food-plate-jam-background-healthy_1203-5151.jpg" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break-road-trip_23-2151948160.jpg",
|
||||
imageAlt: "Car interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-nut-close-up-background_23-2148823522.jpg",
|
||||
imageAlt: "Pastry closeup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-makeup-foundation-texture-smudges-macro-cosmetics-texture-top-view_633478-1793.jpg",
|
||||
imageAlt: "Pouring milk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-barista-pouring-coffee-transparent-glass_23-2148824466.jpg",
|
||||
imageAlt: "Espresso shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-resting-with-cup-drink_23-2147830588.jpg",
|
||||
imageAlt: "Sohar location",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-drink-arrangement-winter_23-2149188013.jpg",
|
||||
imageAlt: "Final product",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-break-road-trip_23-2151948160.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-nut-close-up-background_23-2148823522.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/liquid-makeup-foundation-texture-smudges-macro-cosmetics-texture-top-view_633478-1793.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-barista-pouring-coffee-transparent-glass_23-2148824466.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/waitress-resting-with-cup-drink_23-2147830588.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hot-drink-arrangement-winter_23-2149188013.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",
|
||||
alt: "Barista",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-barista-eyeglasses-cap-standing-bar-counter-preparing-pour-coffee-while-working-cafe_574295-3460.jpg",
|
||||
alt: "Barista",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-male-preparing-coffee_23-2148366569.jpg",
|
||||
alt: "Barista",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-preparing-coffee-coffee-maker_23-2148366573.jpg",
|
||||
alt: "Barista",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barman-making-coffee_23-2147821335.jpg",
|
||||
alt: "Barista",
|
||||
},
|
||||
]}
|
||||
avatarText="Served by our expert team"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 OPEN",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SOHAR EXCLUSIVE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM BEANS",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "FAST SERVICE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ARTISANAL TREATS",
|
||||
},
|
||||
{ text: "اطلب الآن", href: "#menu" },
|
||||
{ text: "عرض القائمة", href: "#menu" },
|
||||
]}
|
||||
avatarText="بخدمتكم من قبل فريقنا الخبير"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Sohar Coffee Lovers",
|
||||
"Daily Commuters Hub",
|
||||
"Local Foodies Review",
|
||||
"Morning Brew Society",
|
||||
"Drive-Thru Enthusiasts",
|
||||
"Oman Cafe Culture",
|
||||
"The Caffeine Trail",
|
||||
]}
|
||||
title="Loved by the community"
|
||||
description="See why Sohar residents prefer our drive-thru experience."
|
||||
names={["عشاق قهوة صحار", "مركز التنقل اليومي", "تجارب الذواقة المحلية", "مجتمع القهوة الصباحية", "عشاق الخدمة السريعة", "ثقافة مقاهي عمان", "درب الكافيين"]}
|
||||
title="محبوب من المجتمع"
|
||||
description="اكتشف لماذا يفضل سكان صحار تجربتنا في الخدمة السريعة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="bestsellers" data-section="bestsellers">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Coffee",
|
||||
name: "Spanish Latte",
|
||||
price: "1.50 OMR",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee-cocktail-with-nut-powder_23-2148196085.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Coffee",
|
||||
name: "Signature Cold Brew",
|
||||
price: "1.20 OMR",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646422.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Coffee",
|
||||
name: "Iced Matcha",
|
||||
price: "1.80 OMR",
|
||||
rating: 4,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cold-exotic-green-summer-cocktail-with-kiwi-lemon_23-2148196152.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Dessert",
|
||||
name: "Classic Cheesecake",
|
||||
price: "2.00 OMR",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-cheesecake_1232-2719.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Dessert",
|
||||
name: "Mango Vanilla Cup",
|
||||
price: "1.50 OMR",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508921.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Snack",
|
||||
name: "Butter Croissant",
|
||||
price: "0.80 OMR",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-fruits_23-2148103383.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Best Sellers"
|
||||
description="Hand-crafted treats you'll keep coming back for."
|
||||
title="الأكثر مبيعاً"
|
||||
description="مشروبات وحلويات مصنوعة بحب ستجعلكم تعودون دائماً."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="No Parking. No Waiting. Just Drive."
|
||||
description="We've re-engineered the café experience to prioritize your time without compromising on the quality of your favorite treat."
|
||||
title="بدون انتظار. فقط انطلق."
|
||||
description="أعدنا تصميم تجربة المقهى لنمنح الأولوية لوقتك دون التنازل عن جودة منتجاتك المفضلة."
|
||||
metrics={[
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Open Always",
|
||||
},
|
||||
{
|
||||
value: "2min",
|
||||
title: "Avg. Handoff",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
{ value: "24/7", title: "مفتوح دائماً" },
|
||||
{ value: "2دقيقة", title: "متوسط الخدمة" },
|
||||
{ value: "100%", title: "رضا العملاء" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039416.jpg"
|
||||
imageAlt="Drive-thru scene"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Hot Drinks",
|
||||
description: "Espresso, lattes, and specialty brews.",
|
||||
},
|
||||
{
|
||||
icon: Snowflake,
|
||||
title: "Cold Drinks",
|
||||
description: "Cold brews, matcha, and iced specialties.",
|
||||
},
|
||||
{
|
||||
icon: Cake,
|
||||
title: "Artisanal Desserts",
|
||||
description: "Cheesecakes, cups, and freshly baked goods.",
|
||||
},
|
||||
{ icon: Coffee, title: "مشروبات ساخنة", description: "إسبريسو، لاتيه، وقهوة مختصة." },
|
||||
{ icon: Snowflake, title: "مشروبات باردة", description: "قهوة باردة، ماتشا، وتشكيلات مثلجة." },
|
||||
{ icon: Cake, title: "حلويات فاخرة", description: "تشيز كيك، أكواب حلى، ومخبوزات طازجة." },
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="From hot morning brews to cool afternoon desserts."
|
||||
title="أبرز القائمة"
|
||||
description="من قهوة الصباح الساخنة إلى حلويات المساء المنعشة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you have indoor seating?",
|
||||
content: "We are exclusively a drive-thru café.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you open 24/7?",
|
||||
content: "Yes, we are open round-the-clock for your convenience.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I pre-order?",
|
||||
content: "Yes, order via our app or WhatsApp.",
|
||||
},
|
||||
{ id: "1", title: "هل يوجد جلسات داخلية؟", content: "نحن مقهى متخصص في الخدمة السريعة فقط." },
|
||||
{ id: "2", title: "هل تفتحون 24/7؟", content: "نعم، نحن مفتوحون على مدار الساعة لخدمتكم." },
|
||||
{ id: "3", title: "هل يمكن الطلب مسبقاً؟", content: "نعم، يمكن الطلب عبر تطبيقنا أو واتساب." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friendly-smiling-asian-girl-barista-holds-hands-heart-looks-grateful-client-loves-her-guests_1258-199431.jpg"
|
||||
title="Need Help?"
|
||||
description="Common questions about our drive-thru."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
title="هل تحتاج مساعدة؟"
|
||||
description="إجابات على الأسئلة الشائعة حول خدماتنا."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed",
|
||||
role: "Head Barista",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-entrepreneur-working-himself_23-2148366581.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sara",
|
||||
role: "Shift Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-cup-coffee_1170-667.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Khalid",
|
||||
role: "Barista",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-barista-worker-coffee-shop-holding-coffee-cup_1303-29500.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Passionate Team"
|
||||
description="The people making sure your coffee is perfect every single time."
|
||||
title="فريقنا الشغوف"
|
||||
description="الأشخاص الذين يضمنون جودة قهوتك في كل مرة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Located at Al Maha Fuel Station FS121, Sohar. Open 24/7."
|
||||
text="موقعنا في محطة المها للوقود FS121، صحار. مفتوح 24/7."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:000",
|
||||
},
|
||||
{ text: "احصل على الاتجاهات", href: "#" },
|
||||
{ text: "اتصل بنا", href: "tel:000" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -392,37 +149,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "الشركة", items: [
|
||||
{ label: "عن الشركة", href: "#about" },
|
||||
{ label: "الوظائف", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#location",
|
||||
},
|
||||
title: "الدعم", items: [
|
||||
{ label: "الأسئلة الشائعة", href: "#faq" },
|
||||
{ label: "اتصل بنا", href: "#location" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 SEER Café"
|
||||
bottomRightText="Sohar, Oman"
|
||||
bottomRightText="صحار، عُمان"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user