bender/f82cd999-5c32-4b26-aa01-edff44309def
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-10 03:37:47 +00:00
parent be7f59854b
commit b70fb4c7b8
1 changed files with 51 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
src/app/page.tsx
View File

@@ -18,7 +18,7 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="compact"
sizing="mediumSizeLargeTitles"
background="grid"
background="circleGradient"
cardStyle="inset"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
@@ -46,12 +46,12 @@ export default function LandingPage() {
{ text: "☎️ Call Now", href: "tel:+6588009125" },
{ text: "💬 WhatsApp for Quote", href: "https://wa.me/6588009125" },
]}
background={{ variant: "grid" }}
imageSrc="http://img.b2bpic.net/free-photo/cheerful-couple-with-paint-rollers-ladder_23-2147782357.jpg?_wi=1"
background={{ variant: "plain" }}
imageSrc="http://img.b2bpic.net/free-photo/cheerful-couple-with-paint-rollers-ladder_23-2147782357.jpg"
imageAlt="Professional painters working on a residential painting project"
mediaAnimation="slide-up"
frameStyle="card"
buttonAnimation="entrance-slide"
buttonAnimation="slide-up"
/>
</div>
@@ -59,17 +59,23 @@ export default function LandingPage() {
<FeatureCardThree
features={[
{
id: "01", title: "HDB Painting", description: "Expert HDB flat painting services with fast 1-day completion", imageSrc: "http://img.b2bpic.net/free-photo/painter-who-is-painting-house_1150-13669.jpg?_wi=1", imageAlt: "Professional HDB painting service"},
id: "01", title: "HDB Painting", description: "Expert HDB flat painting services with fast 1-day completion", imageSrc: "http://img.b2bpic.net/free-photo/painter-who-is-painting-house_1150-13669.jpg", imageAlt: "Professional HDB painting service"
},
{
id: "02", title: "Condo Painting", description: "Premium condo interior and exterior painting solutions", imageSrc: "http://img.b2bpic.net/free-photo/engineers-front-blue-wall_23-2147704182.jpg", imageAlt: "Luxury condo painting project"},
id: "02", title: "Condo Painting", description: "Premium condo interior and exterior painting solutions", imageSrc: "http://img.b2bpic.net/free-photo/engineers-front-blue-wall_23-2147704182.jpg", imageAlt: "Luxury condo painting project"
},
{
id: "03", title: "Landed House Painting", description: "Comprehensive painting for bungalows, penthouses and landed properties", imageSrc: "http://img.b2bpic.net/free-photo/painting-walls-pink_53876-63286.jpg", imageAlt: "Landed house painting renovation"},
id: "03", title: "Landed House Painting", description: "Comprehensive painting for bungalows, penthouses and landed properties", imageSrc: "http://img.b2bpic.net/free-photo/painting-walls-pink_53876-63286.jpg", imageAlt: "Landed house painting renovation"
},
{
id: "04", title: "Office Painting", description: "Professional commercial and office space painting services", imageSrc: "http://img.b2bpic.net/free-photo/worker-construction-site-wearing-medical-mask_23-2148784069.jpg", imageAlt: "Commercial office painting"},
id: "04", title: "Office Painting", description: "Professional commercial and office space painting services", imageSrc: "http://img.b2bpic.net/free-photo/worker-construction-site-wearing-medical-mask_23-2148784069.jpg", imageAlt: "Commercial office painting"
},
{
id: "05", title: "Wall Repairs", description: "Crack and hole wall repair with finishing paint application", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12544.jpg", imageAlt: "Wall repair and painting service"},
id: "05", title: "Wall Repairs", description: "Crack and hole wall repair with finishing paint application", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12544.jpg", imageAlt: "Wall repair and painting service"
},
{
id: "06", title: "Waterproofing", description: "Waterproofing paint and roof protection services", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-paint_23-2149714283.jpg", imageAlt: "Waterproofing paint application"},
id: "06", title: "Waterproofing", description: "Waterproofing paint and roof protection services", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-paint_23-2149714283.jpg", imageAlt: "Waterproofing paint application"
},
]}
title="Our Services"
description="Complete painting solutions for all property types across Singapore"
@@ -78,8 +84,8 @@ export default function LandingPage() {
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
carouselMode="buttons"
tagAnimation="entrance-slide"
buttonAnimation="entrance-slide"
tagAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
@@ -111,9 +117,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
mediaAnimation="slide-up"
tagAnimation="entrance-slide"
tagAnimation="slide-up"
imagePosition="right"
imageSrc="http://img.b2bpic.net/free-photo/cheerful-couple-with-paint-rollers-ladder_23-2147782357.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/cheerful-couple-with-paint-rollers-ladder_23-2147782357.jpg"
imageAlt="Professional painting team at work"
/>
</div>
@@ -125,20 +131,23 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "HDB Living Room", role: "Complete Repaint", company: "Bedok, Singapore", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-home_23-2150378989.jpg?_wi=1", imageAlt: "HDB living room before and after painting"},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-home_23-2150378989.jpg", imageAlt: "HDB living room before and after painting"
},
{
id: "2", name: "Condo Wall Repaint", role: "Interior Renovation", company: "Marine Parade, Singapore", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12664.jpg", imageAlt: "Condo interior painting transformation"},
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12664.jpg", imageAlt: "Condo interior painting transformation"
},
{
id: "3", name: "Balcony Painting", role: "Exterior Protection", company: "Tampines, Singapore", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-watering-plants-hothouse_23-2147778863.jpg", imageAlt: "Balcony painting before and after"},
imageSrc: "http://img.b2bpic.net/free-photo/woman-watering-plants-hothouse_23-2147778863.jpg", imageAlt: "Balcony painting before and after"
},
]}
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
carouselMode="buttons"
tagAnimation="entrance-slide"
tagAnimation="slide-up"
/>
</div>
@@ -148,24 +157,28 @@ export default function LandingPage() {
description="4.8⭐ Rating from 71 Google Reviews - Trusted by Singaporeans"
testimonials={[
{
id: "1", name: "Cindy K.", role: "Homeowner", company: "\"Ali is an experienced professional and it shows in his attention to detail and speed of completing his job.\"", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg", imageAlt: "Cindy K. customer testimonial"},
id: "1", name: "Cindy K.", role: "Homeowner", company: "Ali is an experienced professional and it shows in his attention to detail and speed of completing his job.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg", imageAlt: "Cindy K. customer testimonial"
},
{
id: "2", name: "Yaw W. Y.", role: "Property Manager", company: "\"Very responsive, reasonable pricing, and excellent paint quality.\"", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10528.jpg", imageAlt: "Yaw W. Y. customer testimonial"},
id: "2", name: "Yaw W. Y.", role: "Property Manager", company: "Very responsive, reasonable pricing, and excellent paint quality.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10528.jpg", imageAlt: "Yaw W. Y. customer testimonial"
},
{
id: "3", name: "Chris M.", role: "HDB Resident", company: "\"Painted my 4-room HDB within one day. Fast and professional.\"", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-couch_23-2149915934.jpg", imageAlt: "Chris M. customer testimonial"},
id: "3", name: "Chris M.", role: "HDB Resident", company: "Painted my 4-room HDB within one day. Fast and professional.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-couch_23-2149915934.jpg", imageAlt: "Chris M. customer testimonial"
},
{
id: "4", name: "Sarah L.", role: "Condo Owner", company: "\"Best painting service in Singapore. Highly recommended for quality work.\"", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", imageAlt: "Sarah L. customer testimonial"},
id: "4", name: "Sarah L.", role: "Condo Owner", company: "Best painting service in Singapore. Highly recommended for quality work.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", imageAlt: "Sarah L. customer testimonial"
},
]}
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
gridVariant="four-items-2x2-equal-grid"
carouselMode="buttons"
tagAnimation="entrance-slide"
tagAnimation="slide-up"
/>
</div>
@@ -173,11 +186,14 @@ export default function LandingPage() {
<FeatureCardThree
features={[
{
id: "1️⃣", title: "Contact Us or WhatsApp Photos", description: "Reach out via phone, WhatsApp, or contact form with photos of your space. We respond quickly.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-with-paint-rollers-ladder_23-2147782357.jpg?_wi=3", imageAlt: "Step 1: Contact us with photos"},
id: "1️⃣", title: "Contact Us or WhatsApp Photos", description: "Reach out via phone, WhatsApp, or contact form with photos of your space. We respond quickly.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-with-paint-rollers-ladder_23-2147782357.jpg", imageAlt: "Step 1: Contact us with photos"
},
{
id: "2️⃣", title: "Receive Fast Quotation", description: "Get a detailed, transparent quote from our team within 24 hours. No hidden costs.", imageSrc: "http://img.b2bpic.net/free-photo/painter-who-is-painting-house_1150-13669.jpg?_wi=2", imageAlt: "Step 2: Quotation process"},
id: "2️⃣", title: "Receive Fast Quotation", description: "Get a detailed, transparent quote from our team within 24 hours. No hidden costs.", imageSrc: "http://img.b2bpic.net/free-photo/painter-who-is-painting-house_1150-13669.jpg", imageAlt: "Step 2: Quotation process"
},
{
id: "3️⃣", title: "Professional Painters Complete Job", description: "Our skilled painters execute the work with care, protection, and precision. Enjoy your beautifully painted space.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-home_23-2150378989.jpg?_wi=2", imageAlt: "Step 3: Professional completion"},
id: "3️⃣", title: "Professional Painters Complete Job", description: "Our skilled painters execute the work with care, protection, and precision. Enjoy your beautifully painted space.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-home_23-2150378989.jpg", imageAlt: "Step 3: Professional completion"
},
]}
title="How It Works"
description="Simple 3-step process to get your house painted professionally"
@@ -186,8 +202,8 @@ export default function LandingPage() {
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
carouselMode="buttons"
tagAnimation="entrance-slide"
buttonAnimation="entrance-slide"
tagAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
@@ -200,10 +216,10 @@ export default function LandingPage() {
{ text: "📞 Call: +65 8800 9125", href: "tel:+6588009125" },
{ text: "💬 WhatsApp Quote", href: "https://wa.me/6588009125" },
]}
background={{ variant: "grid" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
tagAnimation="entrance-slide"
buttonAnimation="entrance-slide"
tagAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>