Merge version_3 into main

Update src/app/styles/variables.css
2026-03-03 07:57:17 +00:00 · 2026-03-03 07:57:12 +00:00 · 2026-03-03 07:57:11 +00:00 · 2026-03-03 07:57:11 +00:00 · 2026-03-03 06:41:45 +00:00 · 2026-03-03 06:41:45 +00:00
4 changed files with 110 additions and 98 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,24 +1,27 @@
 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 +33,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}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ95nVAEzIhk4zIb9ckOqrmnGm/uploaded-1772524597114-zzi8fdjc.jpg",              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://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ95nVAEzIhk4zIb9ckOqrmnGm/uploaded-1772524597114-vy220bra.jpg",              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://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ95nVAEzIhk4zIb9ckOqrmnGm/uploaded-1772524597115-7qmi3wh6.jpg",              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://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ95nVAEzIhk4zIb9ckOqrmnGm/uploaded-1772524597115-0r4m7u99.jpg",              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://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQ95nVAEzIhk4zIb9ckOqrmnGm/uploaded-1772524597115-ncjxdkf7.jpg",              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"
+            },
+            {
+              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"
+            },
+            {
+              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"
+            },
+            {
+              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"
+            },
+            {
+              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"
+            },
+            {
+              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"
            }
          ]}
        />
@@ -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" }
              ]
            },
            {
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -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;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,23 +2,15 @@
  /* 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: #f6f0e9;;
-  --card: #efe7dd;;
-  --foreground: #2b180a;;
-  --primary-cta: #2b180a;;
-  --primary-cta-text: #f6f0e9;;
-  --secondary-cta: #efe7dd;;
-  --secondary-cta-text: #2b180a;;
-  --accent: #94877c;;
-  --background-accent: #afa094;;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000000;
+  --primary-cta: #cc0000;
+  --primary-cta-text: #0f0a05;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #f5ede4;
+  --accent: #000000;
+  --background-accent: #f0f0f0;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	02471cfcb1	Merge version_3 into main Merge version_3 into main	2026-03-03 07:57:17 +00:00
bender	3cb354c826	Update src/app/styles/variables.css	2026-03-03 07:57:12 +00:00
bender	3be21bce78	Update src/app/page.tsx	2026-03-03 07:57:11 +00:00
bender	048675c35d	Update src/app/layout.tsx	2026-03-03 07:57:11 +00:00
bender	d52d18816d	Switch to version 2: modified src/app/styles/variables.css	2026-03-03 06:41:45 +00:00
bender	ef2fd495db	Switch to version 2: modified src/app/styles/base.css	2026-03-03 06:41:45 +00:00
bender	0ab36f1cf8	Switch to version 2: modified src/app/page.tsx	2026-03-03 06:41:44 +00:00
bender	7d26b40732	Switch to version 2: modified src/app/layout.tsx	2026-03-03 06:41:43 +00:00
bender	e8062b777f	Switch to version 1: modified src/app/styles/variables.css	2026-03-03 06:41:19 +00:00
bender	2807f60f76	Switch to version 1: modified src/app/styles/base.css	2026-03-03 06:41:19 +00:00
bender	1685f1668e	Switch to version 1: modified src/app/page.tsx	2026-03-03 06:41:18 +00:00
bender	46ec1542a2	Switch to version 1: modified src/app/layout.tsx	2026-03-03 06:41:18 +00:00
bender	c11144f54f	Merge version_2 into main Merge version_2 into main	2026-03-03 06:39:17 +00:00
bender	a2c6b7ca39	Update src/app/styles/variables.css	2026-03-03 06:39:12 +00:00
bender	188723e624	Update src/app/page.tsx	2026-03-03 06:39:11 +00:00
bender	da1cd1aaa4	Merge version_2 into main Merge version_2 into main	2026-03-03 06:37:34 +00:00
bender	f0fa671b1e	Update src/app/styles/variables.css	2026-03-03 06:37:29 +00:00
bender	eaa12b1bb0	Update src/app/styles/base.css	2026-03-03 06:37:29 +00:00
bender	9a9ac3f505	Update src/app/page.tsx	2026-03-03 06:37:28 +00:00
bender	fbc33aa469	Update src/app/layout.tsx	2026-03-03 06:37:27 +00:00
bender	fb0daea7e8	Merge version_1 into main Merge version_1 into main	2026-03-03 06:06:04 +00:00
bender	2039f90a39	Merge version_1 into main Merge version_1 into main	2026-03-03 06:04:53 +00:00
bender	3761d6bd74	Merge version_1 into main Merge version_1 into main	2026-03-03 06:03:25 +00:00
bender	59d622869d	Merge version_1 into main Merge version_1 into main	2026-03-03 06:02:18 +00:00