Merge version_2 into main #2
311
src/app/page.tsx
311
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Elite Paint Co."
|
||||
/>
|
||||
@@ -61,70 +51,38 @@ export default function LandingPage() {
|
||||
description="We deliver precision, quality, and beauty to every room. Let our expert painters refresh your space with excellence."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jane Doe",
|
||||
handle: "@janedoe",
|
||||
testimonial: "Excellent service and attention to detail. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pz4elz&_wi=1",
|
||||
},
|
||||
name: "Jane Doe", handle: "@janedoe", testimonial: "Excellent service and attention to detail. Highly recommend!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pz4elz&_wi=1"},
|
||||
{
|
||||
name: "John Smith",
|
||||
handle: "@johnsmith",
|
||||
testimonial: "The best painting team we have ever hired.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bxlcs0&_wi=1",
|
||||
},
|
||||
name: "John Smith", handle: "@johnsmith", testimonial: "The best painting team we have ever hired.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bxlcs0&_wi=1"},
|
||||
{
|
||||
name: "Alice Brown",
|
||||
handle: "@alicebrown",
|
||||
testimonial: "Transformed our home completely.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=25ehbc&_wi=1",
|
||||
},
|
||||
name: "Alice Brown", handle: "@alicebrown", testimonial: "Transformed our home completely.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=25ehbc&_wi=1"},
|
||||
{
|
||||
name: "Robert Miller",
|
||||
handle: "@rmiller",
|
||||
testimonial: "Professional, clean, and timely. A fantastic experience.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=psf6it&_wi=1",
|
||||
},
|
||||
name: "Robert Miller", handle: "@rmiller", testimonial: "Professional, clean, and timely. A fantastic experience.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=psf6it&_wi=1"},
|
||||
{
|
||||
name: "Sarah Connor",
|
||||
handle: "@sconnor",
|
||||
testimonial: "Elite Paint Co. brought a new life to our kitchen cabinets.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b0vo4n&_wi=1",
|
||||
},
|
||||
name: "Sarah Connor", handle: "@sconnor", testimonial: "Elite Paint Co. brought a new life to our kitchen cabinets.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b0vo4n&_wi=1"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=br685a"
|
||||
imageAlt="painting house interior professional"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://hero-avatar-1",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "asset://hero-avatar-1", alt: "Client 1"},
|
||||
{
|
||||
src: "asset://hero-avatar-2",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "asset://hero-avatar-2", alt: "Client 2"},
|
||||
{
|
||||
src: "asset://hero-avatar-3",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "asset://hero-avatar-3", alt: "Client 3"},
|
||||
{
|
||||
src: "asset://hero-avatar-4",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "asset://hero-avatar-4", alt: "Client 4"},
|
||||
{
|
||||
src: "asset://hero-avatar-5",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "asset://hero-avatar-5", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy homeowners"
|
||||
/>
|
||||
@@ -135,18 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission to ",
|
||||
},
|
||||
type: "text", content: "Our Mission to "},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l17ocf",
|
||||
alt: "team of professional house painters",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l17ocf", alt: "team of professional house painters"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Revitalize Your Space",
|
||||
},
|
||||
type: "text", content: " Revitalize Your Space"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,23 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Interior Painting",
|
||||
description: "Revive your indoor living spaces.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9abxxa",
|
||||
imageAlt: "interior room wall painting",
|
||||
},
|
||||
title: "Interior Painting", description: "Revive your indoor living spaces.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9abxxa", imageAlt: "interior room wall painting"},
|
||||
{
|
||||
title: "Exterior Painting",
|
||||
description: "Protect and beautify your home exterior.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9bjwht",
|
||||
imageAlt: "exterior house painting work",
|
||||
},
|
||||
title: "Exterior Painting", description: "Protect and beautify your home exterior.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9bjwht", imageAlt: "exterior house painting work"},
|
||||
{
|
||||
title: "Cabinet Refinishing",
|
||||
description: "Modernize your kitchen for less.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xju0yv",
|
||||
imageAlt: "cabinet painting and refurbishment",
|
||||
},
|
||||
title: "Cabinet Refinishing", description: "Modernize your kitchen for less.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xju0yv", imageAlt: "cabinet painting and refurbishment"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer a wide range of painting solutions tailored to your unique requirements."
|
||||
@@ -189,52 +128,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
tag: "Small Project",
|
||||
price: "$500+",
|
||||
period: "fixed",
|
||||
description: "Single room interior.",
|
||||
button: {
|
||||
text: "Get Quote",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Prep work",
|
||||
"High quality paint",
|
||||
"Clean up",
|
||||
],
|
||||
id: "1", tag: "Small Project", price: "$500+", period: "fixed", description: "Single room interior.", button: {
|
||||
text: "Get Quote"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Prep work", "High quality paint", "Clean up"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
tag: "Standard Home",
|
||||
price: "$2,500+",
|
||||
period: "fixed",
|
||||
description: "Full apartment paint.",
|
||||
button: {
|
||||
text: "Get Quote",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Color consultation",
|
||||
"Wall repairs",
|
||||
"2 coats included",
|
||||
],
|
||||
id: "2", tag: "Standard Home", price: "$2,500+", period: "fixed", description: "Full apartment paint.", button: {
|
||||
text: "Get Quote"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Color consultation", "Wall repairs", "2 coats included"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
tag: "Full Service",
|
||||
price: "$5,000+",
|
||||
period: "fixed",
|
||||
description: "Entire exterior & interior.",
|
||||
button: {
|
||||
text: "Get Quote",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Premium paint",
|
||||
"Detailed trim work",
|
||||
"Priority scheduling",
|
||||
],
|
||||
id: "3", tag: "Full Service", price: "$5,000+", period: "fixed", description: "Entire exterior & interior.", button: {
|
||||
text: "Get Quote"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Premium paint", "Detailed trim work", "Priority scheduling"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -249,40 +158,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1",
|
||||
title: "Consultation",
|
||||
items: [
|
||||
"Free home visit",
|
||||
"Color matching",
|
||||
],
|
||||
id: "m1", value: "1", title: "Consultation", items: [
|
||||
"Free home visit", "Color matching"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2",
|
||||
title: "Preparation",
|
||||
items: [
|
||||
"Deep cleaning",
|
||||
"Surface repair",
|
||||
],
|
||||
id: "m2", value: "2", title: "Preparation", items: [
|
||||
"Deep cleaning", "Surface repair"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3",
|
||||
title: "Execution",
|
||||
items: [
|
||||
"Professional painting",
|
||||
"Detailed finish",
|
||||
],
|
||||
id: "m3", value: "3", title: "Execution", items: [
|
||||
"Professional painting", "Detailed finish"],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "4",
|
||||
title: "Final Check",
|
||||
items: [
|
||||
"Client walk-through",
|
||||
"Final inspection",
|
||||
],
|
||||
id: "m4", value: "4", title: "Final Check", items: [
|
||||
"Client walk-through", "Final inspection"],
|
||||
},
|
||||
]}
|
||||
title="Our Process"
|
||||
@@ -297,28 +186,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "n1",
|
||||
value: "500+",
|
||||
title: "Homes Painted",
|
||||
items: [
|
||||
"Satisfaction guaranteed",
|
||||
],
|
||||
id: "n1", value: "500+", title: "Homes Painted", items: [
|
||||
"Satisfaction guaranteed"],
|
||||
},
|
||||
{
|
||||
id: "n2",
|
||||
value: "10",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Expert techniques",
|
||||
],
|
||||
id: "n2", value: "10", title: "Years Experience", items: [
|
||||
"Expert techniques"],
|
||||
},
|
||||
{
|
||||
id: "n3",
|
||||
value: "99%",
|
||||
title: "Referrals",
|
||||
items: [
|
||||
"Customer satisfaction",
|
||||
],
|
||||
id: "n3", value: "99%", title: "Referrals", items: [
|
||||
"Customer satisfaction"],
|
||||
},
|
||||
]}
|
||||
title="Results You Can Trust"
|
||||
@@ -332,45 +209,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Service",
|
||||
quote: "The team was incredible.",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pz4elz&_wi=2",
|
||||
},
|
||||
id: "1", title: "Great Service", quote: "The team was incredible.", name: "Sarah J.", role: "Client", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pz4elz&_wi=2"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professional Finish",
|
||||
quote: "My cabinets look brand new.",
|
||||
name: "Mike D.",
|
||||
role: "Client",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bxlcs0&_wi=2",
|
||||
},
|
||||
id: "2", title: "Professional Finish", quote: "My cabinets look brand new.", name: "Mike D.", role: "Client", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bxlcs0&_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Reliable & Fast",
|
||||
quote: "Done ahead of schedule.",
|
||||
name: "Lisa R.",
|
||||
role: "Client",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=25ehbc&_wi=2",
|
||||
},
|
||||
id: "3", title: "Reliable & Fast", quote: "Done ahead of schedule.", name: "Lisa R.", role: "Client", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=25ehbc&_wi=2"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Excellent Quality",
|
||||
quote: "Perfect execution.",
|
||||
name: "Bob T.",
|
||||
role: "Client",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=psf6it&_wi=2",
|
||||
},
|
||||
id: "4", title: "Excellent Quality", quote: "Perfect execution.", name: "Bob T.", role: "Client", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=psf6it&_wi=2"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Recommend",
|
||||
quote: "Will call them again.",
|
||||
name: "Anna P.",
|
||||
role: "Client",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b0vo4n&_wi=2",
|
||||
},
|
||||
id: "5", title: "Highly Recommend", quote: "Will call them again.", name: "Anna P.", role: "Client", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b0vo4n&_wi=2"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Trusted by hundreds of happy homeowners."
|
||||
@@ -381,14 +228,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
text="Ready to give your home a fresh look? Let's talk about your project today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "mailto:info@elitepaint.com",
|
||||
},
|
||||
text: "Contact Us Now", href: "mailto:info@elitepaint.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -398,42 +242,27 @@ export default function LandingPage() {
|
||||
logoText="Elite Paint Co."
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Interior",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Interior", href: "#services"},
|
||||
{
|
||||
label: "Exterior",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Exterior", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -442,4 +271,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user