Merge version_3 into main

Update src/app/layout.tsx
2026-02-22 12:26:29 +00:00 · 2026-02-22 12:26:25 +00:00 · 2026-02-22 12:26:24 +00:00 · 2026-02-22 12:24:15 +00:00 · 2026-02-22 12:24:11 +00:00 · 2026-02-22 12:24:11 +00:00
8 changed files with 58 additions and 65 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,9 +2,9 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Sparkles, ShieldCheck } from 'lucide-react';
+import { Sparkles } from 'lucide-react';

 export default function AboutPage() {
  const navItems = [
@@ -59,17 +59,20 @@ export default function AboutPage() {
      </div>

      <div id="about" data-section="about">
-        <TestimonialAboutCard
+        <MetricSplitMediaAbout
          tag="Our Commitment"
          tagIcon={Sparkles}
          tagAnimation="blur-reveal"
          title="Unmatched Quality for an Unforgettable Experience"
-          description="At Hookah Haven, we are dedicated to sourcing only the finest hookah products. Every item in our collection is meticulously selected for its craftsmanship, durability, and ability to deliver a superior smoking session."
-          subdescription="Experience the difference with every puff."
-          icon={ShieldCheck}
+          description="At Hookah Haven, we are dedicated to sourcing only the finest hookah products. Every item in our collection is meticulously selected for its craftsmanship, durability, and ability to deliver a superior smoking session. Experience the difference with every puff."
+          metrics={[
+            { value: "100%", title: "Quality Guarantee" },
+            { value: "500+", title: "Premium Products Curated" }
+          ]}
          imageSrc="https://img.b2bpic.net/free-vector/gradient-labels-collection-luxurious-hotel-experience_23-2150241639.jpg"
          imageAlt="Shield with a checkmark symbolizing quality"
          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBase from '@/components/sections/footer/FooterBase';

@@ -59,17 +59,12 @@ export default function ContactPage() {
      </div>

      <div id="faq" data-section="faq">
-        <FaqSplitMedia
-          title="Frequently Asked Questions"
-          description="Find quick answers to the most common questions about our products, shipping, and services."
-          tag="Need Help?"
+        <FaqSplitText
+          sideTitle="Frequently Asked Questions"
+          sideDescription="Find quick answers to the most common questions about our products, shipping, and services."
          faqsAnimation="slide-up"
-          textboxLayout="default"
          useInvertedBackground={false}
-          imageSrc="https://img.b2bpic.net/free-photo/young-distraught-call-center-agent-communicating-with-client-while-using-desktop-pc-office_637285-6461.jpg"
-          imageAlt="Customer support representative assisting a client"
-          mediaPosition="left"
-          mediaAnimation="slide-up"
+          textPosition="right"
          faqs={[
            { id: "1", title: "What payment methods do you accept?", content: "We accept major credit cards (Visa, MasterCard, Amex), PayPal, and other secure payment options. All transactions are encrypted for your security." },
            { id: "2", title: "How long does shipping take?", content: "Standard shipping typically takes 5-7 business days within the domestic region. International shipping times may vary. Expedited options are available at checkout." },
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,13 +11,16 @@ export const metadata: Metadata = {
  title: "Hookah Haven - Premium Hookah, Tobacco & Accessories",  description: "Discover a premium selection of hookahs, high-quality tobacco, natural charcoal, and essential accessories for an unparalleled smoking experience. Shop now at Hookah Haven.",  keywords: ["hookah", "shisha", "tobacco", "charcoal", "hookah accessories", "premium hookah", "online hookah store"],
  metadataBase: new URL("https://www.hookahhaven.com"),
  alternates: {
-    canonical: "https://www.hookahhaven.com"},
+    canonical: "https://www.hookahhaven.com"
+  },
  openGraph: {
    title: "Hookah Haven - Premium Hookah, Tobacco & Accessories",    description: "Discover a premium selection of hookahs, high-quality tobacco, natural charcoal, and essential accessories for an unparalleled smoking experience. Shop now at Hookah Haven.",    url: "https://www.hookahhaven.com",    siteName: "Hookah Haven",    images: [
      {
-        url: "https://img.b2bpic.net/free-photo/classic-hookah-beautiful-colored-rays-light-smoke-concept-hookah-smoking_169016-5136.jpg",        alt: "Elegant hookah setup"},
+        url: "https://img.b2bpic.net/free-photo/classic-hookah-beautiful-colored-rays-light-smoke-concept-hookah-smoking_169016-5136.jpg",        alt: "Elegant hookah setup"
+      },
    ],
-    type: "website"},
+    type: "website"
+  },
  twitter: {
    card: "summary_large_image",    title: "Hookah Haven - Premium Hookah, Tobacco & Accessories",    description: "Discover a premium selection of hookahs, high-quality tobacco, natural charcoal, and essential accessories for an unparalleled smoking experience. Shop now at Hookah Haven.",    images: ["https://img.b2bpic.net/free-photo/classic-hookah-beautiful-colored-rays-light-smoke-concept-hookah-smoking_169016-5136.jpg"],
  },
@@ -1404,4 +1407,4 @@ export default function RootLayout({
      </body>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
@@ -63,24 +63,16 @@ export default function HomePage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroSplitKpi
+        <HeroBillboardScroll
          title="Elevate Your Hookah Experience"
          description="Discover a curated selection of premium hookahs, exquisite tobacco flavors, and high-quality accessories for the perfect session."
-          background={{ variant: "glowing-orb" }}
-          kpis={[
-            { value: "1000+", label: "Premium Products" },
-            { value: "24/7", label: "Customer Support" },
-            { value: "Fast", label: "Worldwide Shipping" },
-          ]}
-          enableKpiAnimation={true}
+          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "Shop Now", href: "/products" },
            { text: "Explore Flavors", href: "/products#tobacco" },
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/classic-hookah-beautiful-colored-rays-light-smoke-concept-hookah-smoking_169016-5136.jpg"
          imageAlt="Elegant hookah setup with smoke in a luxurious setting"
-          mediaAnimation="slide-up"
-          imagePosition="right"
        />
      </div>

--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FooterBase from '@/components/sections/footer/FooterBase';

 export default function ProductsPage() {
@@ -58,16 +58,16 @@ export default function ProductsPage() {
      </div>

      <div id="products" data-section="products">
-        <ProductCardOne
+        <ProductCardTwo
          title="Our Signature Collection"
          description="Hand-picked for connoisseurs: discover our best-selling hookahs, premium tobacco, and essential accessories."
          products={[
-            { id: "1", name: "Classic Elegance Hookah", price: "$129.99", imageSrc: "https://img.b2bpic.net/free-photo/meduza-hookah-with-cockatails-side-view_140725-9140.jpg?_wi=1", imageAlt: "Classic glass hookah" },
-            { id: "2", name: "Rich Vanilla Tobacco", price: "$19.99", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg?_wi=1", imageAlt: "Pack of vanilla hookah tobacco" },
-            { id: "3", name: "Natural Coconut Charcoal", price: "$14.99", imageSrc: "https://img.b2bpic.net/free-photo/hookah-still-life-composition_23-2149213336.jpg?_wi=1", imageAlt: "Box of natural coconut charcoal" },
-            { id: "4", name: "Premium Ceramic Bowl", price: "$24.99", imageSrc: "https://img.b2bpic.net/free-photo/hookah-isolated-white_93675-132617.jpg?_wi=1", imageAlt: "Detailed ceramic hookah bowl" },
-            { id: "5", name: "Beginner's Hookah Kit", price: "$89.99", imageSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173653.jpg?_wi=1", imageAlt: "Complete hookah starter kit" },
-            { id: "6", name: "Exotic Flavor Assortment", price: "$49.99", imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-imposes-pineapple-jam-saucer-with-nuts-glass-tea-table_141793-13056.jpg?_wi=1", imageAlt: "Collection of various hookah tobacco flavors" }
+            { id: "1", brand: "Hookah Haven", name: "Classic Elegance Hookah", price: "$129.99", rating: 5, reviewCount: "120", imageSrc: "https://img.b2bpic.net/free-photo/meduza-hookah-with-cockatails-side-view_140725-9140.jpg?_wi=1", imageAlt: "Classic glass hookah" },
+            { id: "2", brand: "Hookah Haven", name: "Rich Vanilla Tobacco", price: "$19.99", rating: 5, reviewCount: "98", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg?_wi=1", imageAlt: "Pack of vanilla hookah tobacco" },
+            { id: "3", brand: "Hookah Haven", name: "Natural Coconut Charcoal", price: "$14.99", rating: 4, reviewCount: "250", imageSrc: "https://img.b2bpic.net/free-photo/hookah-still-life-composition_23-2149213336.jpg?_wi=1", imageAlt: "Box of natural coconut charcoal" },
+            { id: "4", brand: "Hookah Haven", name: "Premium Ceramic Bowl", price: "$24.99", rating: 5, reviewCount: "75", imageSrc: "https://img.b2bpic.net/free-photo/hookah-isolated-white_93675-132617.jpg?_wi=1", imageAlt: "Detailed ceramic hookah bowl" },
+            { id: "5", brand: "Hookah Haven", name: "Beginner's Hookah Kit", price: "$89.99", rating: 4, reviewCount: "42", imageSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173653.jpg?_wi=1", imageAlt: "Complete hookah starter kit" },
+            { id: "6", brand: "Hookah Haven", name: "Exotic Flavor Assortment", price: "$49.99", rating: 5, reviewCount: "150", imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-imposes-pineapple-jam-saucer-with-nuts-glass-tea-table_141793-13056.jpg?_wi=1", imageAlt: "Collection of various hookah tobacco flavors" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -73,4 +73,4 @@ export default function ProductPage({ params }: { params: { id: string } }) {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -2,7 +2,7 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import FooterBase from '@/components/sections/footer/FooterBase';

 export default function ShopPage() {
@@ -58,16 +58,16 @@ export default function ShopPage() {
      </div>

      <div id="products" data-section="products">
-        <ProductCardOne
+        <ProductCardTwo
          title="Our Signature Collection"
          description="Hand-picked for connoisseurs: discover our best-selling hookahs, premium tobacco, and essential accessories."
          products={[
-            { id: "1", name: "Classic Elegance Hookah", price: "$129.99", imageSrc: "https://img.b2bpic.net/free-photo/meduza-hookah-with-cockatails-side-view_140725-9140.jpg?_wi=2", imageAlt: "Classic glass hookah" },
-            { id: "2", name: "Rich Vanilla Tobacco", price: "$19.99", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg?_wi=2", imageAlt: "Pack of vanilla hookah tobacco" },
-            { id: "3", name: "Natural Coconut Charcoal", price: "$14.99", imageSrc: "https://img.b2bpic.net/free-photo/hookah-still-life-composition_23-2149213336.jpg?_wi=2", imageAlt: "Box of natural coconut charcoal" },
-            { id: "4", name: "Premium Ceramic Bowl", price: "$24.99", imageSrc: "https://img.b2bpic.net/free-photo/hookah-isolated-white_93675-132617.jpg?_wi=2", imageAlt: "Detailed ceramic hookah bowl" },
-            { id: "5", name: "Beginner's Hookah Kit", price: "$89.99", imageSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173653.jpg?_wi=2", imageAlt: "Complete hookah starter kit" },
-            { id: "6", name: "Exotic Flavor Assortment", price: "$49.99", imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-imposes-pineapple-jam-saucer-with-nuts-glass-tea-table_141793-13056.jpg?_wi=2", imageAlt: "Collection of various hookah tobacco flavors" }
+            { id: "1", brand: "Hookah Haven", name: "Classic Elegance Hookah", price: "$129.99", rating: 5, reviewCount: "120", imageSrc: "https://img.b2bpic.net/free-photo/meduza-hookah-with-cockatails-side-view_140725-9140.jpg?_wi=2", imageAlt: "Classic glass hookah" },
+            { id: "2", brand: "Hookah Haven", name: "Rich Vanilla Tobacco", price: "$19.99", rating: 5, reviewCount: "98", imageSrc: "https://img.b2bpic.net/free-photo/fresh-shisha-woman-hands_140725-1338.jpg?_wi=2", imageAlt: "Pack of vanilla hookah tobacco" },
+            { id: "3", brand: "Hookah Haven", name: "Natural Coconut Charcoal", price: "$14.99", rating: 4, reviewCount: "250", imageSrc: "https://img.b2bpic.net/free-photo/hookah-still-life-composition_23-2149213336.jpg?_wi=2", imageAlt: "Box of natural coconut charcoal" },
+            { id: "4", brand: "Hookah Haven", name: "Premium Ceramic Bowl", price: "$24.99", rating: 5, reviewCount: "75", imageSrc: "https://img.b2bpic.net/free-photo/hookah-isolated-white_93675-132617.jpg?_wi=2", imageAlt: "Detailed ceramic hookah bowl" },
+            { id: "5", brand: "Hookah Haven", name: "Beginner's Hookah Kit", price: "$89.99", rating: 4, reviewCount: "42", imageSrc: "https://img.b2bpic.net/free-photo/people-enjoying-night-out-together_23-2149173653.jpg?_wi=2", imageAlt: "Complete hookah starter kit" },
+            { id: "6", brand: "Hookah Haven", name: "Exotic Flavor Assortment", price: "$49.99", rating: 5, reviewCount: "150", imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-imposes-pineapple-jam-saucer-with-nuts-glass-tea-table_141793-13056.jpg?_wi=2", imageAlt: "Collection of various hookah tobacco flavors" }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
@@ -85,4 +85,4 @@ export default function ShopPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,23 +2,23 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #032419;;
-  --primary-cta: #2bb889;;
-  --secondary-cta: #ffffff;;
-  --accent: #09b97e;;
-  --background-accent: #a8e8c3;; */
+  /* --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #e6e6e6;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #737373;;
+  --background-accent: #737373;; */

-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #032419;;
-  --primary-cta: #2bb889;;
-  --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
-  --secondary-cta-text: #032419;;
-  --accent: #09b97e;;
-  --background-accent: #a8e8c3;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #e6e6e6;;
+  --primary-cta-text: #0a0a0a;;
+  --secondary-cta: #1a1a1a;;
+  --secondary-cta-text: #ffffffe6;;
+  --accent: #737373;;
+  --background-accent: #737373;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	1658aa2a26	Merge version_3 into main Merge version_3 into main	2026-02-22 12:26:29 +00:00
bender	59c42948c1	Update src/app/layout.tsx	2026-02-22 12:26:25 +00:00
bender	e9f7fa9ad0	Update src/app/about/page.tsx	2026-02-22 12:26:24 +00:00
bender	84ca8d57f5	Merge version_3 into main Merge version_3 into main	2026-02-22 12:24:15 +00:00
bender	a8f0a7d39c	Update src/app/shop/page.tsx	2026-02-22 12:24:11 +00:00
bender	44996c2a68	Update src/app/shop/[id]/page.tsx	2026-02-22 12:24:11 +00:00
bender	357a746268	Update src/app/products/page.tsx	2026-02-22 12:24:10 +00:00
bender	75530188a5	Update src/app/page.tsx	2026-02-22 12:24:10 +00:00
bender	1939926c0a	Update src/app/contact/page.tsx	2026-02-22 12:24:09 +00:00
bender	89b66583cd	Update src/app/blog/page.tsx	2026-02-22 12:24:09 +00:00
bender	84bdd17e46	Update src/app/about/page.tsx	2026-02-22 12:24:09 +00:00
bender	cd6058d42b	Merge version_3 into main Merge version_3 into main	2026-02-22 12:21:22 +00:00
bender	d8495e59e9	Update src/app/page.tsx	2026-02-22 12:21:18 +00:00
bender	3877b8f966	Update src/app/layout.tsx	2026-02-22 12:21:18 +00:00
bender	4fe91abb11	Merge version_2 into main Merge version_2 into main	2026-02-22 12:19:02 +00:00
bender	4ca455a3df	Update src/app/styles/variables.css	2026-02-22 12:18:58 +00:00
bender	7b76914b3a	Update src/app/shop/page.tsx	2026-02-22 12:18:57 +00:00
bender	22c0fa565e	Update src/app/shop/[id]/page.tsx	2026-02-22 12:18:57 +00:00
bender	46ce80ad1d	Update src/app/products/page.tsx	2026-02-22 12:18:57 +00:00
bender	b83354a7b9	Update src/app/page.tsx	2026-02-22 12:18:56 +00:00
bender	c64455eee5	Update src/app/contact/page.tsx	2026-02-22 12:18:56 +00:00
bender	440a8069ed	Update src/app/blog/page.tsx	2026-02-22 12:18:55 +00:00
bender	2c1a2a4c65	Update src/app/about/page.tsx	2026-02-22 12:18:55 +00:00
bender	baaeb3c940	Merge version_1 into main Merge version_1 into main	2026-02-22 12:16:27 +00:00
bender	448d9bd779	Merge version_1 into main Merge version_1 into main	2026-02-22 12:15:46 +00:00
bender	2f28e442bb	Merge version_1 into main Merge version_1 into main	2026-02-22 12:13:34 +00:00
bender	a27d90df7c	Merge version_1 into main Merge version_1 into main	2026-02-22 12:10:43 +00:00