Merge version_1 into main #1
288
src/app/page.tsx
288
src/app/page.tsx
@@ -29,26 +29,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="S B Decorating Services"
|
||||
/>
|
||||
@@ -56,42 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Exceptional Painting & Decorating, Crafted to Perfection"
|
||||
description="At S B Decorating Services, we specialise in delivering premium painting and decorating solutions for homeowners and businesses who expect outstanding results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handyman-works-with-electricity-man-protective-glasses_169016-63631.jpg",
|
||||
imageAlt: "professional painter interior room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-mixing-construction-composition_23-2149328071.jpg",
|
||||
imageAlt: "professional painter interior room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paralyzed-woman-painting-wall-with-roller-brush-sitting-wheelchair-handicapped-disabled-ill-immobilizes-woman-helping-with-apartment-redecoration-home-construction-while-renovating-im_482257-14146.jpg",
|
||||
imageAlt: "professional painter interior room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25135.jpg",
|
||||
imageAlt: "professional painter interior room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-brush-full-shot_23-2148903519.jpg",
|
||||
imageAlt: "professional painter interior room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-paints-board-with-brush-close-up_185193-108877.jpg",
|
||||
imageAlt: "professional painter interior room",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/handyman-works-with-electricity-man-protective-glasses_169016-63631.jpg", imageAlt: "professional painter interior room" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-mixing-construction-composition_23-2149328071.jpg", imageAlt: "professional painter interior room" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/paralyzed-woman-painting-wall-with-roller-brush-sitting-wheelchair-handicapped-disabled-ill-immobilizes-woman-helping-with-apartment-redecoration-home-construction-while-renovating-im_482257-14146.jpg", imageAlt: "professional painter interior room" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25135.jpg", imageAlt: "professional painter interior room" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-brush-full-shot_23-2148903519.jpg", imageAlt: "professional painter interior room" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-paints-board-with-brush-close-up_185193-108877.jpg", imageAlt: "professional painter interior room" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,18 +65,9 @@ export default function LandingPage() {
|
||||
title="Professional Decorating with a Reputation for Excellence"
|
||||
description="Based in Walsall, S B Decorating Services delivers expert residential and commercial decorating services throughout the surrounding areas. Our work is defined by meticulous preparation, premium workmanship, and a dedication to achieving exceptional results."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Punctual & Reliable",
|
||||
description: "Always on time and committed to your project timeline.",
|
||||
},
|
||||
{
|
||||
title: "Immaculate Finishes",
|
||||
description: "Meticulous surface preparation for flawless, long-lasting results.",
|
||||
},
|
||||
{
|
||||
title: "Respectful Service",
|
||||
description: "We treat your property as our own, maintaining cleanliness and care.",
|
||||
},
|
||||
{ title: "Punctual & Reliable", description: "Always on time and committed to your project timeline." },
|
||||
{ title: "Immaculate Finishes", description: "Meticulous surface preparation for flawless, long-lasting results." },
|
||||
{ title: "Respectful Service", description: "We treat your property as our own, maintaining cleanliness and care." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barista-with-tattoos-adding-milk-coffee_23-2149052859.jpg"
|
||||
imageAlt="painter decorating wall detail"
|
||||
@@ -127,48 +80,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Interior Painting",
|
||||
description: "Immaculate finishes for walls, ceilings, and woodwork.",
|
||||
tag: "Interior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-married-couple-doing-makeover-their-apartment-painting-walls-with-roller-brush-apartment-redecoration-home-construction-while-renovating-improving-repair-decorating_482257-14139.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Exterior Painting",
|
||||
description: "Durable coatings for walls, masonry, and exterior wood.",
|
||||
tag: "Exterior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-standing-near-corporate-building_23-2147941460.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Wallpapering",
|
||||
description: "Expert hanging and feature wall creation.",
|
||||
tag: "Wallpaper",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wallpaper-texture_1339-975.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Airless Spraying",
|
||||
description: "Professional-grade smooth finishes for various surfaces.",
|
||||
tag: "Spraying",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/color-year-interior-design-space-with-furniture-decor_23-2151397330.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Commercial Services",
|
||||
description: "Reliable decorating solutions for business premises.",
|
||||
tag: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-outdoors_23-2149714259.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Surface Prep",
|
||||
description: "Clean, dustless sanding for the best foundation.",
|
||||
tag: "Preparation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-painting-orange-walls-home-using-roller-brush-paint-color-decorate-apartment-woman-with-young-kid-having-fun-renovating-home-together-interior-house-decor_482257-51279.jpg",
|
||||
},
|
||||
{ id: "1", title: "Interior Painting", description: "Immaculate finishes for walls, ceilings, and woodwork.", tag: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-married-couple-doing-makeover-their-apartment-painting-walls-with-roller-brush-apartment-redecoration-home-construction-while-renovating-improving-repair-decorating_482257-14139.jpg" },
|
||||
{ id: "2", title: "Exterior Painting", description: "Durable coatings for walls, masonry, and exterior wood.", tag: "Exterior", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-standing-near-corporate-building_23-2147941460.jpg" },
|
||||
{ id: "3", title: "Wallpapering", description: "Expert hanging and feature wall creation.", tag: "Wallpaper", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wallpaper-texture_1339-975.jpg" },
|
||||
{ id: "4", title: "Airless Spraying", description: "Professional-grade smooth finishes for various surfaces.", tag: "Spraying", imageSrc: "http://img.b2bpic.net/free-photo/color-year-interior-design-space-with-furniture-decor_23-2151397330.jpg" },
|
||||
{ id: "5", title: "Commercial Services", description: "Reliable decorating solutions for business premises.", tag: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-outdoors_23-2149714259.jpg" },
|
||||
{ id: "6", title: "Surface Prep", description: "Clean, dustless sanding for the best foundation.", tag: "Preparation", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-painting-orange-walls-home-using-roller-brush-paint-color-decorate-apartment-woman-with-young-kid-having-fun-renovating-home-together-interior-house-decor_482257-51279.jpg" }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We provide a comprehensive range of painting and decorating services tailored to enhance your property."
|
||||
@@ -177,44 +94,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "w1",
|
||||
title: "Attention to Detail",
|
||||
description: "Superior prep work for long-lasting finish.",
|
||||
tag: "Detail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-painting-wall-with-roller-brush-home-renovation-apartment-redecoration-home-construction-while-renovating-improving-repair-decorating_482257-14135.jpg",
|
||||
},
|
||||
{
|
||||
id: "w2",
|
||||
title: "Respectful & Clean",
|
||||
description: "We respect your home environment.",
|
||||
tag: "Cleanliness",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-painting-apartment-wall-with-blue-paint-using-roller-brush-home-decoration-renovation-cozy-apartment-flat-repair-makeover_482257-3615.jpg",
|
||||
},
|
||||
{
|
||||
id: "w3",
|
||||
title: "Highly Recommended",
|
||||
description: "Our work speaks for itself through referrals.",
|
||||
tag: "Trust",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-having-fun-with-orange-paint_482257-47750.jpg",
|
||||
},
|
||||
{
|
||||
id: "w4",
|
||||
title: "Fully Insured",
|
||||
description: "Total peace of mind with complete professional insurance.",
|
||||
tag: "Secure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-painting-wall_53876-63183.jpg",
|
||||
},
|
||||
{
|
||||
id: "w5",
|
||||
title: "Quality Materials",
|
||||
description: "We use only premium, durable paints and finishes.",
|
||||
tag: "Materials",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-man-drawing-wall-using-marker_23-2147839400.jpg",
|
||||
},
|
||||
{ id: "w1", title: "Attention to Detail", description: "Superior prep work for long-lasting finish.", tag: "Detail", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-painting-wall-with-roller-brush-home-renovation-apartment-redecoration-home-construction-while-renovating-improving-repair-decorating_482257-14135.jpg" },
|
||||
{ id: "w2", title: "Respectful & Clean", description: "We respect your home environment.", tag: "Cleanliness", imageSrc: "http://img.b2bpic.net/free-photo/happy-family-painting-apartment-wall-with-blue-paint-using-roller-brush-home-decoration-renovation-cozy-apartment-flat-repair-makeover_482257-3615.jpg" },
|
||||
{ id: "w3", title: "Highly Recommended", description: "Our work speaks for itself through referrals.", tag: "Trust", imageSrc: "http://img.b2bpic.net/free-photo/family-having-fun-with-orange-paint_482257-47750.jpg" },
|
||||
{ id: "w4", title: "Fully Insured", description: "Total peace of mind with complete professional insurance.", tag: "Secure", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-painting-wall_53876-63183.jpg" },
|
||||
{ id: "w5", title: "Quality Materials", description: "We use only premium, durable paints and finishes.", tag: "Materials", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-man-drawing-wall-using-marker_23-2147839400.jpg" }
|
||||
]}
|
||||
title="Why Clients Choose Us"
|
||||
description="We are dedicated to building long-term relationships through quality and trust."
|
||||
@@ -227,46 +115,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Outstanding workmanship from start to finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "Client",
|
||||
testimonial: "A decorator who genuinely takes pride in his work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3668.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Flawless finish and excellent customer service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346480.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "Commercial",
|
||||
testimonial: "Reliable, clean, and highly skilled.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-cheerful-middle-aged-woman-surfing-internet-portable-computer-attractive-mature-businesswoman-elegant-shirt-working-remotely-laptop-people-age-technology_343059-2250.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kevin M.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Very impressed with the attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "Homeowner", testimonial: "Outstanding workmanship from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "Client", testimonial: "A decorator who genuinely takes pride in his work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3668.jpg" },
|
||||
{ id: "3", name: "Elena R.", handle: "Homeowner", testimonial: "Flawless finish and excellent customer service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346480.jpg" },
|
||||
{ id: "4", name: "David W.", handle: "Commercial", testimonial: "Reliable, clean, and highly skilled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-happy-cheerful-middle-aged-woman-surfing-internet-portable-computer-attractive-mature-businesswoman-elegant-shirt-working-remotely-laptop-people-age-technology_343059-2250.jpg" },
|
||||
{ id: "5", name: "Kevin M.", handle: "Homeowner", testimonial: "Very impressed with the attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Feedback"
|
||||
@@ -279,21 +132,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide free quotes?",
|
||||
content: "Yes, we provide free, no-obligation quotations for all work.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What areas do you cover?",
|
||||
content: "We cover Walsall, Aldridge, Sutton Coldfield, and the surrounding West Midlands.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you handle dust during preparation?",
|
||||
content: "Yes, we use professional dustless sanding systems to minimise mess.",
|
||||
},
|
||||
{ id: "f1", title: "Do you provide free quotes?", content: "Yes, we provide free, no-obligation quotations for all work." },
|
||||
{ id: "f2", title: "What areas do you cover?", content: "We cover Walsall, Aldridge, Sutton Coldfield, and the surrounding West Midlands." },
|
||||
{ id: "f3", title: "Do you handle dust during preparation?", content: "Yes, we use professional dustless sanding systems to minimise mess." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about our decorating process."
|
||||
@@ -307,26 +148,11 @@ export default function LandingPage() {
|
||||
title="Let's Transform Your Space"
|
||||
description="Get in touch today for a free consultation and expert decorating advice."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project..." }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg"
|
||||
imageAlt="painter holding paint brush"
|
||||
/>
|
||||
@@ -335,32 +161,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "S B Decorating",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "07944 968584",
|
||||
href: "tel:07944968584",
|
||||
},
|
||||
{
|
||||
label: "Enquire Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "S B Decorating", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "07944 968584", href: "tel:07944968584" }, { label: "Enquire Now", href: "#contact" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 S B Decorating Services"
|
||||
bottomRightText="Serving Walsall & The West Midlands"
|
||||
@@ -369,4 +171,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user