bender/22dcafdd-8347-4b72-ad64-1bf7bf4a4502
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 4 commits from version_2 into main 2026-04-01 19:52:15 +00:00
Conversation 0 Commits 4 Files Changed 4 +212 -175
4 changed files with 212 additions and 175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/app/booking/page.tsx Normal file
View File

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

50
src/app/bookings/page.tsx Normal file
View File

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

220
src/app/page.tsx
View File

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

53
src/app/services/page.tsx Normal file
View File

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