Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
286
src/app/page.tsx
286
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Our Work",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Our Work", id: "projects"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elite Paint Services"
|
||||
/>
|
||||
@@ -55,93 +47,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Transform Your Home with Professional Care"
|
||||
description="We specialize in premium interior and exterior painting services that bring new life and value to your space with professional precision."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Jane D.",
|
||||
handle: "@janed",
|
||||
testimonial: "Excellent service and pristine results. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2i4mp",
|
||||
},
|
||||
name: "Jane D.", handle: "@janed", testimonial: "Excellent service and pristine results. Highly recommend!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2i4mp"},
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "@markr",
|
||||
testimonial: "Transformed our living room completely. Very professional.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ltoy60&_wi=1",
|
||||
},
|
||||
name: "Mark R.", handle: "@markr", testimonial: "Transformed our living room completely. Very professional.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ltoy60"},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@sarahl",
|
||||
testimonial: "The attention to detail was unmatched. Fantastic work.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m38q5p&_wi=1",
|
||||
},
|
||||
name: "Sarah L.", handle: "@sarahl", testimonial: "The attention to detail was unmatched. Fantastic work.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m38q5p"},
|
||||
{
|
||||
name: "Tom B.",
|
||||
handle: "@tomb",
|
||||
testimonial: "Fast, clean, and reasonably priced. A great local team.",
|
||||
rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=781b40&_wi=1",
|
||||
},
|
||||
name: "Tom B.", handle: "@tomb", testimonial: "Fast, clean, and reasonably priced. A great local team.", rating: 4,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=781b40"},
|
||||
{
|
||||
name: "Lisa K.",
|
||||
handle: "@lisak",
|
||||
testimonial: "Loved the eco-friendly paint options they provided.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ia6av&_wi=1",
|
||||
},
|
||||
name: "Lisa K.", handle: "@lisak", testimonial: "Loved the eco-friendly paint options they provided.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ia6av"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=30oxj0"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fq4dgw",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fq4dgw", alt: "User 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2i4mp",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2i4mp", alt: "User 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ltoy60",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ltoy60", alt: "User 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m38q5p",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m38q5p", alt: "User 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=781b40",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=781b40", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Finishes",
|
||||
},
|
||||
type: "text", text: "Premium Finishes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Paint",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly Paint"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Cleanup",
|
||||
},
|
||||
type: "text", text: "Professional Cleanup"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Guaranteed Satisfaction",
|
||||
},
|
||||
type: "text", text: "Guaranteed Satisfaction"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,17 +105,11 @@ export default function LandingPage() {
|
||||
description="With over 15 years of experience, we pride ourselves on clean lines, high-quality materials, and a seamless customer experience."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Insured Pros",
|
||||
description: "Fully licensed painting experts.",
|
||||
},
|
||||
title: "Insured Pros", description: "Fully licensed painting experts."},
|
||||
{
|
||||
title: "Quality Paint",
|
||||
description: "Using premium grade eco-friendly paint.",
|
||||
},
|
||||
title: "Quality Paint", description: "Using premium grade eco-friendly paint."},
|
||||
{
|
||||
title: "Clean Sites",
|
||||
description: "We protect your furniture and floor.",
|
||||
},
|
||||
title: "Clean Sites", description: "We protect your furniture and floor."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y9jr4c"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -178,26 +123,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Interior Painting",
|
||||
description: "Refreshing living rooms and kitchens.",
|
||||
tag: "Popular",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lk4wiz",
|
||||
},
|
||||
id: "1", title: "Interior Painting", description: "Refreshing living rooms and kitchens.", tag: "Popular", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lk4wiz"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Exterior Painting",
|
||||
description: "Durable finishes for your home's facade.",
|
||||
tag: "Durable",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nsjdi2",
|
||||
},
|
||||
id: "2", title: "Exterior Painting", description: "Durable finishes for your home's facade.", tag: "Durable", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nsjdi2"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Cabinet Refinishing",
|
||||
description: "Give your kitchen a new look.",
|
||||
tag: "Expert",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0qqbx1",
|
||||
},
|
||||
id: "3", title: "Cabinet Refinishing", description: "Give your kitchen a new look.", tag: "Expert", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0qqbx1"},
|
||||
]}
|
||||
title="Our Specialized Painting Services"
|
||||
description="Customized solutions for every part of your property."
|
||||
@@ -212,47 +142,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Living Room",
|
||||
price: "From $500",
|
||||
variant: "Premium",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1x01y9",
|
||||
},
|
||||
id: "p1", name: "Modern Living Room", price: "From $500", variant: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1x01y9"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Kitchen Cabinet Update",
|
||||
price: "From $800",
|
||||
variant: "Popular",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2jyu5n",
|
||||
},
|
||||
id: "p2", name: "Kitchen Cabinet Update", price: "From $800", variant: "Popular", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2jyu5n"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Exterior Facade Refresh",
|
||||
price: "From $1200",
|
||||
variant: "Heavy Duty",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3ck4f",
|
||||
},
|
||||
id: "p3", name: "Exterior Facade Refresh", price: "From $1200", variant: "Heavy Duty", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3ck4f"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Master Bedroom",
|
||||
price: "From $400",
|
||||
variant: "Soft Finish",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r8f25c",
|
||||
},
|
||||
id: "p4", name: "Master Bedroom", price: "From $400", variant: "Soft Finish", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r8f25c"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Full House Interior",
|
||||
price: "Custom Quote",
|
||||
variant: "Complete",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=be5iiu",
|
||||
},
|
||||
id: "p5", name: "Full House Interior", price: "Custom Quote", variant: "Complete", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=be5iiu"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Office Space",
|
||||
price: "From $700",
|
||||
variant: "Pro",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ks2joa",
|
||||
},
|
||||
id: "p6", name: "Office Space", price: "From $700", variant: "Pro", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ks2joa"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="See our recent transformations."
|
||||
@@ -261,35 +161,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Homes Painted",
|
||||
items: [
|
||||
"Successfully delivered",
|
||||
"High satisfaction",
|
||||
],
|
||||
id: "m1", value: "500+", title: "Homes Painted", items: [
|
||||
"Successfully delivered", "High satisfaction"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Local business",
|
||||
"Expert knowledge",
|
||||
],
|
||||
id: "m2", value: "15+", title: "Years Experience", items: [
|
||||
"Local business", "Expert knowledge"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Client Happiness",
|
||||
items: [
|
||||
"Commitment to quality",
|
||||
"Peace of mind",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Client Happiness", items: [
|
||||
"Commitment to quality", "Peace of mind"],
|
||||
},
|
||||
]}
|
||||
title="Why Trust Us"
|
||||
@@ -303,45 +189,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing",
|
||||
quote: "Fantastic attention to detail.",
|
||||
name: "Alice K.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ltoy60&_wi=2",
|
||||
},
|
||||
id: "t1", title: "Amazing", quote: "Fantastic attention to detail.", name: "Alice K.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ltoy60"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Very Happy",
|
||||
quote: "Clean, quick, and beautiful work.",
|
||||
name: "Bob S.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m38q5p&_wi=2",
|
||||
},
|
||||
id: "t2", title: "Very Happy", quote: "Clean, quick, and beautiful work.", name: "Bob S.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m38q5p"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great",
|
||||
quote: "Best painting company in town.",
|
||||
name: "Charlie D.",
|
||||
role: "Business Owner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=781b40&_wi=2",
|
||||
},
|
||||
id: "t3", title: "Great", quote: "Best painting company in town.", name: "Charlie D.", role: "Business Owner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=781b40"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Impressive",
|
||||
quote: "The walls look perfect.",
|
||||
name: "Diana P.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ia6av&_wi=2",
|
||||
},
|
||||
id: "t4", title: "Impressive", quote: "The walls look perfect.", name: "Diana P.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6ia6av"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Perfect",
|
||||
quote: "They were on time and professional.",
|
||||
name: "Evan G.",
|
||||
role: "Designer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fq4dgw",
|
||||
},
|
||||
id: "t5", title: "Perfect", quote: "They were on time and professional.", name: "Evan G.", role: "Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fq4dgw"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Voices from our happy customers."
|
||||
@@ -353,20 +209,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does it take?",
|
||||
content: "Most projects take 2-5 days depending on size.",
|
||||
},
|
||||
id: "f1", title: "How long does it take?", content: "Most projects take 2-5 days depending on size."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we provide free site inspections.",
|
||||
},
|
||||
id: "f2", title: "Do you provide estimates?", content: "Yes, we provide free site inspections."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is insurance included?",
|
||||
content: "Yes, we are fully licensed and insured.",
|
||||
},
|
||||
id: "f3", title: "Is insurance included?", content: "Yes, we are fully licensed and insured."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know."
|
||||
@@ -378,16 +225,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Start?"
|
||||
description="Book a free estimate with our experts today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@paint.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@paint.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -397,29 +241,19 @@ export default function LandingPage() {
|
||||
logoText="Elite Paint Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Interior",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Interior", href: "#services"},
|
||||
{
|
||||
label: "Exterior",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Exterior", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user