Merge version_2 into main #5

Merged
bender merged 4 commits from version_2 into main 2026-03-03 06:37:35 +00:00
4 changed files with 113 additions and 95 deletions

View File

@@ -1,24 +1,25 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Poppins } from "next/font/google";
import { Playfair_Display } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
const playfairDisplay = Playfair_Display({
variable: "--font-playfair-display", subsets: ["latin"],
weight: ["400", "500", "600", "700", "800", "900"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
const poppins = Poppins({
variable: "--font-poppins", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export const metadata: Metadata = {
title: "Brew Haven - Specialty Coffee & Cozy Café", description: "Discover expertly roasted specialty coffees in our welcoming café. Premium beans, skilled baristas, and the perfect ambiance await.", keywords: "coffee shop, specialty coffee, espresso, café, cold brew, coffee roastery", openGraph: {
title: "Brew Haven - Specialty Coffee & Cozy Café", description: "Discover expertly roasted specialty coffees in our welcoming café.", siteName: "Brew Haven", type: "website"},
title: "Abu Saleh Coffee - Premium Coffee in Amman, Jordan", description: "Experience premium coffee in Amman. Open 24/7 with freshly roasted beans, expert baristas, and a luxurious atmosphere. Located in the heart of Amman.", keywords: "coffee, Amman, Jordan, specialty coffee, 24/7 café, premium coffee roastery", openGraph: {
title: "Abu Saleh Coffee - Premium Coffee in Amman", description: "Premium coffee experience in Amman, Jordan. Open 24/7 with luxury ambiance.", siteName: "Abu Saleh Coffee", type: "website"},
twitter: {
card: "summary_large_image", title: "Brew Haven - Premium Specialty Coffees", description: "Join us for expertly crafted coffee in a warm, inviting atmosphere."},
card: "summary_large_image", title: "Abu Saleh Coffee - Amman's Premium Coffee Destination", description: "Experience premium coffee 24/7 in the heart of Amman, Jordan."},
};
export default function RootLayout({
@@ -30,7 +31,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} antialiased`}
className={`${playfairDisplay.variable} ${poppins.variable} antialiased`}
>
<Tag />
{children}

View File

@@ -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" }
]
},
{

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter), sans-serif;
font-family: var(--font-playfair-display), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-inter), sans-serif;
font-family: var(--font-playfair-display), sans-serif;
}

View File

@@ -2,23 +2,23 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #f6f0e9;;
--card: #efe7dd;;
--foreground: #2b180a;;
--primary-cta: #2b180a;;
--secondary-cta: #efe7dd;;
--accent: #94877c;;
--background-accent: #afa094;; */
/* --background: #0f0a05;;
--card: #1a1410;;
--foreground: #f5ede4;;
--primary-cta: #d4af37;;
--secondary-cta: #2a1f15;;
--accent: #8b6f47;;
--background-accent: #3d2817;; */
--background: #f6f0e9;;
--card: #efe7dd;;
--foreground: #2b180a;;
--primary-cta: #2b180a;;
--background: #0f0a05;;
--card: #1a1410;;
--foreground: #f5ede4;;
--primary-cta: #d4af37;;
--primary-cta-text: #f6f0e9;;
--secondary-cta: #efe7dd;;
--secondary-cta: #2a1f15;;
--secondary-cta-text: #2b180a;;
--accent: #94877c;;
--background-accent: #afa094;;
--accent: #8b6f47;;
--background-accent: #3d2817;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);