Files
01694552-43e2-4cae-9d0a-e99…/src/app/page.tsx
2026-04-26 18:12:30 +00:00

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>
);
}