Update src/app/services/page.tsx

Merge version_1 into main

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>
+  );
+}

src/app/bookings/page.tsx

@@ -0,0 +1,51 @@
+"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"
+          useInvertedBackground={true}
+        />
+        <FooterLogoEmphasis
+          columns={[
+            { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
+            { items: [{ label: "Bookings", href: "/bookings" }, { label: "Contact", href: "/#contact" }] },
+          ]}
+          logoText="Baumall"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

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 } 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,10 @@ 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"
+      tag="Our Expertise"
     />
   </div>
 
@@ -101,34 +66,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 +77,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>
   );
-}
+}

src/app/services/page.tsx

@@ -0,0 +1,55 @@
+"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."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          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>
+  );
+}