|
|
|
|
@@ -9,29 +9,30 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
|
|
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
|
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
|
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
|
import { Coffee, Zap, Sparkles, Users, Globe, Award, CheckCircle, Mail } from 'lucide-react';
|
|
|
|
|
import { Coffee, Zap, Sparkles, Users, Globe, Award, CheckCircle, Mail, MapPin, Phone, Clock } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
|
borderRadius="pill"
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
sizing="large"
|
|
|
|
|
background="circleGradient"
|
|
|
|
|
cardStyle="gradient-radial"
|
|
|
|
|
primaryButtonStyle="radial-glow"
|
|
|
|
|
secondaryButtonStyle="layered"
|
|
|
|
|
headingFontWeight="extrabold"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="glass-depth"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
|
brandName="Brew Haven"
|
|
|
|
|
brandName="Abu Saleh"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Menu", id: "menu" },
|
|
|
|
|
{ name: "Why Us", id: "metrics" },
|
|
|
|
|
{ name: "Reviews", id: "testimonials" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
@@ -41,16 +42,16 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogoBillboardSplit
|
|
|
|
|
logoText="BREW HAVEN"
|
|
|
|
|
description="Discover expertly crafted specialty coffees in an inviting atmosphere. From rich espressos to smooth cold brews, every cup is crafted with passion and premium beans."
|
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
|
logoText="Abu Saleh Coffee"
|
|
|
|
|
description="Awake. Anytime. Experience premium specialty coffee 24/7. Crafted with passion, served with excellence in the heart of Amman, Jordan."
|
|
|
|
|
background={{ variant: "glowing-orb" }}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Explore Menu", href: "#menu" },
|
|
|
|
|
{ text: "Visit Us", href: "#contact" }
|
|
|
|
|
]}
|
|
|
|
|
layoutOrder="default"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/hot-latte-coffee-cup-table_1203-9913.jpg"
|
|
|
|
|
imageAlt="Premium coffee with latte art"
|
|
|
|
|
videoSrc="https://videos.pexels.com/video-files/3373729/3373729-sd_640_360_25fps.mp4"
|
|
|
|
|
videoAriaLabel="Coffee pouring into cup"
|
|
|
|
|
frameStyle="card"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
buttonAnimation="opacity"
|
|
|
|
|
@@ -59,14 +60,14 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TestimonialAboutCard
|
|
|
|
|
tag="Our Story"
|
|
|
|
|
tagIcon={Coffee}
|
|
|
|
|
title="Crafted with care, roasted with passion, served with heart."
|
|
|
|
|
description="Founded in 2018"
|
|
|
|
|
subdescription="Brew Haven Coffee Roasters"
|
|
|
|
|
icon={Zap}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/coffee-beans-lie-cezve-hessian_8353-1480.jpg"
|
|
|
|
|
imageAlt="Premium coffee beans"
|
|
|
|
|
tag="Why Abu Saleh"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
title="Premium Coffee, Always Available"
|
|
|
|
|
description="4.3★ Rating | 24/7 Service"
|
|
|
|
|
subdescription="Serving Amman's coffee lovers with the finest specialty brews, exceptional service, and a luxurious atmosphere around the clock."
|
|
|
|
|
icon={Coffee}
|
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1461023058943-07fcbe16d735?w=800&q=80"
|
|
|
|
|
imageAlt="Premium coffee beans and equipment"
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
@@ -74,9 +75,9 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="menu" data-section="menu">
|
|
|
|
|
<ProductCardOne
|
|
|
|
|
title="Specialty Coffee Selection"
|
|
|
|
|
description="Hand-picked, small-batch roasted coffees crafted to perfection"
|
|
|
|
|
tag="Premium Beverages"
|
|
|
|
|
title="Our Menu Selection"
|
|
|
|
|
description="Handcrafted beverages made with precision and passion"
|
|
|
|
|
tag="Specialty Beverages"
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -85,42 +86,22 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Single Origin Espresso", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee-cup_1339-4032.jpg", imageAlt: "Rich espresso shot"
|
|
|
|
|
id: "1", name: "Single Origin Espresso", price: "8 JD", imageSrc: "https://images.unsplash.com/photo-1514432324607-2e467f4af445?w=400&q=80", imageAlt: "Rich espresso shot"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Cold Brew Classic", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/strong-alcoholic-beverage-with-coffee_23-2148722521.jpg", imageAlt: "Refreshing cold brew"
|
|
|
|
|
id: "2", name: "Iced Cold Brew", price: "7 JD", imageSrc: "https://images.unsplash.com/photo-1461023058943-07fcbe16d735?w=400&q=80", imageAlt: "Refreshing cold brew"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Vanilla Mocha Delight", price: "$6.25", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-milk-beans_114579-16710.jpg", imageAlt: "Creamy vanilla mocha"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTen
|
|
|
|
|
title="What Our Customers Love"
|
|
|
|
|
description="Join hundreds of coffee enthusiasts who have made Brew Haven their daily ritual"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "The Perfect Morning Ritual", quote: "Every morning starts with Brew Haven. The quality is unmatched and the atmosphere is genuinely welcoming. This is where I belong.", name: "Sarah Mitchell", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1", imageAlt: "Sarah Mitchell"
|
|
|
|
|
id: "3", name: "Cardamom Latte", price: "9 JD", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=400&q=80", imageAlt: "Creamy cardamom latte"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Exceptional Specialty Drinks", quote: "I've tried coffee everywhere, but Brew Haven's cold brew is absolutely phenomenal. The baristas truly understand their craft.", name: "Marcus Chen", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marcus Chen"
|
|
|
|
|
id: "4", name: "Caramel Macchiato", price: "8.5 JD", imageSrc: "https://images.unsplash.com/photo-1578314675288-ffb47cafbf65?w=400&q=80", imageAlt: "Smooth caramel macchiato"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "A Community Gathering Spot", quote: "More than just coffee—it's about the people and the experience. Brew Haven feels like home to me.", name: "Emma Rodriguez", role: "Loyal Customer", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=2", imageAlt: "Emma Rodriguez"
|
|
|
|
|
id: "5", name: "Chocolate Mousse Dessert", price: "6 JD", imageSrc: "https://images.unsplash.com/photo-1578985545062-69928b1d9587?w=400&q=80", imageAlt: "Rich chocolate mousse"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "Premium Quality Every Time", quote: "The consistency and attention to detail at Brew Haven is remarkable. They source the finest beans and it shows in every cup.", name: "David Thompson", role: "Coffee Connoisseur", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=1", imageAlt: "David Thompson"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5", title: "Best Coffee in Town", quote: "Finally found a place where passion meets quality. Brew Haven is my go-to for everything coffee-related.", name: "Jessica Liu", role: "Daily Visitor", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=3", imageAlt: "Jessica Liu"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6", title: "Worth Every Visit", quote: "The expertise of the team and the quality of the product make this place special. Highly recommended!", name: "James Wilson", role: "Coffee Lover", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg?_wi=2", imageAlt: "James Wilson"
|
|
|
|
|
id: "6", name: "Fresh Croissant", price: "5 JD", imageSrc: "https://images.unsplash.com/photo-1555939594-58d7cb561404?w=400&q=80", imageAlt: "Buttery croissant"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -128,24 +109,53 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardOne
|
|
|
|
|
title="By The Numbers"
|
|
|
|
|
description="The impact Brew Haven has made in the coffee community"
|
|
|
|
|
title="Why Choose Abu Saleh"
|
|
|
|
|
description="Experience excellence in every visit"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
animationType="scale-rotate"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", value: "8500", title: "Happy Customers", description: "Served annually with passion", icon: Users
|
|
|
|
|
id: "1", value: "24/7", title: "Always Open", description: "Serve you anytime, day or night", icon: Clock
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", value: "42", title: "Coffee Origins", description: "From farms around the globe", icon: Globe
|
|
|
|
|
id: "2", value: "Affordable", title: "Premium Quality", description: "Luxury coffee at fair prices", icon: Coffee
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", value: "6", title: "Years Running", description: "Committed to excellence since 2018", icon: Award
|
|
|
|
|
id: "3", value: "Expert", title: "Skilled Baristas", description: "Master craftspeople", icon: Award
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", value: "100", title: "Percent Satisfaction", description: "Customer satisfaction guarantee", icon: CheckCircle
|
|
|
|
|
id: "4", value: "100%", title: "Satisfaction", description: "Customer love guaranteed", icon: CheckCircle
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTen
|
|
|
|
|
title="What Coffee Lovers Say"
|
|
|
|
|
description="Join hundreds of satisfied customers who visit us daily"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Best Coffee in Amman", quote: "Abu Saleh serves the finest coffee I've ever tasted. The 24/7 availability is perfect for my late nights. Absolutely worth every visit!", name: "Fatima Al-Rashid", role: "Coffee Enthusiast", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=200&h=200&fit=crop", imageAlt: "Fatima Al-Rashid"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Perfect Midnight Coffee Run", quote: "The 24/7 service is a game-changer. I can get my favorite espresso at 2 AM. The quality never compromises, even at odd hours!", name: "Mohammed Hassan", role: "Regular Customer", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop", imageAlt: "Mohammed Hassan"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Exceptional Value", quote: "For the quality of coffee and ambiance, the prices are incredibly fair. Abu Saleh offers luxury experience at reasonable rates.", name: "Layla Mansour", role: "Business Owner", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=200&h=200&fit=crop", imageAlt: "Layla Mansour"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "Baristas Really Know Their Craft", quote: "The team at Abu Saleh are true coffee artisans. Every drink is prepared with precision and passion. I'm a regular for a reason!", name: "Amir Khalil", role: "Coffee Connoisseur", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=200&h=200&fit=crop", imageAlt: "Amir Khalil"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5", title: "My New Favorite Place", quote: "Finally found a café that combines premium quality, amazing ambiance, and genuine hospitality. Abu Saleh is now my go-to spot!", name: "Sara Ibrahim", role: "Daily Visitor", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop", imageAlt: "Sara Ibrahim"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6", title: "Always Consistent", quote: "Whether I visit at 9 AM or 9 PM, the quality and service are always outstanding. Abu Saleh sets the standard for coffee excellence.", name: "Zain Al-Saeed", role: "Coffee Lover", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=200&h=200&fit=crop", imageAlt: "Zain Al-Saeed"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -153,34 +163,41 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCenter
|
|
|
|
|
tag="Stay Connected"
|
|
|
|
|
tag="Get In Touch"
|
|
|
|
|
tagIcon={Mail}
|
|
|
|
|
title="Get updates on new blends and exclusive offers"
|
|
|
|
|
description="Subscribe to our newsletter for brewing tips, exclusive blends, and special member-only promotions delivered straight to your inbox."
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
title="Visit Abu Saleh Coffee Today"
|
|
|
|
|
description="Discover our premium coffee experience in the heart of Amman. We're open 24/7 to serve you."
|
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
|
inputPlaceholder="Your email address"
|
|
|
|
|
buttonText="Subscribe"
|
|
|
|
|
termsText="We respect your privacy. Unsubscribe at any time."
|
|
|
|
|
termsText="Stay updated with exclusive offers and new blends."
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
|
logoText="Brew Haven"
|
|
|
|
|
logoText="Abu Saleh Coffee"
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "Home", href: "#hero" },
|
|
|
|
|
{ label: "About", href: "#about" },
|
|
|
|
|
{ label: "Menu", href: "#menu" }
|
|
|
|
|
{ label: "Menu", href: "#menu" },
|
|
|
|
|
{ label: "About Us", href: "#about" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "📍 Amman, Jordan", href: "#" },
|
|
|
|
|
{ label: "☎️ +962 6 123 4567", href: "#" },
|
|
|
|
|
{ label: "⏰ Open 24/7", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
items: [
|
|
|
|
|
{ label: "Visit Us", href: "#contact" },
|
|
|
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
|
|
|
{ label: "Facebook", href: "https://facebook.com" }
|
|
|
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
|
|
|
{ label: "Twitter", href: "https://twitter.com" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
|