Merge version_1 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
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="LocalService"
|
||||
/>
|
||||
@@ -56,104 +48,59 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Reliable Local Services You Can Trust"
|
||||
description="Professional quality service right in your neighborhood. Book today and experience excellence."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Excellent service and very professional team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg?_wi=1",
|
||||
},
|
||||
name: "John D.", handle: "@johnd", testimonial: "Excellent service and very professional team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Fast response time and great results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-people-occupation-maintenance-service_343059-3492.jpg?_wi=1",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarahk", testimonial: "Fast response time and great results.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-people-occupation-maintenance-service_343059-3492.jpg"},
|
||||
{
|
||||
name: "Mike B.",
|
||||
handle: "@mikeb",
|
||||
testimonial: "Highly recommended for local residents.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-holding-gift-box-uniform-looking-cheerful-front-view_176474-21289.jpg",
|
||||
},
|
||||
name: "Mike B.", handle: "@mikeb", testimonial: "Highly recommended for local residents.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-engineer-holding-gift-box-uniform-looking-cheerful-front-view_176474-21289.jpg"},
|
||||
{
|
||||
name: "Emma R.",
|
||||
handle: "@emmar",
|
||||
testimonial: "Everything was perfect from start to finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-adult-slavic-man-holding-hammer-paint-brush-isolated_141793-68948.jpg",
|
||||
},
|
||||
name: "Emma R.", handle: "@emmar", testimonial: "Everything was perfect from start to finish.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-adult-slavic-man-holding-hammer-paint-brush-isolated_141793-68948.jpg"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Truly the best service in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-repairs-room_1157-24928.jpg",
|
||||
},
|
||||
name: "David W.", handle: "@davidw", testimonial: "Truly the best service in town.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-repairs-room_1157-24928.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123456"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-social-worker-taking-care-old-woman_23-2149031313.jpg"
|
||||
imageAlt="Professional local service provider"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-caucasian-adult-builder-man-uniform-holds-wrench-hammer-orange_141793-69362.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-caucasian-adult-builder-man-uniform-holds-wrench-hammer-orange_141793-69362.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-tools_23-2148932611.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-tools_23-2148932611.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-loader-holding-clipboard-pointing-side-uniform-front-view_176474-21356.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-loader-holding-clipboard-pointing-side-uniform-front-view_176474-21356.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-woman-showing-her-doctor-photo-frame_23-2148962335.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/senior-woman-showing-her-doctor-photo-frame_23-2148962335.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5000+ local families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Same-Day Service",
|
||||
},
|
||||
type: "text", text: "Same-Day Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Owned",
|
||||
},
|
||||
type: "text", text: "Locally Owned"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Satisfaction Guaranteed",
|
||||
},
|
||||
type: "text", text: "Satisfaction Guaranteed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Experienced Professionals",
|
||||
},
|
||||
type: "text", text: "Experienced Professionals"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,18 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Commitment to ",
|
||||
},
|
||||
type: "text", content: "Our Commitment to "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg",
|
||||
alt: "Service professional",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg", alt: "Service professional"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Local Excellence",
|
||||
},
|
||||
type: "text", content: " Local Excellence"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -186,40 +126,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Repairs",
|
||||
description: "High quality repairs for all your needs.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-caucasian-adult-builder-man-uniform-holds-wrench-hammer-orange_141793-69362.jpg",
|
||||
},
|
||||
title: "Expert Repairs", description: "High quality repairs for all your needs.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-caucasian-adult-builder-man-uniform-holds-wrench-hammer-orange_141793-69362.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-tools_23-2148932611.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-gardener-talking-by-mobile-phone_329181-20588.jpg",
|
||||
imageAlt: "expert plumbing tools",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-tools_23-2148932611.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Routine Maintenance",
|
||||
description: "Stay ahead with our preventative care.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-clipboard-pointing-side-uniform-front-view_176474-21356.jpg",
|
||||
},
|
||||
title: "Routine Maintenance", description: "Stay ahead with our preventative care.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-clipboard-pointing-side-uniform-front-view_176474-21356.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-showing-her-doctor-photo-frame_23-2148962335.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38421.jpg",
|
||||
imageAlt: "expert plumbing tools",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-showing-her-doctor-photo-frame_23-2148962335.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Emergency Support",
|
||||
description: "Rapid response when you need it most.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-paramedics-moving-ambulance-stretcher-from-car-hurry-paramedics-uniform-taking-stretcher-out-ambulance-car_657921-1485.jpg",
|
||||
},
|
||||
title: "Emergency Support", description: "Rapid response when you need it most.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-paramedics-moving-ambulance-stretcher-from-car-hurry-paramedics-uniform-taking-stretcher-out-ambulance-car_657921-1485.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-people-occupation-maintenance-service_343059-3492.jpg?_wi=2",
|
||||
imageAlt: "expert plumbing tools",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-loader-holding-house-model-uniform-front-view_176474-21361.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -235,31 +157,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Fully licensed",
|
||||
"Expert team",
|
||||
],
|
||||
id: "m1", value: "15+", title: "Years Experience", items: [
|
||||
"Fully licensed", "Expert team"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Satisfaction Rate",
|
||||
items: [
|
||||
"Guaranteed work",
|
||||
"Happy clients",
|
||||
],
|
||||
id: "m2", value: "100%", title: "Satisfaction Rate", items: [
|
||||
"Guaranteed work", "Happy clients"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5000+",
|
||||
title: "Completed Projects",
|
||||
items: [
|
||||
"Local expertise",
|
||||
"Trusted brand",
|
||||
],
|
||||
id: "m3", value: "5000+", title: "Completed Projects", items: [
|
||||
"Local expertise", "Trusted brand"],
|
||||
},
|
||||
]}
|
||||
title="Proven Track Record"
|
||||
@@ -274,45 +181,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Amazing professional quality work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-craftsman_23-2148137743.jpg",
|
||||
},
|
||||
id: "t1", name: "Jane Smith", handle: "@janesmith", testimonial: "Amazing professional quality work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-craftsman_23-2148137743.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Robert B.",
|
||||
handle: "@robertb",
|
||||
testimonial: "Quick, easy, and very friendly service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721516.jpg",
|
||||
},
|
||||
id: "t2", name: "Robert B.", handle: "@robertb", testimonial: "Quick, easy, and very friendly service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721516.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alice P.",
|
||||
handle: "@alicep",
|
||||
testimonial: "Reliable and affordable service team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-male-workers-wearing-work-clothes_273609-10990.jpg",
|
||||
},
|
||||
id: "t3", name: "Alice P.", handle: "@alicep", testimonial: "Reliable and affordable service team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-male-workers-wearing-work-clothes_273609-10990.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "George W.",
|
||||
handle: "@georgew",
|
||||
testimonial: "Will call them again for sure.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38483.jpg",
|
||||
},
|
||||
id: "t4", name: "George W.", handle: "@georgew", testimonial: "Will call them again for sure.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38483.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa T.",
|
||||
handle: "@lisat",
|
||||
testimonial: "Top notch communication and service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38423.jpg",
|
||||
},
|
||||
id: "t5", name: "Lisa T.", handle: "@lisat", testimonial: "Top notch communication and service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38423.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Satisfied Clients"
|
||||
@@ -326,20 +208,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How quickly can you respond?",
|
||||
content: "We aim to respond within 24 hours.",
|
||||
},
|
||||
id: "f1", title: "How quickly can you respond?", content: "We aim to respond within 24 hours."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer free quotes?",
|
||||
content: "Yes, we provide estimates upon request.",
|
||||
},
|
||||
id: "f2", title: "Do you offer free quotes?", content: "Yes, we provide estimates upon request."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, fully licensed and insured.",
|
||||
},
|
||||
id: "f3", title: "Are you licensed?", content: "Yes, fully licensed and insured."},
|
||||
]}
|
||||
title="Commonly Asked Questions"
|
||||
description="We want to make everything as clear as possible."
|
||||
@@ -352,14 +225,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Local Business Association",
|
||||
"Home Improvement Alliance",
|
||||
"City Safety Board",
|
||||
"Community Service Group",
|
||||
"Consumer Protection Union",
|
||||
"Service Excellence Council",
|
||||
"Regional Quality Trust",
|
||||
]}
|
||||
"Local Business Association", "Home Improvement Alliance", "City Safety Board", "Community Service Group", "Consumer Protection Union", "Service Excellence Council", "Regional Quality Trust"]}
|
||||
title="Trusted Partners & Community Awards"
|
||||
description="We are proud to be recognized by regional organizations."
|
||||
/>
|
||||
@@ -369,16 +235,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to Start?"
|
||||
title="Get a Free Estimate Today"
|
||||
description="Call us now or leave your details to get a free estimate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 555-012-3456",
|
||||
href: "tel:5550123456",
|
||||
},
|
||||
text: "Call Now: 555-012-3456", href: "tel:5550123456"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -389,25 +252,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user