bender/d6b113c1-8ac0-40ff-99a3-47680086f2e8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-31 03:04:13 +00:00
parent 88cb77ad7f e3ba4325d2
commit bf1c6b9230
1 changed files with 60 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

241
src/app/page.tsx
View File

@@ -2,14 +2,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Clock, Star } from "lucide-react";
import { Star } from "lucide-react";
export default function LandingPage() {
return (
@@ -30,64 +30,41 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "About Us",
id: "/about",
},
name: "About Us", id: "/about"},
{
name: "Services",
id: "/services",
},
name: "Services", id: "/services"},
{
name: "Service Areas",
id: "/areas",
},
name: "Service Areas", id: "/areas"},
{
name: "Gallery",
id: "/gallery",
},
name: "Gallery", id: "/gallery"},
{
name: "Reviews",
id: "/reviews",
},
name: "Reviews", id: "/reviews"},
{
name: "Blog",
id: "/blog",
},
name: "Blog", id: "/blog"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
brandName="TA Baiki Bumbung"
button={{
text: "WhatsApp Now",
href: "https://wa.me/601139413944",
}}
text: "WhatsApp Now", href: "https://wa.me/601139413944"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "plain",
}}
variant: "plain"}}
title="Professional Roof Repair Services in Selangor & Kuala Lumpur"
description="Fast, Trusted & Affordable Roof Leak Repair Specialists. We handle all types of roofing issues with expertise."
tag="24 Hour Service"
tagIcon={Star}
buttons={[
{
text: "WhatsApp Now",
href: "https://wa.me/601139413944",
},
text: "WhatsApp Now", href: "https://wa.me/601139413944"},
{
text: "Free Roof Inspection",
href: "/contact",
},
text: "Free Roof Inspection", href: "/contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756527.jpg"
imageAlt="Professional roof repair service in Selangor and Kuala Lumpur"
@@ -101,99 +78,51 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "roof-leak-repair",
label: "Roof Leak Repair",
title: "Prompt & Effective Leak Solutions",
items: [
"Identify leak source",
"Durable sealing",
"Prevent future leaks",
],
id: "roof-leak-repair", label: "Roof Leak Repair", title: "Prompt & Effective Leak Solutions", items: [
"Identify leak source", "Durable sealing", "Prevent future leaks"],
buttons: [
{
text: "Learn More",
href: "/services/roof-leak-repair",
},
text: "Learn More", href: "/services/roof-leak-repair"},
],
},
{
id: "waterproofing",
label: "Roof Waterproofing",
title: "Long-lasting Water Protection",
items: [
"High-quality membranes",
"Weather-resistant coatings",
"Comprehensive sealing",
],
id: "waterproofing", label: "Roof Waterproofing", title: "Long-lasting Water Protection", items: [
"High-quality membranes", "Weather-resistant coatings", "Comprehensive sealing"],
buttons: [
{
text: "Learn More",
href: "/services/waterproofing",
},
text: "Learn More", href: "/services/waterproofing"},
],
},
{
id: "metal-deck-roofing",
label: "Metal Deck Roofing",
title: "Modern & Durable Installations",
items: [
"Custom fabrication",
"Expert installation",
"Low maintenance",
],
id: "metal-deck-roofing", label: "Metal Deck Roofing", title: "Modern & Durable Installations", items: [
"Custom fabrication", "Expert installation", "Low maintenance"],
buttons: [
{
text: "Learn More",
href: "/services/metal-deck-roofing",
},
text: "Learn More", href: "/services/metal-deck-roofing"},
],
},
{
id: "roof-replacement",
label: "Roof Replacement",
title: "Complete Roof Overhauls",
items: [
"High-grade materials",
"Efficient removal",
"Flawless installation",
],
id: "roof-replacement", label: "Roof Replacement", title: "Complete Roof Overhauls", items: [
"High-grade materials", "Efficient removal", "Flawless installation"],
buttons: [
{
text: "Learn More",
href: "/services/roof-replacement",
},
text: "Learn More", href: "/services/roof-replacement"},
],
},
{
id: "gutter-repair",
label: "Gutter Repair",
title: "Efficient Water Drainage",
items: [
"Clog removal",
"Damage repair",
"Installation & maintenance",
],
id: "gutter-repair", label: "Gutter Repair", title: "Efficient Water Drainage", items: [
"Clog removal", "Damage repair", "Installation & maintenance"],
buttons: [
{
text: "Learn More",
href: "/services",
},
text: "Learn More", href: "/services"},
],
},
{
id: "emergency-repair",
label: "Emergency Repair",
title: "24/7 Rapid Response",
items: [
"Immediate assessment",
"Temporary sealing",
"Permanent solutions",
],
id: "emergency-repair", label: "Emergency Repair", title: "24/7 Rapid Response", items: [
"Immediate assessment", "Temporary sealing", "Permanent solutions"],
buttons: [
{
text: "Learn More",
href: "/services/emergency",
},
text: "Learn More", href: "/services/emergency"},
],
},
]}
@@ -209,53 +138,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Mr. Tan",
handle: "@mrtanroofs",
testimonial: "Best service, fast and neat workmanship. My roof leak was fixed within hours, very professional team!",
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-interracial-successful-coworkers-work-together-annual-economic-report_273609-18029.jpg",
imageAlt: "Mr. Tan",
},
id: "1", name: "Mr. Tan", handle: "@mrtanroofs", testimonial: "Best service, fast and neat workmanship. My roof leak was fixed within hours, very professional team!", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-interracial-successful-coworkers-work-together-annual-economic-report_273609-18029.jpg", imageAlt: "Mr. Tan"},
{
id: "2",
name: "Puan Azura",
handle: "@azurar_home",
testimonial: "Affordable pricing and professional team. They provided a free inspection and clear quotation. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg",
imageAlt: "Puan Azura",
},
id: "2", name: "Puan Azura", handle: "@azurar_home", testimonial: "Affordable pricing and professional team. They provided a free inspection and clear quotation. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg", imageAlt: "Puan Azura"},
{
id: "3",
name: "Dr. Lim",
handle: "@drlimhome",
testimonial: "Highly recommended roofing contractor in KL. They fixed our industrial roof with precision and speed. Excellent work!",
imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-1086.jpg",
imageAlt: "Dr. Lim",
},
id: "3", name: "Dr. Lim", handle: "@drlimhome", testimonial: "Highly recommended roofing contractor in KL. They fixed our industrial roof with precision and speed. Excellent work!", imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-1086.jpg", imageAlt: "Dr. Lim"},
{
id: "4",
name: "Encik Rashid",
handle: "@rashidproperties",
testimonial: "Trusted service for roof replacement. They used high-quality materials and provided a good warranty. Very satisfied!",
imageSrc: "http://img.b2bpic.net/free-photo/serious-successful-business-team-showing-thumbs-up_1262-5547.jpg",
imageAlt: "Encik Rashid",
},
id: "4", name: "Encik Rashid", handle: "@rashidproperties", testimonial: "Trusted service for roof replacement. They used high-quality materials and provided a good warranty. Very satisfied!", imageSrc: "http://img.b2bpic.net/free-photo/serious-successful-business-team-showing-thumbs-up_1262-5547.jpg", imageAlt: "Encik Rashid"},
{
id: "5",
name: "Ms. Wong",
handle: "@wongfamilyhome",
testimonial: "Fast response to our emergency roof repair. The team arrived quickly and prevented further damage. Life-savers!",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-standing-gray-background-with-book_1157-33021.jpg",
imageAlt: "Ms. Wong",
},
id: "5", name: "Ms. Wong", handle: "@wongfamilyhome", testimonial: "Fast response to our emergency roof repair. The team arrived quickly and prevented further damage. Life-savers!", imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-standing-gray-background-with-book_1157-33021.jpg", imageAlt: "Ms. Wong"},
{
id: "6",
name: "Cik Siti",
handle: "@siti_homecare",
testimonial: "Neat and tidy work, they even cleaned up after the repair. My ceiling leak is gone! Truly professional and reliable.",
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571925.jpg",
imageAlt: "Cik Siti",
},
id: "6", name: "Cik Siti", handle: "@siti_homecare", testimonial: "Neat and tidy work, they even cleaned up after the repair. My ceiling leak is gone! Truly professional and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571925.jpg", imageAlt: "Cik Siti"},
]}
title="What Our Customers Say"
description="Hear directly from our satisfied clients about their experience with TA Baiki Bumbung. Your trust is our priority."
@@ -263,48 +156,38 @@ export default function LandingPage() {
</div>
<div id="metric" data-section="metric">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
<MetricCardFourteen
metricsAnimation="slide-up"
useInvertedBackground={false}
title="Why Choose TA Baiki Bumbung?"
description="Our commitment to quality, speed, and customer satisfaction sets us apart as Selangor & KL's trusted roofing specialists."
tag="Our Achievements"
metrics={[
{
id: "1",
value: "11+",
title: "Years of Experience",
description: "A decade of expertise ensuring reliable roof repairs.",
icon: Award,
},
id: "1", value: "11+", description: "Years of Experience"},
{
id: "2",
value: "5.0",
title: "Customer Satisfaction",
description: "Top-rated service with a perfect 5-star Google review average.",
icon: Star,
},
id: "2", value: "5.0", description: "Customer Satisfaction"},
{
id: "3",
value: "24/7",
title: "Rapid Response",
description: "Always ready for emergency roof repairs, day or night.",
icon: Clock,
},
id: "3", value: "24/7", description: "Rapid Response"},
{
id: "4",
value: "10+",
title: "Years Warranty",
description: "Peace of mind with extensive warranties on our work.",
},
id: "4", value: "10+", description: "Peace of mind with extensive warranties on our work."},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
<FaqSplitMedia
useInvertedBackground={false}
title="Frequently Asked Questions"
description="Find answers to common questions about our roofing services."
faqsAnimation="slide-up"
faqs={[
{
id: "1", title: "What types of roof repairs do you handle?", content: "We handle all types of roof repairs including leak detection, tile replacement, metal deck repairs, and waterproofing for residential and commercial properties."},
{
id: "2", title: "How quickly can you respond to an emergency?", content: "Our team offers 24/7 rapid response for emergency roof repairs to prevent further damage to your property. We aim to be on-site as quickly as possible."},
{
id: "3", title: "Do you offer free inspections?", content: "Yes, we provide free, no-obligation roof inspections to assess the condition of your roof and offer a detailed quotation for any necessary repairs or replacements."},
]}
/>
</div>
@@ -312,13 +195,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="TA Baiki Bumbung"
leftLink={{
text: "Privacy Policy",
href: "/privacy",
}}
text: "Privacy Policy", href: "/privacy"}}
rightLink={{
text: "Terms of Service",
href: "/terms",
}}
text: "Terms of Service", href: "/terms"}}
/>
</div>
</ReactLenis>