bender/37913005-2f49-4403-9a11-43441aa77752
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-06-10 17:34:12 +00:00
parent e9347c25cc
commit a63d0f855a
1 changed files with 76 additions and 283 deletions
Download Patch File Download Diff File Expand all files Collapse all files

359
src/app/page.tsx
View File

@@ -34,41 +34,23 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Why Choose Us",
id: "#why-choose-us",
},
name: "Why Choose Us", id: "#why-choose-us"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Brushstroke & Co."
/>
@@ -80,39 +62,23 @@ export default function LandingPage() {
description="Transforming Spaces with Passion and Precision. Experience the Art of Fine Painting."
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
text: "Get a Free Quote", href: "#contact"},
{
text: "See Our Work",
href: "#portfolio",
},
text: "See Our Work", href: "#portfolio"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/realistic-interior-design-with-furniture_23-2151439772.jpg",
imageAlt: "Luxurious living room freshly painted in warm tones",
},
imageSrc: "http://img.b2bpic.net/free-photo/realistic-interior-design-with-furniture_23-2151439772.jpg", imageAlt: "Luxurious living room freshly painted in warm tones"},
{
imageSrc: "http://img.b2bpic.net/free-photo/braless-woman-working-indoor_23-2150532796.jpg",
imageAlt: "Professional painter rolling a wall with vibrant color",
},
imageSrc: "http://img.b2bpic.net/free-photo/braless-woman-working-indoor_23-2150532796.jpg", imageAlt: "Professional painter rolling a wall with vibrant color"},
{
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-paint-roller_23-2149328112.jpg",
imageAlt: "Elegant interior design with a colorful accent wall",
},
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-paint-roller_23-2149328112.jpg", imageAlt: "Elegant interior design with a colorful accent wall"},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-white-building-with-clear-blue-sky_181624-12757.jpg",
imageAlt: "Modern kitchen with light colored paint",
},
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-white-building-with-clear-blue-sky_181624-12757.jpg", imageAlt: "Modern kitchen with light colored paint"},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bike-parking-near-bright-yellow-profiled-metal-wall-fence-warehouse-idea-screen-background-design-articles_166373-3524.jpg",
imageAlt: "Smooth wall finish by a professional painter",
},
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-bike-parking-near-bright-yellow-profiled-metal-wall-fence-warehouse-idea-screen-background-design-articles_166373-3524.jpg", imageAlt: "Smooth wall finish by a professional painter"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-stands-by-tree-smiling-enjoying-life_8353-9396.jpg",
imageAlt: "Bright bedroom freshly painted creating a cozy atmosphere",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-stands-by-tree-smiling-enjoying-life_8353-9396.jpg", imageAlt: "Bright bedroom freshly painted creating a cozy atmosphere"},
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -126,9 +92,7 @@ export default function LandingPage() {
title="Marco Rivera: The Maestro of Colour"
buttons={[
{
text: "Learn More About Our Team",
href: "#",
},
text: "Learn More About Our Team", href: "#"},
]}
/>
</div>
@@ -139,35 +103,15 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Interior Painting",
description: "From single rooms to entire homes, we deliver flawless finishes that breathe new life into your living spaces.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-pouring-paint_23-2149344028.jpg",
imageAlt: "Interior painting of a luxurious living room",
},
title: "Interior Painting", description: "From single rooms to entire homes, we deliver flawless finishes that breathe new life into your living spaces.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-pouring-paint_23-2149344028.jpg", imageAlt: "Interior painting of a luxurious living room"},
{
title: "Exterior Painting",
description: "Boost your curb appeal and protect your home with durable, weather-resistant paints and expert application.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-grey-concrete-building-front-building-with-glass-facade_181624-6795.jpg",
imageAlt: "Exterior painting of a house on a sunny day",
},
title: "Exterior Painting", description: "Boost your curb appeal and protect your home with durable, weather-resistant paints and expert application.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-shot-grey-concrete-building-front-building-with-glass-facade_181624-6795.jpg", imageAlt: "Exterior painting of a house on a sunny day"},
{
title: "Commercial Projects",
description: "Professional painting solutions for businesses, ensuring minimal disruption and maximum impact for your brand.",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-spraying-powder-paint-from-gun_23-2149878749.jpg",
imageAlt: "Commercial painting in an office building",
},
title: "Commercial Projects", description: "Professional painting solutions for businesses, ensuring minimal disruption and maximum impact for your brand.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-spraying-powder-paint-from-gun_23-2149878749.jpg", imageAlt: "Commercial painting in an office building"},
{
title: "Decorative & Mural Work",
description: "Unleash your creativity with custom murals and decorative finishes that truly make a statement.",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-artist-applying-acrylic-dye-with-his-paintbrush-canvas_482257-112096.jpg",
imageAlt: "Artist hand painting a decorative mural",
},
title: "Decorative & Mural Work", description: "Unleash your creativity with custom murals and decorative finishes that truly make a statement.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-artist-applying-acrylic-dye-with-his-paintbrush-canvas_482257-112096.jpg", imageAlt: "Artist hand painting a decorative mural"},
{
title: "Colour Consultation",
description: "Unsure about shades? Our experts guide you through the perfect palette to match your style and space.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-wooden-rack-with-brush-white-paint_7502-8796.jpg",
imageAlt: "Color palette swatches for a design consultation",
},
title: "Colour Consultation", description: "Unsure about shades? Our experts guide you through the perfect palette to match your style and space.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-near-wooden-rack-with-brush-white-paint_7502-8796.jpg", imageAlt: "Color palette swatches for a design consultation"},
]}
title="Our Expert Painting Services"
description="Transforming your vision into vibrant reality with unparalleled skill and attention to detail."
@@ -183,47 +127,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Elegant Living Room",
price: "$0",
imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-14162.jpg",
imageAlt: "Elegant living room with a fresh coat of paint",
},
id: "p1", name: "Elegant Living Room", price: "$0", imageSrc: "http://img.b2bpic.net/free-photo/3d-contemporary-living-room-interior-modern-furniture_1048-14162.jpg", imageAlt: "Elegant living room with a fresh coat of paint"},
{
id: "p2",
name: "Classic Home Exterior",
price: "$0",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-front-door-with-blue-wall_23-2149360647.jpg",
imageAlt: "Classic house exterior with new white paint",
},
id: "p2", name: "Classic Home Exterior", price: "$0", imageSrc: "http://img.b2bpic.net/free-photo/front-view-front-door-with-blue-wall_23-2149360647.jpg", imageAlt: "Classic house exterior with new white paint"},
{
id: "p3",
name: "Abstract Mural",
price: "$0",
imageSrc: "http://img.b2bpic.net/free-photo/malacca-street-art-malaysia-grafitti-macro_1122-1649.jpg",
imageAlt: "Vibrant abstract mural art",
},
id: "p3", name: "Abstract Mural", price: "$0", imageSrc: "http://img.b2bpic.net/free-photo/malacca-street-art-malaysia-grafitti-macro_1122-1649.jpg", imageAlt: "Vibrant abstract mural art"},
{
id: "p4",
name: "Modern Office Space",
price: "$0",
imageSrc: "http://img.b2bpic.net/free-photo/abandoned-sanitarium_181624-18703.jpg",
imageAlt: "Modern office interior with professional painting",
},
id: "p4", name: "Modern Office Space", price: "$0", imageSrc: "http://img.b2bpic.net/free-photo/abandoned-sanitarium_181624-18703.jpg", imageAlt: "Modern office interior with professional painting"},
{
id: "p5",
name: "Golden Master Bedroom",
price: "$0",
imageSrc: "http://img.b2bpic.net/free-photo/view-bedroom-with-futuristic-decor-style_23-2151151777.jpg",
imageAlt: "Luxurious master bedroom painted in warm gold",
},
id: "p5", name: "Golden Master Bedroom", price: "$0", imageSrc: "http://img.b2bpic.net/free-photo/view-bedroom-with-futuristic-decor-style_23-2151151777.jpg", imageAlt: "Luxurious master bedroom painted in warm gold"},
{
id: "p6",
name: "Industrial Facade",
price: "$0",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-carpark-atnight-wode-angle_1127-3163.jpg",
imageAlt: "Industrial building facade with a fresh repaint",
},
id: "p6", name: "Industrial Facade", price: "$0", imageSrc: "http://img.b2bpic.net/free-photo/indoor-carpark-atnight-wode-angle_1127-3163.jpg", imageAlt: "Industrial building facade with a fresh repaint"},
]}
title="Our Masterpieces"
description="A gallery of our finest work, where every stroke tells a story of passion and precision."
@@ -233,44 +147,25 @@ export default function LandingPage() {
<div id="why-choose-us" data-section="why-choose-us">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10+",
title: "Years Experience",
description: "A decade of expertise transforming spaces with artistic flair.",
icon: Award,
id: "m1", value: "10+", title: "Years Experience", description: "A decade of expertise transforming spaces with artistic flair.", icon: Award,
},
{
id: "m2",
value: "Eco-Friendly",
title: "Paints Used",
description: "Committed to sustainability with non-toxic, environmentally safe paints.",
icon: Leaf,
id: "m2", value: "Eco-Friendly", title: "Paints Used", description: "Committed to sustainability with non-toxic, environmentally safe paints.", icon: Leaf,
},
{
id: "m3",
value: "Licensed & Insured",
title: "For Your Peace of Mind",
description: "Fully licensed and insured professionals for a worry-free experience.",
icon: ShieldCheck,
id: "m3", value: "Licensed & Insured", title: "For Your Peace of Mind", description: "Fully licensed and insured professionals for a worry-free experience.", icon: ShieldCheck,
},
{
id: "m4",
value: "Free",
title: "Colour Consult",
description: "Expert guidance to help you choose the perfect palette for your space.",
icon: Palette,
id: "m4", value: "Free", title: "Colour Consult", description: "Expert guidance to help you choose the perfect palette for your space.", icon: Palette,
},
{
id: "m5",
value: "100%",
title: "Satisfaction Guarantee",
description: "Our promise: We're not happy until you're absolutely delighted.",
icon: CheckCircle,
id: "m5", value: "100%", title: "Satisfaction Guarantee", description: "Our promise: We're not happy until you're absolutely delighted.", icon: CheckCircle,
},
]}
title="Why Brushstroke & Co.?"
@@ -286,64 +181,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah J.",
role: "Homeowner",
company: "Luxury Residence",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/shining-face-beautiful-woman-home_329181-1327.jpg",
imageAlt: "Sarah J. happy homeowner",
},
id: "t1", name: "Sarah J.", role: "Homeowner", company: "Luxury Residence", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/shining-face-beautiful-woman-home_329181-1327.jpg", imageAlt: "Sarah J. happy homeowner"},
{
id: "t2",
name: "David M.",
role: "Business Owner",
company: "Innovate Corp.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-successful-young-businessman-standing-office-looking-camera_1163-4223.jpg",
imageAlt: "David M. satisfied business owner",
},
id: "t2", name: "David M.", role: "Business Owner", company: "Innovate Corp.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-successful-young-businessman-standing-office-looking-camera_1163-4223.jpg", imageAlt: "David M. satisfied business owner"},
{
id: "t3",
name: "Emily R.",
role: "Interior Designer",
company: "Design & Bloom",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
imageAlt: "Emily R. interior designer",
},
id: "t3", name: "Emily R.", role: "Interior Designer", company: "Design & Bloom", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg", imageAlt: "Emily R. interior designer"},
{
id: "t4",
name: "Michael S.",
role: "Property Manager",
company: "Urban Living",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1295.jpg",
imageAlt: "Michael S. property manager",
},
id: "t4", name: "Michael S.", role: "Property Manager", company: "Urban Living", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1295.jpg", imageAlt: "Michael S. property manager"},
{
id: "t5",
name: "Jessica L.",
role: "Client",
company: "Happy Home",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-indoors-cheerful-happy_158538-20736.jpg",
imageAlt: "Jessica L. happy client",
},
id: "t5", name: "Jessica L.", role: "Client", company: "Happy Home", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-indoors-cheerful-happy_158538-20736.jpg", imageAlt: "Jessica L. happy client"},
]}
kpiItems={[
{
value: "500+",
label: "Projects Completed",
},
value: "500+", label: "Projects Completed"},
{
value: "100%",
label: "Satisfaction Rate",
},
value: "100%", label: "Satisfaction Rate"},
{
value: "10+",
label: "Years in Business",
},
value: "10+", label: "Years in Business"},
]}
title="What Our Clients Say"
description="Hear from happy homeowners and businesses whose spaces we've transformed with colour and care."
@@ -358,46 +217,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
badgeIcon: Sparkles,
price: "$XXX",
subtitle: "Ideal for single rooms or touch-ups.",
features: [
"Basic prep & cleanup",
"One wall colour selection",
"Up to 2 coats of paint",
"Standard quality paints",
],
id: "basic", badge: "Essential", badgeIcon: Sparkles,
price: "$XXX", subtitle: "Ideal for single rooms or touch-ups.", features: [
"Basic prep & cleanup", "One wall colour selection", "Up to 2 coats of paint", "Standard quality paints"],
},
{
id: "pro",
badge: "Most Popular",
badgeIcon: Zap,
price: "$YYY",
subtitle: "Best for multi-room projects with a premium finish.",
features: [
"Comprehensive prep & cleanup",
"Two wall colour selections",
"Up to 3 coats of paint",
"Mid-grade durable paints",
"Minor wall repairs included",
],
id: "pro", badge: "Most Popular", badgeIcon: Zap,
price: "$YYY", subtitle: "Best for multi-room projects with a premium finish.", features: [
"Comprehensive prep & cleanup", "Two wall colour selections", "Up to 3 coats of paint", "Mid-grade durable paints", "Minor wall repairs included"],
},
{
id: "premium",
badge: "Luxury",
badgeIcon: Star,
price: "$ZZZ",
subtitle: "Full home transformation with bespoke services.",
features: [
"Extensive prep & cleanup",
"Custom colour consultation",
"Unlimited coats as needed",
"High-end designer paints",
"Major wall repairs included",
"Detailed trim and ceiling work",
],
id: "premium", badge: "Luxury", badgeIcon: Star,
price: "$ZZZ", subtitle: "Full home transformation with bespoke services.", features: [
"Extensive prep & cleanup", "Custom colour consultation", "Unlimited coats as needed", "High-end designer paints", "Major wall repairs included", "Detailed trim and ceiling work"],
},
]}
title="Transparent Pricing, Exceptional Value"
@@ -411,30 +243,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "How long does a painting project take?",
content: "The duration of a painting project depends on the scope, size of the area, and specific requirements. We provide a detailed timeline with your free quote after assessing your space.",
},
id: "faq1", title: "How long does a painting project take?", content: "The duration of a painting project depends on the scope, size of the area, and specific requirements. We provide a detailed timeline with your free quote after assessing your space."},
{
id: "faq2",
title: "Do you offer colour consultation services?",
content: "Yes, we offer complimentary colour consultation to help you choose the perfect palette that complements your style and enhances your space. Our experts guide you through the options.",
},
id: "faq2", title: "Do you offer colour consultation services?", content: "Yes, we offer complimentary colour consultation to help you choose the perfect palette that complements your style and enhances your space. Our experts guide you through the options."},
{
id: "faq3",
title: "Are your paints eco-friendly and safe?",
content: "Absolutely! We prioritize the health of our clients and the environment. We use high-quality, low-VOC (Volatile Organic Compound) and eco-friendly paints whenever possible.",
},
id: "faq3", title: "Are your paints eco-friendly and safe?", content: "Absolutely! We prioritize the health of our clients and the environment. We use high-quality, low-VOC (Volatile Organic Compound) and eco-friendly paints whenever possible."},
{
id: "faq4",
title: "What kind of prep work do you do?",
content: "Our comprehensive prep work includes cleaning surfaces, filling holes and cracks, sanding, priming, and protecting furniture and floors. Proper prep is key to a lasting finish.",
},
id: "faq4", title: "What kind of prep work do you do?", content: "Our comprehensive prep work includes cleaning surfaces, filling holes and cracks, sanding, priming, and protecting furniture and floors. Proper prep is key to a lasting finish."},
{
id: "faq5",
title: "Do you provide a warranty for your work?",
content: "We stand by the quality of our craftsmanship. While specific warranty terms vary by project and paint type, we ensure all work meets our high standards and your satisfaction.",
},
id: "faq5", title: "Do you provide a warranty for your work?", content: "We stand by the quality of our craftsmanship. While specific warranty terms vary by project and paint type, we ensure all work meets our high standards and your satisfaction."},
]}
sideTitle="Your Questions, Answered"
sideDescription="Everything you need to know about Brushstroke & Co., our process, and what to expect."
@@ -448,8 +265,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "cell-wave",
}}
variant: "cell-wave"}}
tag="Let's Get Started"
title="Ready for a Colourful Change?"
description="Contact us today for a free consultation and bring your vision to life with Brushstroke & Co.'s expert touch."
@@ -467,58 +283,35 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Portfolio",
href: "#portfolio",
},
label: "Portfolio", href: "#portfolio"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Get a Quote",
href: "#contact",
},
label: "Get a Quote", href: "#contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}