447 lines
15 KiB
TypeScript
447 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Award, Clock, Coffee, MapPin, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Franchise",
|
|
id: "franchise",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Qahwih"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "glowing-orb",
|
|
}}
|
|
title="FOR THE LOVE OF QAHWIH"
|
|
description="Experience the ultimate luxury in Amman. A cinematic journey into the soul of Qahwih coffee."
|
|
testimonials={[
|
|
{
|
|
name: "Ahmad Al-Fayez",
|
|
handle: "@ahmad_coffee",
|
|
testimonial: "The best atmosphere in Amman. Qahwih is a lifestyle.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-3448.jpg",
|
|
},
|
|
{
|
|
name: "Sara Haddad",
|
|
handle: "@sara_haddad",
|
|
testimonial: "Sophisticated coffee that really feels different. Truly premium.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/good-idea-typography-letter-beads-pink-wallpaper_53876-97281.jpg",
|
|
},
|
|
{
|
|
name: "Omar K.",
|
|
handle: "@omar_k",
|
|
testimonial: "Perfect place for late-night work sessions.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-stepping-chair_23-2147781153.jpg",
|
|
},
|
|
{
|
|
name: "Layla J.",
|
|
handle: "@layla_j",
|
|
testimonial: "Amazing variety and the service is always top tier.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
|
},
|
|
{
|
|
name: "Khalid M.",
|
|
handle: "@khalid_m",
|
|
testimonial: "Qahwih defines luxury coffee in Amman.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-indoor_344912-1205.jpg",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Discover More",
|
|
href: "#menu",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/water-droplets-purple-textured-plume-against-black-background_23-2148114551.jpg?_wi=1"
|
|
imageAlt="Qahwih Logo"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/water-droplets-purple-textured-plume-against-black-background_23-2148114551.jpg",
|
|
alt: "Ahmad Al-Fayez",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/hookah-sparksfrom-grapefruit-hookah-bowl_141793-3261.jpg",
|
|
alt: "Sara Haddad",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/glass-jar-full-cinnamon-sticks-with-cup-tea_114579-77500.jpg",
|
|
alt: "Omar K.",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37414.jpg",
|
|
alt: "Layla J.",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/abstract-smooth-brown-wall-background-layout-designstudioroomweb-templatebusiness-report-with-smooth-circle-gradient-color_1258-90234.jpg",
|
|
alt: "Khalid M.",
|
|
},
|
|
]}
|
|
avatarText="Join 5,000+ coffee enthusiasts"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon",
|
|
text: "Premium Beans",
|
|
icon: Coffee,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "24/7 Service",
|
|
icon: Clock,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Artisan Craft",
|
|
icon: Sparkles,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Amman Luxury",
|
|
icon: MapPin,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Exclusive Experience",
|
|
icon: Award,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="About Qahwih"
|
|
description="Born in the heart of Amman, Jordan, Qahwih is more than a coffee shop; it's a sanctuary for enthusiasts."
|
|
bulletPoints={[
|
|
{
|
|
title: "24/7 Workspace",
|
|
description: "Perfect for study, work, or casual meetings any time.",
|
|
},
|
|
{
|
|
title: "High-Speed WiFi",
|
|
description: "Reliable connection for all your digital needs.",
|
|
},
|
|
{
|
|
title: "Diverse Menu",
|
|
description: "An exquisite range of drinks and light bites.",
|
|
},
|
|
{
|
|
title: "Delivery Service",
|
|
description: "Fast, secure delivery directly to your door.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/analog-portrait-beautiful-woman-posing-indoors-elegant-dress_23-2149630168.jpg"
|
|
imageAlt="Interior of luxury cafe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Classic Espresso",
|
|
price: "3.50 JOD",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hookah-sparksfrom-grapefruit-hookah-bowl_141793-3261.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Signature Croissant",
|
|
price: "2.50 JOD",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-full-cinnamon-sticks-with-cup-tea_114579-77500.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Caramel Cold Brew",
|
|
price: "4.50 JOD",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37414.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Vanilla Latte",
|
|
price: "4.00 JOD",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-brown-wall-background-layout-designstudioroomweb-templatebusiness-report-with-smooth-circle-gradient-color_1258-90234.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Chocolate Bliss",
|
|
price: "3.00 JOD",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-black-spaghetti-squid_23-2148461690.jpg",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Dark Roast Beans",
|
|
price: "12.00 JOD",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-cup-table_1150-27251.jpg",
|
|
},
|
|
]}
|
|
title="Our Menu"
|
|
description="Artisan blends, refreshing cold brews, and premium delicacies."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
members={[
|
|
{
|
|
id: "t1",
|
|
name: "Omar",
|
|
role: "Head Barista",
|
|
description: "Mastering the art of extraction for over 10 years.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-barista-with-hot-drink_23-2147795633.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Layla",
|
|
role: "Coffee Expert",
|
|
description: "Expert in specialty blends and customer experience.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-asian-woman-cafe-manager-employee-standing-near-entrance-with-tablet-looking-thoughtful_1258-199015.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Khalid",
|
|
role: "Barista",
|
|
description: "Creating art in every latte.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Sara",
|
|
role: "Barista",
|
|
description: "Passionate about brewing techniques and fresh ingredients.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-sitting-her-working-place-cafe-drinking-coffee_627829-6765.jpg",
|
|
},
|
|
]}
|
|
title="Meet the Baristas"
|
|
description="Our experts dedicated to perfection in every cup."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Ahmad Al-Fayez",
|
|
date: "Jan 2024",
|
|
title: "Regular Visitor",
|
|
quote: "The atmosphere is unmatched.",
|
|
tag: "Coffee Lover",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/water-droplets-purple-textured-plume-against-black-background_23-2148114551.jpg?_wi=2",
|
|
imageAlt: "sophisticated coffee customer",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Sara Haddad",
|
|
date: "Dec 2023",
|
|
title: "Professional",
|
|
quote: "Premium quality in every sip.",
|
|
tag: "Regular",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-entrepreneur-asian-business-owner-manager-sitting-confident-smiling_1258-199005.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hookah-sparksfrom-grapefruit-hookah-bowl_141793-3261.jpg?_wi=2",
|
|
imageAlt: "sophisticated coffee customer",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Omar K.",
|
|
date: "Nov 2023",
|
|
title: "Student",
|
|
quote: "Best spot to study late at night.",
|
|
tag: "Student",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/girl-puts-her-glasses-sitting-with-cup-coffee-cafe_8353-1376.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-full-cinnamon-sticks-with-cup-tea_114579-77500.jpg?_wi=2",
|
|
imageAlt: "sophisticated coffee customer",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Layla J.",
|
|
date: "Oct 2023",
|
|
title: "Designer",
|
|
quote: "Love the minimalist vibe here.",
|
|
tag: "Regular",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-creative-girl-with-tattooes-her-hands-is-sitting-cafe-while-sketching-her-digital-notepad_613910-5287.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37414.jpg?_wi=2",
|
|
imageAlt: "sophisticated coffee customer",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Khalid M.",
|
|
date: "Sep 2023",
|
|
title: "Developer",
|
|
quote: "Great WiFi and even better drinks.",
|
|
tag: "Digital Nomad",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-brown-wall-background-layout-designstudioroomweb-templatebusiness-report-with-smooth-circle-gradient-color_1258-90234.jpg?_wi=2",
|
|
imageAlt: "sophisticated coffee customer",
|
|
},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Voices of the Qahwih community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "Are you open 24/7?",
|
|
content: "Yes, Qahwih is open 24 hours a day, 7 days a week.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Do you offer delivery?",
|
|
content: "Yes, we provide fast and secure delivery services.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Can I work or study there?",
|
|
content: "Absolutely! We provide high-speed WiFi and a comfortable environment.",
|
|
},
|
|
]}
|
|
title="Common Questions"
|
|
description="Everything you need to know about Qahwih."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
tag="Get in Touch"
|
|
title="Start Your Franchise Journey"
|
|
description="Ready to bring Qahwih to your city? Let's discuss our partnership opportunities."
|
|
buttons={[
|
|
{
|
|
text: "Contact Us",
|
|
href: "tel:+962795508888",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Qahwih"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Careers",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "Contact",
|
|
href: "tel:+962795508888",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Social",
|
|
items: [
|
|
{
|
|
label: "Instagram",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "WhatsApp",
|
|
href: "https://wa.me/962795508888",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Qahwih Amman. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|