From f29e7558aed27d1d5053f10ebefb540953fa696c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 19:52:11 +0000
Subject: [PATCH 1/4] Add src/app/booking/page.tsx

---
 src/app/booking/page.tsx | 64 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)
 create mode 100644 src/app/booking/page.tsx

diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
new file mode 100644
index 0000000..43e113d
--- /dev/null
+++ b/src/app/booking/page.tsx
@@ -0,0 +1,64 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import { useState } from 'react';
+
+export default function BookingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSmallSizeLargeTitles"
+        background="grid"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Booking", id: "/booking" },
+            ]}
+            brandName="Baumall"
+          />
+        </div>
+
+        <div id="booking-catalog" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            title="Book Professional Services"
+            description="Select your preferred construction or consultation service below to get started."
+            products={[
+              { id: "s1", name: "Site Consultation", price: "$50", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-project_23-2148751960.jpg?_wi=1", variant: "Hourly" },
+              { id: "s2", name: "Material Delivery", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131739.jpg", variant: "Fixed Fee" },
+              { id: "s3", name: "Custom Estimation", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-schematics_23-2148269799.jpg", variant: "Consultation" },
+              { id: "s4", name: "Bulk Order Planning", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-with-some-bags-chemicals-heavy-industry-machinery-metalworking-workshop-concept_645730-450.jpg", variant: "Project-based" },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Booking", href: "/booking" }] },
+              { items: [{ label: "Contact", href: "/#contact" }] },
+            ]}
+            logoText="Baumall"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 172c13514349ca3a8c3c1ef15747e4b021dcf355 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 19:52:11 +0000
Subject: [PATCH 2/4] Add src/app/bookings/page.tsx

---
 src/app/bookings/page.tsx | 50 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 src/app/bookings/page.tsx

diff --git a/src/app/bookings/page.tsx b/src/app/bookings/page.tsx
new file mode 100644
index 0000000..1baed33
--- /dev/null
+++ b/src/app/bookings/page.tsx
@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function BookingsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSmallSizeLargeTitles"
+        background="grid"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Bookings", id: "/bookings" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="Baumall"
+        />
+        <ContactCenter
+          tag="Scheduling"
+          title="Schedule Your Garden Maintenance"
+          description="Fill out the form below and we'll reach out to schedule your service session."
+          background={{ variant: "gradient-bars" }}
+          buttonText="Send Request"
+        />
+        <FooterLogoEmphasis
+          columns={[
+            { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
+            { items: [{ label: "Bookings", href: "/bookings" }, { label: "Contact", href: "/#contact" }] },
+          ]}
+          logoText="Baumall"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1


From 2c968193871b5a4767bf50ab0fb14dde9d9c0288 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 19:52:11 +0000
Subject: [PATCH 3/4] Update src/app/page.tsx

---
 src/app/page.tsx | 220 ++++++++++-------------------------------------
 1 file changed, 45 insertions(+), 175 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 707a633..d5bcb0d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import TextAbout from '@/components/sections/about/TextAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import { Mail, Phone, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,22 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Products", id: "products" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Baumall"
     />
@@ -52,21 +41,10 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboardSplit
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       logoText="Baumall Market"
       description="Your trusted partner for quality building materials and hardware supplies in Vushtrri. Excellence in every load."
-      buttons={[
-        {
-          text: "View Catalog",
-          href: "#products",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "View Catalog", href: "#products" }, { text: "Contact Us", href: "#contact" }]}
       layoutOrder="default"
       imageSrc="http://img.b2bpic.net/free-photo/modern-operational-plant-equipment-with-some-bags-chemicals-heavy-industry-machinery-metalworking-workshop-concept_645730-450.jpg"
       mediaAnimation="blur-reveal"
@@ -74,23 +52,11 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <MetricSplitMediaAbout
+      <TextAbout
+      title="Expert Garden Maintenance & Supplies"
       useInvertedBackground={true}
-      title="Decades of Construction Expertise"
-      description="Providing the region with top-grade materials for residential and commercial projects. We stand by our inventory."
-      metrics={[
-        {
-          value: "1000+",
-          title: "Happy Clients",
-        },
-        {
-          value: "500+",
-          title: "Projects Completed",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-work-tools-wood_329181-3491.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="opacity"
+      description="Beyond heavy construction, Baumall specializes in premium garden maintenance tools and professional landscaping materials. Our experts provide tailored advice to help you cultivate and maintain healthy, thriving outdoor spaces throughout every season."
+      tag="Our Expertise"
     />
   </div>
 
@@ -101,34 +67,10 @@ export default function LandingPage() {
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Industrial Cement",
-          price: "Best Price",
-          variant: "Premium Quality",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12471.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Ceramic Flooring",
-          price: "Wide Range",
-          variant: "Multiple Designs",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-diy-letters-made-out-wood_23-2148732459.jpg",
-        },
-        {
-          id: "p3",
-          name: "Reinforced Steel",
-          price: "High Tensile",
-          variant: "Standard Sizing",
-          imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131739.jpg",
-        },
-        {
-          id: "p4",
-          name: "Lumber & Timber",
-          price: "Market Rate",
-          variant: "Pressure Treated",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12471.jpg?_wi=2",
-        },
+        { id: "p1", name: "Industrial Cement", price: "Best Price", variant: "Premium Quality", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12471.jpg?_wi=1" },
+        { id: "p2", name: "Ceramic Flooring", price: "Wide Range", variant: "Multiple Designs", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-diy-letters-made-out-wood_23-2148732459.jpg" },
+        { id: "p3", name: "Reinforced Steel", price: "High Tensile", variant: "Standard Sizing", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131739.jpg" },
+        { id: "p4", name: "Lumber & Timber", price: "Market Rate", variant: "Pressure Treated", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12471.jpg?_wi=2" },
       ]}
       title="Building Essentials"
       description="From foundation to finish, discover the materials that build dreams."
@@ -136,127 +78,55 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
+      <TestimonialCardFive
+      title="Client Success Stories"
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Naim Krasniqi",
-          role: "Contractor",
-          testimonial: "Excellent service and high-quality materials consistently.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-schematics_23-2148269799.jpg",
-        },
-        {
-          id: "2",
-          name: "Anisa Maxhuni",
-          role: "Project Manager",
-          testimonial: "Reliable supplier, always on time with deliveries.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-project_23-2148751960.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          name: "Adonis Hajdari",
-          role: "Builder",
-          testimonial: "Best prices in the region, highly recommended!",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-overalls-looking-camera-colleague_259150-56928.jpg",
-        },
-        {
-          id: "4",
-          name: "Liridon S.",
-          role: "Architect",
-          testimonial: "Great variety and very knowledgeable staff.",
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-workers-brainstorming-together_23-2148804536.jpg",
-        },
-        {
-          id: "5",
-          name: "Elena Berisha",
-          role: "Homeowner",
-          testimonial: "Baumall helped me finish my renovation ahead of schedule.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-project_23-2148751960.jpg?_wi=2",
-        },
+        { id: "1", name: "Naim Krasniqi", date: "2024-05", title: "Reliable Supplier", quote: "Baumall is my go-to for all construction materials. Their garden tools range is also fantastic.", tag: "Contractor", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-schematics_23-2148269799.jpg" },
+        { id: "2", name: "Anisa Maxhuni", date: "2024-06", title: "Exceptional Quality", quote: "The team at Baumall provided great advice for my garden renovation project.", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-project_23-2148751960.jpg?_wi=1" },
       ]}
-      title="What Contractors Say"
-      description="Trusted by professionals throughout Vushtrri."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "What are your working hours?",
-          content: "We are open from 7:00 AM daily. Check our latest schedule.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer delivery?",
-          content: "Yes, we provide efficient delivery services to your project site.",
-        },
-        {
-          id: "q3",
-          title: "How can I get a quote?",
-          content: "Visit our store or call us at +383 45 778 877 for inquiries.",
-        },
-      ]}
-      title="Frequently Asked"
-      description="Common questions about our products and services."
-      faqsAnimation="slide-up"
+      description="Hear from our valued partners and customers across Vushtrri."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Need professional advice or a bulk quote? Our team is ready to assist you today."
-      buttons={[
-        {
-          text: "Call Now: +383 45 778 877",
-          href: "tel:+38345778877",
-        },
+      <ContactFaq
+      ctaTitle="Get in Touch"
+      ctaDescription="Need expert landscaping advice or a bulk quote? We serve the entire Vushtrri region."
+      ctaButton={{ text: "Send Message" }}
+      ctaIcon={Mail}
+      faqs={[
+        { id: "f1", title: "Service Areas", content: "We proudly serve Vushtrri and surrounding municipalities with fast, reliable delivery." },
+        { id: "f2", title: "Garden Consultations", content: "Yes, we offer professional guidance on garden tools and maintenance products." },
       ]}
+      animationType="slide-up"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBase
       columns={[
         {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Products",
-              href: "#products",
-            },
+          title: "Navigation",          items: [
+            { label: "About Us", href: "#about" },
+            { label: "Products", href: "#products" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+          title: "Company",          items: [
+            { label: "Terms of Service", href: "#" },
+            { label: "Privacy Policy", href: "#" },
           ],
         },
       ]}
       logoText="Baumall"
+      copyrightText="© 2025 Baumall. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 354361a80af2ae7d8fc97d85215cbbaf3cbabfb1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 19:52:12 +0000
Subject: [PATCH 4/4] Add src/app/services/page.tsx

---
 src/app/services/page.tsx | 53 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 src/app/services/page.tsx

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
new file mode 100644
index 0000000..99afafb
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,53 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSmallSizeLargeTitles"
+        background="grid"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Bookings", id: "/bookings" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="Baumall"
+        />
+        <FeatureCardTwelve
+          animationType="slide-up"
+          title="Garden Maintenance Services"
+          description="We offer comprehensive landscaping services to keep your property vibrant."
+          features={[
+            { id: "1", label: "Lawn Care", title: "Full Lawn Maintenance", items: ["Mowing", "Edging", "Fertilization", "Weed Control"] },
+            { id: "2", label: "Landscaping", title: "Garden Transformation", items: ["Design", "Planting", "Hardscaping", "Mulching"] },
+            { id: "3", label: "Packages", title: "Monthly Care", items: ["Weekly Visits", "Seasonal Pruning", "Cleanup", "Priority Support"] },
+          ]}
+        />
+        <FooterLogoEmphasis
+          columns={[
+            { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
+            { items: [{ label: "Bookings", href: "/bookings" }, { label: "Contact", href: "/#contact" }] },
+          ]}
+          logoText="Baumall"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1