Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c4f1328477 | |||
| 0583181f84 | |||
| aa5015f05c | |||
| 57253f88ce | |||
| 0b3ee0870e | |||
| ddfc110456 |
166
src/app/page.tsx
166
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "About", id: "about"},
|
||||||
name: "About", id: "about"},
|
{ name: "Services", id: "services"},
|
||||||
{
|
{ name: "Portfolio", id: "portfolio"},
|
||||||
name: "Services", id: "services"},
|
{ name: "Contact", id: "contact"},
|
||||||
{
|
|
||||||
name: "Portfolio", id: "portfolio"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="Doctor Paint"
|
brandName="Doctor Paint"
|
||||||
/>
|
/>
|
||||||
@@ -49,38 +45,20 @@ export default function LandingPage() {
|
|||||||
title="Bringing Your Vision to Life with Doctor Paint"
|
title="Bringing Your Vision to Life with Doctor Paint"
|
||||||
description="Professional residential and commercial painting services committed to precision, quality, and a spotless finish. Your space deserves the Doctor's touch."
|
description="Professional residential and commercial painting services committed to precision, quality, and a spotless finish. Your space deserves the Doctor's touch."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ name: "Jane Doe", handle: "@janedoe", testimonial: "Excellent service and perfectly clean job. Highly recommend!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/small-family-painting-apartment-walls-with-diy-tools-using-paintbrush-orange-color-paint-renovate-home-doing-housework-redecoration-interior-space-working-together_482257-48964.jpg"},
|
||||||
name: "Jane Doe", handle: "@janedoe", testimonial: "Excellent service and perfectly clean job. Highly recommend!", rating: 5,
|
{ name: "John Smith", handle: "@johnsmith", testimonial: "The best painting team we have hired. Very professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-paints-wall-with-brush_1398-569.jpg"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/small-family-painting-apartment-walls-with-diy-tools-using-paintbrush-orange-color-paint-renovate-home-doing-housework-redecoration-interior-space-working-together_482257-48964.jpg"},
|
{ name: "Sarah Lee", handle: "@sarahlee", testimonial: "Transformative results! Professional from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg"},
|
||||||
{
|
{ name: "Mark Wilson", handle: "@markwilson", testimonial: "Attention to detail is unmatched. Great pricing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-4267.jpg"},
|
||||||
name: "John Smith", handle: "@johnsmith", testimonial: "The best painting team we have hired. Very professional.", rating: 5,
|
{ name: "Emily Chen", handle: "@emilychen", testimonial: "Doctor Paint made our office look like brand new. Outstanding.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-draws-art-studio_1157-30468.jpg"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-paints-wall-with-brush_1398-569.jpg"},
|
|
||||||
{
|
|
||||||
name: "Sarah Lee", handle: "@sarahlee", testimonial: "Transformative results! Professional from start to finish.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-making-plans-remodel-house_23-2148814633.jpg"},
|
|
||||||
{
|
|
||||||
name: "Mark Wilson", handle: "@markwilson", testimonial: "Attention to detail is unmatched. Great pricing.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-repairs-home_1398-4267.jpg"},
|
|
||||||
{
|
|
||||||
name: "Emily Chen", handle: "@emilychen", testimonial: "Doctor Paint made our office look like brand new. Outstanding.", rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-draws-art-studio_1157-30468.jpg"},
|
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Get a Quote", href: "#contact"},
|
|
||||||
]}
|
]}
|
||||||
|
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-young-woman-working-with-paint-roller_23-2149328115.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-young-woman-working-with-paint-roller_23-2149328115.jpg"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/young-man-holding-paint-paint-roller_23-2148384543.jpg", alt: "Jane Doe" },
|
||||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-paint-paint-roller_23-2148384543.jpg", alt: "Jane Doe"},
|
{ src: "http://img.b2bpic.net/free-photo/female-construction-worker-with-helmet-paint-roller_23-2148813403.jpg", alt: "John Smith" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-space-text_185193-108858.jpg", alt: "Sarah Lee" },
|
||||||
src: "http://img.b2bpic.net/free-photo/female-construction-worker-with-helmet-paint-roller_23-2148813403.jpg", alt: "John Smith"},
|
{ src: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-top-view_185193-108850.jpg", alt: "Mark Wilson" },
|
||||||
{
|
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-paintbrush-bucket-new-home-decoration_23-2149086769.jpg", alt: "Emily Chen" },
|
||||||
src: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-space-text_185193-108858.jpg", alt: "Sarah Lee"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-top-view_185193-108850.jpg", alt: "Mark Wilson"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-paintbrush-bucket-new-home-decoration_23-2149086769.jpg", alt: "Emily Chen"},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Join 500+ satisfied clients"
|
avatarText="Join 500+ satisfied clients"
|
||||||
/>
|
/>
|
||||||
@@ -90,17 +68,11 @@ export default function LandingPage() {
|
|||||||
<InlineImageSplitTextAbout
|
<InlineImageSplitTextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{ type: "text", content: "Professional Painting " },
|
||||||
type: "text", content: "Professional Painting "},
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/cheerful-people-using-orange-color-paint-apartment-walls-painting-home-interior-surface-with-round-rolling-tool-paintbrush-with-bristles-little-girl-sitting-ladder-help-woman_482257-47762.jpg", alt: "Painting team" },
|
||||||
{
|
{ type: "text", content: " Expertise" },
|
||||||
type: "image", src: "http://img.b2bpic.net/free-photo/cheerful-people-using-orange-color-paint-apartment-walls-painting-home-interior-surface-with-round-rolling-tool-paintbrush-with-bristles-little-girl-sitting-ladder-help-woman_482257-47762.jpg", alt: "Painting team"},
|
|
||||||
{
|
|
||||||
type: "text", content: " Expertise"},
|
|
||||||
]}
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Learn More", href: "#services"},
|
|
||||||
]}
|
]}
|
||||||
|
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -109,12 +81,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ tag: "Interior", title: "Interior Painting", subtitle: "Enhance your living space", description: "Professional interior painting for rooms, walls, and trim.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-looking-camera-holding-coffee-cup-kitchen_23-2148195289.jpg" },
|
||||||
tag: "Interior", title: "Interior Painting", subtitle: "Enhance your living space", description: "Professional interior painting for rooms, walls, and trim.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-looking-camera-holding-coffee-cup-kitchen_23-2148195289.jpg"},
|
{ tag: "Exterior", title: "Exterior Painting", subtitle: "Boost curb appeal", description: "Durable and weather-resistant painting for your property facade.", imageSrc: "http://img.b2bpic.net/free-photo/family-standing-near-building-with-repair-tools_1157-30558.jpg" },
|
||||||
{
|
{ tag: "Commercial", title: "Commercial Solutions", subtitle: "Business-focused painting", description: "Large-scale painting projects for offices and retail spaces.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-with-paint-roller_23-2149328113.jpg" },
|
||||||
tag: "Exterior", title: "Exterior Painting", subtitle: "Boost curb appeal", description: "Durable and weather-resistant painting for your property facade.", imageSrc: "http://img.b2bpic.net/free-photo/family-standing-near-building-with-repair-tools_1157-30558.jpg"},
|
|
||||||
{
|
|
||||||
tag: "Commercial", title: "Commercial Solutions", subtitle: "Business-focused painting", description: "Large-scale painting projects for offices and retail spaces.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-with-paint-roller_23-2149328113.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Our Painting Services"
|
title="Our Painting Services"
|
||||||
description="We specialize in a variety of painting solutions for every type of property."
|
description="We specialize in a variety of painting solutions for every type of property."
|
||||||
@@ -128,18 +97,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Modern Bedroom", price: "Completed Project", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/view-interior-design-space-with-color-year-furnishings-decorations_23-2151397369.jpg" },
|
||||||
id: "1", name: "Modern Bedroom", price: "Completed Project", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/view-interior-design-space-with-color-year-furnishings-decorations_23-2151397369.jpg"},
|
{ id: "2", name: "House Exterior", price: "Completed Project", variant: "Exterior", imageSrc: "http://img.b2bpic.net/free-photo/handsome-afro-american-man-wearing-traditional-clothes-cap-eyeglasses-modern-city_627829-185.jpg" },
|
||||||
{
|
{ id: "3", name: "Dining Room Refresh", price: "Completed Project", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/corner-attic-kitchen-scandinavian-blue-design-matte-cabinetry_169016-69122.jpg" },
|
||||||
id: "2", name: "House Exterior", price: "Completed Project", variant: "Exterior", imageSrc: "http://img.b2bpic.net/free-photo/handsome-afro-american-man-wearing-traditional-clothes-cap-eyeglasses-modern-city_627829-185.jpg"},
|
{ id: "4", name: "Bright Nursery", price: "Completed Project", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/people-office-having-break_23-2147668797.jpg" },
|
||||||
{
|
{ id: "5", name: "Office Hallway", price: "Completed Project", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-near-bar_23-2147771338.jpg" },
|
||||||
id: "3", name: "Dining Room Refresh", price: "Completed Project", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/corner-attic-kitchen-scandinavian-blue-design-matte-cabinetry_169016-69122.jpg"},
|
{ id: "6", name: "Apartment Entryway", price: "Completed Project", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712907.jpg" },
|
||||||
{
|
|
||||||
id: "4", name: "Bright Nursery", price: "Completed Project", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/people-office-having-break_23-2147668797.jpg"},
|
|
||||||
{
|
|
||||||
id: "5", name: "Office Hallway", price: "Completed Project", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-selfie-near-bar_23-2147771338.jpg"},
|
|
||||||
{
|
|
||||||
id: "6", name: "Apartment Entryway", price: "Completed Project", variant: "Interior", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712907.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Recent Transformations"
|
title="Recent Transformations"
|
||||||
description="See the results of our professional painting projects."
|
description="See the results of our professional painting projects."
|
||||||
@@ -152,18 +115,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "500+", title: "Projects Completed", items: ["Residential", "Commercial"] },
|
||||||
id: "1", value: "500+", title: "Projects Completed", items: [
|
{ id: "2", value: "98%", title: "Client Satisfaction", items: ["Referrals", "Repeat Clients"] },
|
||||||
"Residential", "Commercial"],
|
{ id: "3", value: "10+", title: "Years Experience", items: ["Expertise", "Service"] },
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2", value: "98%", title: "Client Satisfaction", items: [
|
|
||||||
"Referrals", "Repeat Clients"],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3", value: "10+", title: "Years Experience", items: [
|
|
||||||
"Expertise", "Service"],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Impact"
|
title="Our Impact"
|
||||||
description="We are proud of our contributions to local communities."
|
description="We are proud of our contributions to local communities."
|
||||||
@@ -176,16 +130,11 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Jane Doe", handle: "@jane", testimonial: "Fantastic transformation of my house!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-painting-wall_23-2147782321.jpg" },
|
||||||
id: "1", name: "Jane Doe", handle: "@jane", testimonial: "Fantastic transformation of my house!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-painting-wall_23-2147782321.jpg"},
|
{ id: "2", name: "John Smith", handle: "@john", testimonial: "Best service we have ever received.", imageSrc: "http://img.b2bpic.net/free-photo/couple-hanging-art-picture-wall_1398-1789.jpg" },
|
||||||
{
|
{ id: "3", name: "Sarah Lee", handle: "@sarah", testimonial: "Highly professional and punctual team.", imageSrc: "http://img.b2bpic.net/free-photo/serious-unshaven-man-expert-tries-explain-his-idea-wife_273609-44258.jpg" },
|
||||||
id: "2", name: "John Smith", handle: "@john", testimonial: "Best service we have ever received.", imageSrc: "http://img.b2bpic.net/free-photo/couple-hanging-art-picture-wall_1398-1789.jpg"},
|
{ id: "4", name: "Mark Wilson", handle: "@mark", testimonial: "A true professional finish, very satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-application-user-feedback-response_53876-125143.jpg" },
|
||||||
{
|
{ id: "5", name: "Emily Chen", handle: "@emily", testimonial: "Will use them again for future projects.", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-new-home-together_23-2149086834.jpg" },
|
||||||
id: "3", name: "Sarah Lee", handle: "@sarah", testimonial: "Highly professional and punctual team.", imageSrc: "http://img.b2bpic.net/free-photo/serious-unshaven-man-expert-tries-explain-his-idea-wife_273609-44258.jpg"},
|
|
||||||
{
|
|
||||||
id: "4", name: "Mark Wilson", handle: "@mark", testimonial: "A true professional finish, very satisfied.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-application-user-feedback-response_53876-125143.jpg"},
|
|
||||||
{
|
|
||||||
id: "5", name: "Emily Chen", handle: "@emily", testimonial: "Will use them again for future projects.", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086834.jpg"},
|
|
||||||
]}
|
]}
|
||||||
title="Client Stories"
|
title="Client Stories"
|
||||||
description="Hear from our happy clients about their experience with Doctor Paint."
|
description="Hear from our happy clients about their experience with Doctor Paint."
|
||||||
@@ -197,12 +146,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "1", title: "What paints do you use?", content: "We use premium, industrial-grade paints designed for maximum durability and long-lasting protection, while ensuring all products are low-VOC and safe for your family and environment." },
|
||||||
id: "1", title: "What paints do you use?", content: "We use premium, high-quality, eco-friendly paints."},
|
{ id: "2", title: "How long does a job take?", content: "Times vary based on project size, typically 1-3 days." },
|
||||||
{
|
{ id: "3", title: "Do you provide estimates?", content: "Yes, we provide free written estimates for every project." },
|
||||||
id: "2", title: "How long does a job take?", content: "Times vary based on project size, typically 1-3 days."},
|
|
||||||
{
|
|
||||||
id: "3", title: "Do you provide estimates?", content: "Yes, we provide free written estimates for every project."},
|
|
||||||
]}
|
]}
|
||||||
title="Common Questions"
|
title="Common Questions"
|
||||||
description="Answers to your questions about our painting process."
|
description="Answers to your questions about our painting process."
|
||||||
@@ -213,13 +159,9 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "sparkles-gradient" }}
|
||||||
variant: "sparkles-gradient"}}
|
text="Ready to get started? Call Doctor Paint at (555) 123-4567 for your free estimate today!"
|
||||||
text="Ready to get started? Contact us for a free estimate today."
|
buttons={[{ text: "Email Us", href: "mailto:info@doctorpaint.com" }]}
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Email Us", href: "mailto:info@doctorpaint.com"},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -228,24 +170,20 @@ export default function LandingPage() {
|
|||||||
logoText="Doctor Paint"
|
logoText="Doctor Paint"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation", items: [
|
title: "Navigation", items: [
|
||||||
{
|
{ label: "About", href: "#about" },
|
||||||
label: "About", href: "#about"},
|
{ label: "Services", href: "#services" },
|
||||||
{
|
{ label: "Contact", href: "#contact" },
|
||||||
label: "Services", href: "#services"},
|
]
|
||||||
{
|
|
||||||
label: "Contact", href: "#contact"},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal", items: [
|
title: "Legal", items: [
|
||||||
{
|
{ label: "Privacy Policy", href: "#" },
|
||||||
label: "Privacy Policy", href: "#"},
|
{ label: "Terms of Service", href: "#" },
|
||||||
{
|
]
|
||||||
label: "Terms of Service", href: "#"},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
copyrightText="© 2025 Doctor Paint. All Rights Reserved."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f5f4ef;
|
--background: #fdfdfb;
|
||||||
--card: #dad6cd;
|
--card: #f5f3f0;
|
||||||
--foreground: #2a2928;
|
--foreground: #1a1814;
|
||||||
--primary-cta: #2a2928;
|
--primary-cta: #c65d22;
|
||||||
--primary-cta-text: #f5f4ef;
|
--primary-cta-text: #f5f4ef;
|
||||||
--secondary-cta: #ecebea;
|
--secondary-cta: #e8e4e0;
|
||||||
--secondary-cta-text: #2a2928;
|
--secondary-cta-text: #2a2928;
|
||||||
--accent: #ffffff;
|
--accent: #d4b89a;
|
||||||
--background-accent: #c6b180;
|
--background-accent: #fdfdfb;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user