Merge version_1 into main #1
226
src/app/page.tsx
226
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Franchise",
|
||||
id: "franchise",
|
||||
},
|
||||
name: "Franchise", id: "franchise"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Qahwih"
|
||||
/>
|
||||
@@ -59,79 +49,50 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="FOR THE LOVE OF QAHWIH"
|
||||
description="Experience the ultimate luxury of coffee in the heart of Amman."
|
||||
kpis={[
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Open",
|
||||
},
|
||||
value: "24/7", label: "Open"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Luxury",
|
||||
},
|
||||
value: "100%", label: "Luxury"},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Varieties",
|
||||
},
|
||||
value: "100+", label: "Varieties"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover More",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Discover More", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cups-wooden-boards-assortment-high-angle_23-2149514268.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-paper-coffee-cup-with-mixture-arabica-robusta-beans-background_493343-30027.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-paper-coffee-cup-with-mixture-arabica-robusta-beans-background_493343-30027.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-preparation-concept-still-life_23-2150354574.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-preparation-concept-still-life_23-2150354574.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-pump-dispenser-white-background_187299-48094.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-pump-dispenser-white-background_187299-48094.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-coffee-bottle-arrangement_23-2149600695.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-coffee-bottle-arrangement_23-2149600695.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-woman-enjoying-blue-matcha-home_23-2150687540.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-woman-enjoying-blue-matcha-home_23-2150687540.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ Coffee Lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AMMAN'S FINEST",
|
||||
type: "text", text: "AMMAN'S FINEST"},
|
||||
{
|
||||
type: "text-icon", text: "PREMIUM BREWS", icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "PREMIUM BREWS",
|
||||
icon: Coffee,
|
||||
type: "text", text: "24/7 LUXURY"},
|
||||
{
|
||||
type: "text-icon", text: "ARTISAN PASTRIES", icon: Croissant,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 LUXURY",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "ARTISAN PASTRIES",
|
||||
icon: Croissant,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "SPECIALTY BEANS",
|
||||
},
|
||||
type: "text", text: "SPECIALTY BEANS"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,36 +105,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Espresso",
|
||||
price: "3.5 JOD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee_140725-8112.jpg",
|
||||
rating: 5,
|
||||
brand: "Qahwih",
|
||||
id: "p1", name: "Signature Espresso", price: "3.5 JOD", imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee_140725-8112.jpg", rating: 5,
|
||||
brand: "Qahwih", reviewCount: "120"
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Almond Croissant",
|
||||
price: "2.5 JOD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097833.jpg",
|
||||
rating: 5,
|
||||
brand: "Qahwih",
|
||||
id: "p2", name: "Almond Croissant", price: "2.5 JOD", imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097833.jpg", rating: 5,
|
||||
brand: "Qahwih", reviewCount: "95"
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cold Brew",
|
||||
price: "4.0 JOD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37402.jpg",
|
||||
rating: 5,
|
||||
brand: "Qahwih",
|
||||
id: "p3", name: "Cold Brew", price: "4.0 JOD", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37402.jpg", rating: 5,
|
||||
brand: "Qahwih", reviewCount: "88"
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Flat White",
|
||||
price: "3.0 JOD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-cup-coffee-turkish-black-frothy-coffee-black-stone-table-with-branches-wild-ivy-background-vertical-frame-selective-focus_166373-2982.jpg",
|
||||
rating: 5,
|
||||
brand: "Qahwih",
|
||||
id: "p4", name: "Flat White", price: "3.0 JOD", imageSrc: "http://img.b2bpic.net/free-photo/woman-takes-cup-coffee-turkish-black-frothy-coffee-black-stone-table-with-branches-wild-ivy-background-vertical-frame-selective-focus_166373-2982.jpg", rating: 5,
|
||||
brand: "Qahwih", reviewCount: "110"
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
@@ -198,32 +143,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24h",
|
||||
title: "Study Area",
|
||||
description: "Always open for your focus sessions.",
|
||||
icon: BookOpen,
|
||||
id: "m1", value: "24h", title: "Study Area", description: "Always open for your focus sessions.", icon: BookOpen,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Fast",
|
||||
title: "Wi-Fi",
|
||||
description: "Reliable connection for productivity.",
|
||||
icon: Wifi,
|
||||
id: "m2", value: "Fast", title: "Wi-Fi", description: "Reliable connection for productivity.", icon: Wifi,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100+",
|
||||
title: "Menu",
|
||||
description: "Handcrafted coffee and pastries.",
|
||||
icon: Coffee,
|
||||
id: "m3", value: "100+", title: "Menu", description: "Handcrafted coffee and pastries.", icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Secure",
|
||||
title: "Delivery",
|
||||
description: "Direct to your doorstep.",
|
||||
icon: Truck,
|
||||
id: "m4", value: "Secure", title: "Delivery", description: "Direct to your doorstep.", icon: Truck,
|
||||
},
|
||||
]}
|
||||
title="Our Highlights"
|
||||
@@ -238,40 +167,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Coffee Enthusiast",
|
||||
testimonial: "The best atmosphere in Amman, hands down.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-giving-out-order-cafe-inviting-guest-pick-up-takeaway_1258-199328.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Coffee Enthusiast", testimonial: "The best atmosphere in Amman, hands down.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-giving-out-order-cafe-inviting-guest-pick-up-takeaway_1258-199328.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Omar K.",
|
||||
role: "Digital Nomad",
|
||||
testimonial: "Perfect study area, great connectivity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-cafe_1303-25732.jpg",
|
||||
},
|
||||
id: "2", name: "Omar K.", role: "Digital Nomad", testimonial: "Perfect study area, great connectivity.", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-cafe_1303-25732.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Layla M.",
|
||||
role: "Foodie",
|
||||
testimonial: "The almond croissants are a must-try!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-thoughtful-sitting-table-with-old-photos-cafe_8353-1384.jpg",
|
||||
},
|
||||
id: "3", name: "Layla M.", role: "Foodie", testimonial: "The almond croissants are a must-try!", imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-thoughtful-sitting-table-with-old-photos-cafe_8353-1384.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fadi A.",
|
||||
role: "Businessman",
|
||||
testimonial: "Professional, clean, and delicious coffee.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg",
|
||||
},
|
||||
id: "4", name: "Fadi A.", role: "Businessman", testimonial: "Professional, clean, and delicious coffee.", imageSrc: "http://img.b2bpic.net/free-photo/spectacular-woman-with-dark-long-hair-smiling-coffee-break_291650-641.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hana S.",
|
||||
role: "Student",
|
||||
testimonial: "I love the 24/7 service, it's life-saving.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-giving-takeaway-coffee-cup-prepare-takeout-order-guest-cafe-wearing_1258-199322.jpg",
|
||||
},
|
||||
id: "5", name: "Hana S.", role: "Student", testimonial: "I love the 24/7 service, it's life-saving.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-barista-girl-giving-takeaway-coffee-cup-prepare-takeout-order-guest-cafe-wearing_1258-199322.jpg"},
|
||||
]}
|
||||
title="What Guests Say"
|
||||
description="Authentic experiences at Qahwih."
|
||||
@@ -284,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you open all night?",
|
||||
content: "Yes, we are open 24/7.",
|
||||
},
|
||||
id: "f1", title: "Are you open all night?", content: "Yes, we are open 24/7."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer Wi-Fi?",
|
||||
content: "Yes, high-speed Wi-Fi is free.",
|
||||
},
|
||||
id: "f2", title: "Do you offer Wi-Fi?", content: "Yes, high-speed Wi-Fi is free."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, delivery is available.",
|
||||
},
|
||||
id: "f3", title: "Do you offer delivery?", content: "Yes, delivery is available."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-young-woman-sitting-using-laptop-cafe_171337-19590.jpg"
|
||||
title="Frequent Questions"
|
||||
@@ -311,16 +206,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Franchise"
|
||||
title="Join the Qahwih Family"
|
||||
description="Ready to franchise with us? Reach out today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -330,37 +222,23 @@ export default function LandingPage() {
|
||||
logoText="Qahwih"
|
||||
columns={[
|
||||
{
|
||||
title: "Qahwih Amman",
|
||||
items: [
|
||||
title: "Qahwih Amman", items: [
|
||||
{
|
||||
label: "Astana, Amman",
|
||||
href: "#",
|
||||
},
|
||||
label: "Astana, Amman", href: "#"},
|
||||
{
|
||||
label: "+962 7 9550 8888",
|
||||
href: "tel:+962795508888",
|
||||
},
|
||||
label: "+962 7 9550 8888", href: "tel:+962795508888"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Franchise",
|
||||
href: "#franchise",
|
||||
},
|
||||
label: "Franchise", href: "#franchise"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user